/* Preview variants only. Baseline source and operations are untouched. */
:root{--m-text:#202A3A;--m-muted:#5C6778;--m-blue:#2457D6;--m-soft:#EDF2FD;--m-line:#E2E7EF;--m-shadow:none;--brand-500:#2457D6;--brand-700:#1744B5}
body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:16px;letter-spacing:0;line-height:1.65;background:#fff}
.topbar{height:76px}.top-inner{max-width:1440px;padding:0 36px}.logo{font-size:27px;font-weight:750}.logo-mark{border-radius:9px}.logo-tag{font-size:13px}.top-links a{font-size:15px}.top-actions .avatar{min-height:44px}
.workspace{max-width:1440px;grid-template-columns:180px minmax(0,1fr) 246px;gap:28px;padding:28px 36px 60px}
.sidebar{top:24px}.side-nav a{font-size:14px;font-weight:550;padding:0 12px;min-height:48px;border-radius:8px}.side-nav a.active{font-weight:650}.side-foot{font-size:13px;margin-top:24px;padding:12px}.side-foot b{font-size:14px}.sidebar-separator{margin:22px 12px}.nav-count{font-size:13px}
.audience-switch{margin-bottom:20px;border-bottom:1px solid var(--m-line);gap:24px;padding:0;border-radius:0;background:none}.audience-switch a{min-height:44px;font-size:15px;font-weight:600;padding:0 0 13px;border:0;border-bottom:3px solid transparent;border-radius:0;background:none}.audience-switch a[aria-current=page]{color:var(--m-blue);border-bottom-color:var(--m-blue);background:none;box-shadow:none}
.visual-hero{padding:25px 28px;min-height:214px;border:0;border-radius:16px;background:#EDF3FC;margin-bottom:20px;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}
.visual-hero h1{font-size:30px;line-height:1.45;letter-spacing:-.8px;font-weight:700;white-space:normal}.visual-hero p{font-size:14px;line-height:1.65;max-width:340px;margin-top:12px}.visual-hero .eyebrow{font-size:13px;margin-bottom:10px;letter-spacing:0;font-weight:550}.discovery-art{width:44%;right:-2%;mask-image:radial-gradient(ellipse at center,#000 35%,transparent 72%)}
.visual-hero--life{background:#EDF3FC}.visual-hero--life h1 em{color:var(--m-blue)}.visual-hero--life .dot{background:var(--m-blue)}
.search{border:1.5px solid #8797B5;border-radius:10px;box-shadow:none;padding:5px 6px 5px 16px}.search input{height:44px;font-size:16px}.search input::placeholder{color:#66758C}.search button{height:44px;width:44px;flex-shrink:0;border-radius:7px}.trending{font-size:13px;gap:16px;margin-top:10px}.trending button{font-size:13px;min-height:28px}
.categories{border:0;box-shadow:none;background:none;padding:18px 0;margin:6px 0 16px;gap:5px;border-radius:0}.category{font-size:13px;gap:8px;white-space:normal;line-height:1.35;min-width:0}.category .cat-icon{background:#F2F5FA;color:#385787;border-radius:12px;width:43px;height:43px}.category:nth-child(n) .cat-icon{background:#F2F5FA;color:#385787}.category.selected .cat-icon{background:var(--m-soft);color:var(--m-blue)}
.match-banner{background:#F5F7FB;border:0;border-radius:10px;padding:17px 18px;margin-bottom:28px;gap:13px}.match-banner h2{font-size:16px;letter-spacing:0}.match-banner p{font-size:13px;color:var(--m-muted)}.match-symbol{width:36px;height:36px;background:none;border-radius:0;box-shadow:none}.match-banner>a{font-size:13px;white-space:normal;flex-shrink:0;max-width:110px}.match-banner>a svg{flex-shrink:0}
.section-heading{margin-bottom:16px}.section-heading h2{font-size:21px;letter-spacing:-.4px;font-weight:700}.subtle-link{font-size:13px}.filter-row{gap:7px;margin-bottom:14px}.pill{font-size:13px;min-height:38px;padding:0 12px}.filter-row select{font-size:13px;min-height:38px;border-color:#C4CEDD;max-width:144px}.filter-row .pill.selected{background:#263B5A;border-color:#263B5A}.results-meta{font-size:13px;margin:14px 0}
.notice-grid{grid-template-columns:1fr;gap:0;border-top:2px solid #273B5A}.notice-card{border:0;border-bottom:1px solid var(--m-line);border-radius:0;padding:19px 0 17px;box-shadow:none;background:transparent}.notice-card:hover{box-shadow:none;background:#F7F9FC}.card-top{font-size:13px;gap:8px}.badge{font-size:13px;padding:3px 7px;font-weight:600}.badge.urgent{color:#98431E;background:#FFF0E7}.card-category{font-size:13px}.save-button{top:15px;right:0;color:#5C6C82}.card-link{padding-top:8px;padding-right:38px}.card-link h3{font-size:18px;font-weight:600;line-height:1.5;min-height:0;letter-spacing:0}.card-details{font-size:14px;margin-top:10px;gap:18px;flex-wrap:wrap}.card-footer{font-size:13px;border:0;margin-top:7px;padding:0;justify-content:flex-start;gap:14px}.card-footer .source-name{max-width:60%}.more{font-size:14px;border-radius:8px;margin-top:16px}
.right-rail{gap:22px;top:24px}.rail-card{border:0;border-radius:12px;background:#F5F7FB;padding:20px 18px}.rail-card h2{font-size:16px;font-weight:650}.rail-card p{font-size:14px}.rail-profile small{font-size:13px}.rail-card .primary{font-size:14px;min-height:44px}.rail-note{padding:0 4px}.rail-note h3{font-size:14px}.rail-note p,.rail-note small{font-size:13px}.calendar-week,.calendar-day small,.calendar-note,.deadline-item small{font-size:13px}.deadline-item h3{font-size:14px;line-height:1.5}.deadline-date{font-size:13px}.calendar-card{background:white;padding:20px 0;border-top:1px solid var(--m-line);border-radius:0}.calendar-actions button{font-size:13px}.sv-promo{border-radius:12px}.sv-promo-slide p,.sv-promo-kicker{font-size:13px!important}.sv-promo-slide h3{font-size:17px}.sv-promo-symbol{width:65px;height:70px}.sv-promo-slide>a{padding:20px 16px;gap:8px}.sv-promo-slide>a>div{min-width:0}.sv-promo-slide p{line-height:1.5;letter-spacing:0}.sv-promo-slide h3{letter-spacing:-.4px}.footer{font-size:13px}.footer small{font-size:13px}.support-fab{font-size:13px}
html[data-design=b]{--m-page:#F3F5F8;--m-blue:#173B80;--m-soft:#E8EDF7;--brand-500:#173B80;--brand-700:#112F68}html[data-design=b] body{background:var(--m-page)}
html[data-design=b] .topbar{border-bottom:0}html[data-design=b] .logo-mark{background:#173B80}
html[data-design=b] .audience-switch{background:#fff;border:0;border-radius:12px;padding:5px;gap:5px;width:max-content;margin-bottom:18px}html[data-design=b] .audience-switch a{padding:8px 16px;min-height:44px;border:0;border-radius:8px}html[data-design=b] .audience-switch a[aria-current=page]{background:#173B80;color:white}
html[data-design=b] .visual-hero{background:#E2EAF7;border:1px solid #D9E3F3;border-radius:20px;min-height:228px}html[data-design=b] .visual-hero h1{font-weight:750}html[data-design=b] .visual-hero .eyebrow{font-weight:600}
html[data-design=b] .match-banner{background:#173B80;color:white;border-radius:12px}html[data-design=b] .match-banner p,html[data-design=b] .match-banner>a,html[data-design=b] .match-symbol{color:white}html[data-design=b] .match-banner p{opacity:.9}
html[data-design=b] .notice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border:0}html[data-design=b] .notice-card{background:white;border:1px solid #E1E6EF;border-radius:12px;padding:19px 18px 16px}html[data-design=b] .notice-card:hover{border-color:#AEBFD9;background:white}html[data-design=b] .card-link{padding-right:0}html[data-design=b] .card-link h3{font-weight:650;min-height:54px}html[data-design=b] .card-details{gap:12px;font-size:13px}html[data-design=b] .card-footer{margin-top:12px;border-top:1px solid var(--m-line);padding-top:12px;justify-content:space-between;gap:8px;font-size:13px}html[data-design=b] .save-button{right:7px;top:13px}html[data-design=b] .rail-card{background:white;border:1px solid #E1E6EF}html[data-design=b] .calendar-card{padding:20px 15px;border-radius:12px}html[data-design=b] .side-nav a.active{background:#173B80;color:white}
@media(max-width:1279px){.workspace{grid-template-columns:164px minmax(0,1fr);max-width:1100px;padding:26px 28px;gap:26px}.right-rail{display:none}.top-inner{padding:0 28px;max-width:1100px}.top-links{margin-left:12px}.logo-tag{display:none}}
@media(max-width:899px){.workspace{grid-template-columns:1fr;max-width:780px;padding:22px 24px 108px}.sidebar{display:none}.top-inner{max-width:780px;padding:0 24px;gap:24px}.topbar{height:68px}.mobile-nav a{font-size:13px;min-height:50px}.mobile-nav{padding:7px 10px max(8px,env(safe-area-inset-bottom))}.support-fab{bottom:92px}.top-links{gap:18px}.top-links a{font-size:14px}}
@media(max-width:540px){.workspace{padding:16px 18px 104px}.top-inner{padding:0 18px}.topbar{height:64px}.logo{font-size:25px}.logo-mark{width:28px;height:28px}.avatar{font-size:13px;min-height:42px}.top-links{display:none}.audience-switch{margin-bottom:14px;gap:23px}.audience-switch a{font-size:14px;min-height:42px;padding-bottom:10px}.visual-hero,html[data-design=b] .visual-hero{padding:19px 18px;min-height:188px;margin-bottom:16px;border-radius:13px;grid-template-columns:1fr}.visual-hero h1{font-size:25px;line-height:1.45;white-space:normal;letter-spacing:-.8px;max-width:100%}.visual-hero p{font-size:13px;max-width:70%;margin-top:10px;line-height:1.6}.visual-hero .eyebrow{display:none}.discovery-art{width:35%;height:78%;top:25%;right:-3%;opacity:.88}.discovery-art img{object-fit:contain}.search{padding-left:12px;gap:7px}.search input{font-size:16px;min-height:44px}.search input::placeholder{font-size:14px}.trending{display:none}.categories{display:grid;grid-template-columns:repeat(8,76px);overflow:auto;gap:8px;margin:4px 0 16px;padding:17px 0 8px;scrollbar-width:thin;border-radius:0}.category{font-size:13px;gap:7px;white-space:normal}.category .cat-icon{height:38px;width:38px;border-radius:10px}.match-banner{display:flex;flex-wrap:nowrap;margin-bottom:24px;padding:13px 14px;gap:9px}.match-symbol{display:none}.match-banner h2{font-size:14px;max-width:190px;line-height:1.5}.match-banner p{display:none}.match-banner>a{font-size:13px;max-width:85px;min-height:44px;line-height:1.5}.section-heading h2{font-size:20px}.section-heading{gap:8px;margin-bottom:13px}.subtle-link{font-size:13px}.filter-row{gap:7px}.pill{font-size:13px;min-height:38px;padding:0 11px}.filter-row select{font-size:13px;min-height:38px}.results-meta{font-size:13px;line-height:1.5;gap:10px}.notice-card{padding:18px 0}.card-link h3{font-size:17px;line-height:1.55}.card-details{font-size:13px;gap:14px}.card-footer{font-size:13px;gap:10px;flex-wrap:wrap}.badge{font-size:13px}.card-top{padding-right:36px}.card-category{font-size:13px}.save-button{top:12px}.footer{font-size:13px}.sv-promo--mobile .sv-promo-slide p{font-size:13px}.sv-promo--mobile .sv-promo-symbol{width:88px}.sv-promo--mobile .sv-promo-slide h3{font-size:18px}html[data-design=b] .audience-switch{margin-bottom:14px}html[data-design=b] .audience-switch a{font-size:14px;padding:7px 14px}html[data-design=b] .notice-grid{grid-template-columns:1fr;gap:12px}html[data-design=b] .notice-card{padding:18px}html[data-design=b] .card-link h3{min-height:0}html[data-design=b] .match-banner h2{max-width:190px}}
@media(max-width:374px){.visual-hero h1{font-size:23px}.workspace{padding-left:14px;padding-right:14px}.section-heading h2{font-size:18px}.filter-row{gap:5px}.pill{padding:0 9px}.card-footer .source-name{max-width:100%}}
/* Direction review: search priority, fewer outlined boxes, image-compatible surfaces. */
html[data-design=a] .visual-hero{background:#F7F4EE;margin-top:18px}
html[data-design=a] .categories{display:flex;gap:23px;align-items:start}
.category-group{display:grid;grid-template-columns:repeat(var(--count),minmax(0,1fr));gap:8px;flex:var(--count);min-width:0}.category-group-label{grid-column:1/-1;font-size:13px;color:#5C6778;font-weight:600;margin-bottom:2px}
html[data-design=b]{--m-page:#F4F4F2}html[data-design=b] .visual-hero{border:0}html[data-design=b] .search{border-color:transparent;background:#fff;box-shadow:inset 0 -2px #B6C3D8}html[data-design=b] .audience-switch{margin-top:0;margin-bottom:10px}
.match-banner>a{min-width:118px;max-width:none;white-space:nowrap;word-break:keep-all}.match-banner h2{word-break:keep-all}.sv-promo-slide p{word-break:keep-all}
@media(max-width:540px){html[data-design=a] .categories{gap:20px;display:flex;overflow:auto}.category-group{flex:0 0 auto;grid-template-columns:repeat(var(--count),68px);gap:6px}.category-group-label{font-size:13px}.match-banner,html[data-design=b] .match-banner{display:none}.visual-hero,html[data-design=b] .visual-hero{min-height:176px}.visual-hero h1{font-size:24px}.visual-hero p{max-width:68%}.audience-switch{gap:20px}.audience-switch a{font-size:14px;gap:6px}html[data-design=b] .audience-switch{width:100%;gap:3px}html[data-design=b] .audience-switch a{flex:1;justify-content:center;padding:7px 8px;font-size:14px}.audience-switch svg{width:17px;height:17px}}
/* Keep the first opportunity within reach on desktop without shrinking body text. */
@media(min-width:900px){.topbar{height:68px}.workspace{padding-top:22px}.visual-hero,html[data-design=b] .visual-hero{min-height:176px;padding:20px 26px}.visual-hero h1{font-size:29px}.visual-hero .eyebrow{margin-bottom:7px}.visual-hero p{margin-top:8px}.trending{display:none}.categories{padding-top:13px;padding-bottom:10px;margin-bottom:12px}.match-banner{padding:11px 17px;margin-bottom:20px}.match-banner h2{font-size:15px}.match-banner p{font-size:13px}.audience-switch{margin-bottom:14px}.visual-hero{margin-bottom:14px}.section-heading{margin-bottom:12px}}

/* New ChatGPT main hero: preserve the full three-card composition. */
.discovery-art{mask-image:none;mix-blend-mode:multiply;right:0;width:43%;top:0;height:100%}.discovery-art img{object-fit:contain} @media(max-width:540px){.discovery-art{width:40%;height:75%;top:28%;right:0;opacity:1}.visual-hero p{max-width:62%}}