/* Unified sky-blue ocean theme. Loaded last on every page. */
:root{
 --bg:#f3fbff;--surface:#ffffff;--surface-2:#e7f6fc;--text:#0a3850;--muted:#607f8f;
 --brand:#0788af;--brand-2:#f1b54a;--line:#c9e5ef;--danger:#b6534a;
 --shadow:0 18px 48px rgba(4,92,126,.10);--radius:22px;--ocean-deep:#045b82;--ocean-mid:#0c91b8;--ocean-sky:#bfeafb;
}
html{background:#edf9fe}
body,body.wiki-page,body.qna-hub{background:linear-gradient(180deg,#f8fdff 0,#eef9fd 48%,#f9fdff 100%)!important;color:var(--text)!important}
body.dark{--bg:#f3fbff;--surface:#fff;--surface-2:#e7f6fc;--text:#0a3850;--muted:#607f8f;--line:#c9e5ef;--brand:#0788af;--brand-2:#f1b54a;background:linear-gradient(180deg,#f8fdff,#eef9fd)!important;color:#0a3850!important}
.topbar{background:linear-gradient(90deg,#056f99 0%,#0b91b5 55%,#16abc4 100%)!important;color:#eefdff!important;border:0!important}
.topbar .container{padding:7px 0!important}.topbar-note{color:#dff8ff!important}
.site-header,.site-header.premium-header{background:rgba(255,255,255,.94)!important;border-bottom:1px solid #cce5ee!important;box-shadow:0 10px 35px rgba(2,76,105,.09)!important;backdrop-filter:blur(18px)}
.header-row{min-height:78px!important}.brand-mark{background:linear-gradient(145deg,#19b7ca,#087fa9)!important;border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 22px rgba(5,120,153,.18)}
.brand b{color:#083a52!important}.brand small{color:#688795!important}.header-actions .icon-btn,.menu-btn{background:linear-gradient(145deg,#fff,#f0faff)!important;border-color:#c7e3ee!important;color:#0a5975!important;box-shadow:0 7px 18px rgba(4,92,122,.07)}
.main-nav{background:rgba(251,254,255,.98)!important;border-top:1px solid #e1eff4!important;border-bottom:1px solid #cfe7ef!important}
.main-nav .container{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:6px!important;overflow:visible!important;padding:8px 0 10px!important}
.main-nav a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:7px 8px!important;border:1px solid transparent!important;border-radius:12px!important;font-size:12.5px!important;line-height:1.2!important;text-align:center!important;color:#315f72!important;background:transparent!important;transition:.18s ease!important}
.main-nav a:hover,.main-nav a.active{color:#057d9e!important;background:linear-gradient(145deg,#e8f8fd,#fff)!important;border-color:#b9dfeb!important;box-shadow:0 8px 18px rgba(4,106,139,.08)!important}
.main-nav a.nav-accent{color:#046e8f!important;background:#edf9fd!important;border-color:#cce9f2!important}.main-nav a.nav-accent:before{background:#f2b94c!important}

/* Home hero: light ocean, normal-flow learning card, no clipping */
.home-premium .home-hero{position:relative!important;min-height:0!important;height:auto!important;overflow:hidden!important;padding:66px 0 76px!important;color:#0a3850!important;background:
 radial-gradient(circle at 78% 18%,rgba(255,255,255,.92),transparent 24%),
 radial-gradient(circle at 15% 8%,rgba(255,221,151,.28),transparent 19%),
 linear-gradient(145deg,#e7f8ff 0%,#bfeafb 42%,#66c4df 73%,#1595b8 100%)!important}
.home-premium .home-hero:before{content:""!important;position:absolute!important;inset:auto -8% -1px -8%!important;height:34%!important;background:
 radial-gradient(70% 42% at 18% 100%,rgba(255,255,255,.48),transparent 70%),
 radial-gradient(60% 50% at 65% 100%,rgba(255,255,255,.35),transparent 72%),
 linear-gradient(180deg,rgba(255,255,255,0),rgba(6,119,154,.12))!important;mask-image:none!important;opacity:1!important;pointer-events:none}
.home-premium .home-hero:after{content:none!important;display:none!important}
.home-premium .home-hero-grid{position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr)!important;gap:52px!important;align-items:center!important}
.home-premium .eyebrow{color:#057b9f!important}.home-premium .home-hero h1{max-width:720px!important;margin:14px 0 22px!important;font-size:clamp(48px,5.6vw,76px)!important;line-height:1.04!important;letter-spacing:-3.5px!important;color:#083b55!important;text-shadow:none!important}.home-premium .home-hero h1 em{color:#057ea4!important;background:none!important;-webkit-text-fill-color:initial!important}
.home-premium .home-hero p{max-width:720px!important;color:#295f75!important;text-shadow:none!important;font-size:18px!important}
.home-premium .home-search{background:rgba(255,255,255,.94)!important;border:1px solid rgba(255,255,255,.98)!important;box-shadow:0 22px 55px rgba(4,94,126,.18)!important}.home-premium .home-search input{color:#123f54!important}.home-premium .home-search input::placeholder{color:#7896a3!important}.home-premium .home-search button{background:linear-gradient(135deg,#078ab0,#18b9c5)!important;color:#fff!important}
.home-premium .hero-keywords button{color:#075e79!important;border-color:rgba(6,112,145,.20)!important;background:rgba(255,255,255,.58)!important}.home-premium .hero-keywords button:hover{background:#fff!important}
.luxe-panel{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:0!important;height:auto!important;padding:0!important;overflow:visible!important}.luxe-orbit,.luxe-stamp{display:none!important}
.luxe-card.main{position:relative!important;inset:auto!important;width:100%!important;max-width:520px!important;height:auto!important;min-height:0!important;margin:0!important;padding:29px!important;overflow:visible!important;transform:none!important;border:1px solid rgba(255,255,255,.95)!important;border-radius:28px!important;background:rgba(255,255,255,.91)!important;color:#0a3d54!important;box-shadow:0 30px 75px rgba(4,75,105,.20)!important;backdrop-filter:blur(16px)}
.luxe-card .card-label{color:#0588a8!important}.luxe-card.main h2{margin:10px 0 20px!important;font-size:28px!important;line-height:1.22!important;color:#093a50!important}
.luxe-route{display:grid!important;gap:8px!important}.luxe-route div{position:relative!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;min-height:52px!important;padding:9px 11px!important;border:1px solid #d8edf3!important;border-radius:14px!important;background:linear-gradient(145deg,#f4fcff,#e9f7fb)!important;transform:none!important}.luxe-route div:hover{transform:translateX(3px)!important;background:#fff!important}.luxe-route b{background:linear-gradient(145deg,#087ea4,#0aa4ba)!important}.luxe-route span{color:#123f51!important}.luxe-route small{color:#708d99!important;white-space:nowrap!important}
.editorial-index{margin-top:-28px!important}.editorial-shell{border-color:#cae7f0!important;box-shadow:0 24px 65px rgba(4,86,116,.11)!important}.editorial-title{background:linear-gradient(145deg,#e8f8fd,#f7fdff)!important}.editorial-title small,.editorial-link small{color:#0787a8!important}.editorial-link:hover{background:#eefaff!important}

/* Shared ocean surfaces */
.page-hero,.archive-hero,.wiki-hero,.qna-hero{background:radial-gradient(circle at 84% 0,rgba(255,255,255,.9),transparent 27%),radial-gradient(circle at 12% 0,rgba(255,220,148,.20),transparent 19%),linear-gradient(145deg,#edfaff 0%,#d3f1fa 55%,#a9dfef 100%)!important;border-bottom:1px solid #c8e5ef!important;color:#0a3850!important}
.page-hero h1,.archive-heading h1,.wiki-title-row h1,.qna-hero h1{color:#073b55!important}.page-hero p,.archive-heading p,.wiki-title-row p,.qna-hero p{color:#4f7181!important}.eyebrow,.section-kicker,.archive-kicker,.wiki-category,.section-head>span{color:#0787aa!important}
.archive-shell,.wiki-content,.qna-archive,.qna-category-strip,.qna-essential{background:transparent!important}
.topic-grid,.path-card,.feature-card,.scenario-card,.season-card,.trust-card,.archive-card,.point-card,.official-card,.qna-archive-card,.qna-essential-card,.qna-category-tile,.qna-stat-panel,.wiki-article,.rail-card,.stat-chip{border-color:#c9e5ef!important;background:rgba(255,255,255,.94)!important;box-shadow:0 14px 38px rgba(3,88,118,.07)!important}
.path-card:hover,.feature-card:hover,.scenario-card:hover,.season-card:hover,.trust-card:hover,.archive-card:hover,.point-card:hover,.official-card:hover,.qna-archive-card:hover{border-color:#6cc5da!important;box-shadow:0 24px 55px rgba(3,93,126,.14)!important}
.section-title-row h2,.skills-category-head h2,.archive-card h2,.archive-card h3,.point-card h3,.official-card h3{color:#073e59!important}
.btn.primary{background:linear-gradient(135deg,#0788ae,#13b5c3)!important;border-color:transparent!important;color:#fff!important}.btn.secondary,.btn{border-color:#c6e4ed!important;background:#fff!important;color:#0a607d!important}
.archive-tabs button,.filter-bar button,.qna-filter-row button{border-color:#c5e4ee!important;color:#17647c!important}.archive-tabs button.active,.filter-bar button.active,.qna-filter-row button.active{background:linear-gradient(135deg,#0788ae,#15b4c2)!important;color:#fff!important}
.archive-card .archive-meta span,.skills-jump a,.topic-link{background:#ebf9fd!important;color:#087b9b!important;border-color:#c9e8f1!important}.skills-jump{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.wiki-page .ad-wrap,.ad-wrap{background:rgba(247,252,254,.85)!important;border-color:#d9edf3!important}.ad-label{color:#7b98a5!important}
.wiki-toc{border-color:#bfdde8!important}.wiki-toc a:hover{background:#e8f8fc!important;color:#075e7b!important}.wiki-article h2{color:#073f59!important;border-color:#155a74!important}.wiki-infobox{border-color:#0a7597!important}.wiki-infobox th,.wiki-table th{background:#e8f6fb!important;color:#075d79!important}.wiki-summary,.wiki-note{background:#edf9fc!important;border-color:#c8e5ee!important}.wiki-summary>b,.wiki-note>b{color:#08708e!important}.wiki-warning{background:#fff7e8!important}.rail-cta{background:linear-gradient(145deg,#075d82,#078dae)!important}.wiki-navbox{border-color:#c5e3ed!important;background:#eff9fc!important}.wiki-navbox-title{background:#dff3f9!important;color:#08617d!important}
.qna-stat-panel>b,.qna-hero h1 em{color:#0784a6!important}.qna-category-tile span,.qna-archive-card .qna-card-no{color:#0787a8!important}
.search-panel{border:1px solid #bfe0eb!important;background:#fff!important;box-shadow:0 30px 90px rgba(0,66,94,.24)!important}.search-head strong{color:#083e57!important}.search-head button{color:#0a6683!important}.search-results a:hover{background:#ecf9fd!important}
.notice:not(.danger){background:#edf9fc!important;border-color:#c6e5ef!important}.notice.danger{background:#fff5e9!important;border-color:#f0d2a8!important}
.site-footer,.premium-footer{background:linear-gradient(145deg,#063c59,#075f82 55%,#087e9d)!important;color:#eafaff!important;border-top:0!important}.site-footer p,.site-footer a,.site-footer small,.copyright{color:#d9f1f8!important}.site-footer h2{color:#fff!important}.site-footer .brand b{color:#fff!important}.site-footer .brand small{color:#caeaf3!important}.site-footer .brand-mark{box-shadow:none!important}

/* New visitor checklist section */
.checklist-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;margin:28px 0}.checklist-intro>div{padding:24px;border:1px solid #c9e5ef;border-radius:20px;background:#fff}.checklist-intro h3{margin-top:0;color:#073f59}.checklist-badges{display:flex;gap:8px;flex-wrap:wrap}.checklist-badges span{padding:7px 10px;border-radius:999px;background:#e8f8fc;color:#087b99;font-size:12px;font-weight:800}

@media(max-width:1100px) and (min-width:761px){.main-nav .container{grid-template-columns:repeat(5,minmax(0,1fr))!important}.home-premium .home-hero-grid{grid-template-columns:minmax(0,1fr) minmax(390px,.82fr)!important;gap:34px!important}.home-premium .home-hero h1{font-size:56px!important}.skills-jump{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:850px){.home-premium .home-hero{padding:54px 0 64px!important}.home-premium .home-hero-grid{grid-template-columns:1fr!important;gap:34px!important}.luxe-card.main{max-width:620px!important}.editorial-index{margin-top:-20px!important}.skills-jump{grid-template-columns:repeat(2,1fr)!important}.checklist-intro{grid-template-columns:1fr}}
@media(max-width:760px){.main-nav{display:none!important}.main-nav.open{display:block!important}.main-nav .container{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:12px 18px!important}.home-premium .home-hero h1{font-size:44px!important;letter-spacing:-2.3px!important}.home-premium .home-hero p{font-size:16px!important}.luxe-card.main{padding:22px!important}.luxe-card.main h2{font-size:24px!important}.luxe-route div{grid-template-columns:38px minmax(0,1fr)!important}.luxe-route small{grid-column:2!important;white-space:normal!important}.editorial-index{margin-top:0!important;padding-top:18px!important}.wiki-article{padding:28px 20px!important}}
@media(max-width:440px){.main-nav .container{grid-template-columns:1fr!important}.skills-jump{grid-template-columns:1fr!important}.home-premium .home-hero h1{font-size:40px!important}.home-search{grid-template-columns:1fr!important}.home-search button{width:100%!important}.luxe-route div{padding:9px!important}}

/* Archive components are defined here so every menu page has the same card skin. */
.archive-hero{padding:58px 0 38px!important}
.archive-heading{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,.65fr)!important;align-items:end!important;gap:34px!important}
.archive-heading h1{font:800 clamp(36px,5vw,60px)/1.08 "Noto Serif KR",Georgia,serif!important;letter-spacing:-2px!important;margin:8px 0!important}
.archive-shell{padding:28px 0 82px!important}
.archive-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;margin-bottom:22px!important}
.archive-search{width:100%!important;padding:16px 18px!important;border:1px solid #bfe1ec!important;border-radius:16px!important;background:#fff!important;color:#153f53!important;box-shadow:0 10px 30px rgba(5,91,119,.05)!important}
.archive-tabs{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
.archive-count{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;margin:12px 0 22px!important;color:#587987!important}.archive-count b{color:#087d9e!important}
.archive-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.archive-card{display:flex!important;flex-direction:column!important;min-height:250px!important;padding:23px!important;border-radius:22px!important;transition:.22s!important}
.archive-card .archive-no{font:800 12px/1.2 system-ui!important;color:#0793b2!important;letter-spacing:.12em!important}.archive-card h2,.archive-card h3{font-size:22px!important;line-height:1.35!important;margin:12px 0 8px!important}.archive-card p{margin:0 0 18px!important;color:#617d8a!important}.archive-card .archive-meta{display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin-top:auto!important}.archive-card .archive-meta span{font-size:12px!important;border-radius:999px!important;padding:6px 9px!important}.archive-card .archive-open{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-top:16px!important;padding-top:14px!important;border-top:1px solid #e0eff4!important;color:#087e9f!important;font-weight:900!important}.archive-card[hidden]{display:none!important}
@media(max-width:1050px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:850px){.archive-heading{grid-template-columns:1fr!important}.archive-toolbar{grid-template-columns:1fr!important}}
@media(max-width:650px){.archive-grid{grid-template-columns:1fr!important}.archive-tabs{flex-wrap:nowrap!important;overflow-x:auto!important}.archive-tabs button{white-space:nowrap!important}.archive-count{align-items:flex-start!important;flex-direction:column!important}}