/* NAKSI FIRST STEP V4 — premium bright ocean edition */
:root{
  --ocean-950:#032b43;--ocean-900:#063b59;--ocean-800:#075a79;--ocean-700:#087f9c;
  --ocean-600:#08a6bf;--ocean-500:#1bc4d5;--ocean-300:#8be4ea;--ocean-100:#e4f9fb;
  --sky-50:#f6fdff;--sand:#fff8ea;--coral:#ff826c;--navy:#07314d;--foam:#ffffff;
  --v4-line:#cfe9ef;--v4-muted:#5e7886;--v4-shadow:0 24px 70px rgba(5,81,112,.12);
}
body{background:linear-gradient(180deg,#f9feff 0,#edfafd 32%,#f8fcfb 100%);color:#153542}
.site-header{background:rgba(255,255,255,.94);backdrop-filter:blur(20px);border-bottom:1px solid rgba(31,155,183,.17)}
.topbar{background:linear-gradient(90deg,#063b59,#087f9c 55%,#0fb9c8);color:#e9fcff}
.main-nav{background:rgba(255,255,255,.94)}
.main-nav a:hover,.main-nav a.active{color:#067f9b;background:#e8f9fb}
.brand b{color:#063b59}.brand small{color:#66818d}
.brand-mark{background:transparent!important;box-shadow:none!important;border-radius:16px}
.premium-header{box-shadow:0 11px 40px rgba(3,75,104,.08)}
.btn.primary{background:linear-gradient(135deg,#087f9c,#11afbd);box-shadow:0 12px 28px rgba(7,127,156,.22)}
.btn.primary:hover{background:linear-gradient(135deg,#075f80,#0796a9)}
.btn.secondary{border-color:#9bdde6;color:#075f80;background:#fff}
.ad-wrap{background:#f7fcfd;border-color:#dceff2}
.page-hero{background:
 radial-gradient(circle at 82% 18%,rgba(255,255,255,.9),transparent 17%),
 radial-gradient(circle at 15% 5%,rgba(100,225,236,.38),transparent 28%),
 linear-gradient(135deg,#e6fbff 0,#c9f3f7 42%,#f8fdff 100%);
 border-bottom:1px solid #c7e9ee}
.page-hero h1{color:#043b59}
.page-hero p{color:#466d7b}
.hero-card{background:rgba(255,255,255,.86);border:1px solid #cbe9ee;box-shadow:var(--v4-shadow)}
.section-kicker,.section-head>span,.eyebrow{color:#0888a2}
.content-section{background:transparent}
.content-section[style*="surface-2"]{background:linear-gradient(180deg,#ecfafc,#f9fdfe)!important}
.card,.feature-card,.path-card,.scenario-card,.trust-card,.season-card{
 border-color:#d2e9ee;background:rgba(255,255,255,.96);box-shadow:0 12px 35px rgba(5,91,119,.06)
}
.card:hover,.feature-card:hover,.path-card:hover,.scenario-card:hover{
 border-color:#8ed8e2;box-shadow:0 24px 54px rgba(4,99,132,.14)
}
.tag{background:#e4f8fb;color:#087d98}
.site-footer{background:linear-gradient(155deg,#032b43,#075d77 58%,#078ca2);color:#dff8fb}
.site-footer h2,.site-footer b{color:#fff}.site-footer a{color:#dff8fb}.site-footer p{color:#bfe4e9}
.notice{border-color:#b9e2e8;background:#eefbfc}
.notice.danger{background:#fff5ef;border-color:#f4c2b5}

/* brighter home */
.home-premium .home-hero{
 min-height:700px;padding:88px 0 92px;color:#fff;
 background:
 linear-gradient(90deg,rgba(1,39,67,.88),rgba(3,81,109,.53) 53%,rgba(5,139,157,.16)),
 url("../ocean-hero-v4.svg") center/cover no-repeat;
}
.home-premium .home-hero:before{
 background:linear-gradient(180deg,rgba(1,43,67,.08),rgba(3,43,61,.02) 48%,rgba(2,55,76,.35));
 mask-image:none
}
.home-premium .home-hero:after{content:"BLUE WATER  /  BEGIN HERE";color:rgba(255,255,255,.08)}
.home-premium .home-hero h1{font-family:"Noto Serif KR",Georgia,serif;text-shadow:0 6px 30px rgba(0,38,57,.34)}
.home-premium .home-hero h1 em{color:#aaf9f2}
.home-premium .home-hero p{color:#ecfbfd;text-shadow:0 2px 12px rgba(0,44,64,.25)}
.home-premium .home-search{background:rgba(255,255,255,.94);border-color:rgba(255,255,255,.75);box-shadow:0 20px 60px rgba(1,46,68,.24)}
.home-premium .home-search input{color:#123d4d}.home-premium .home-search input::placeholder{color:#76919a}
.home-premium .home-search button{background:linear-gradient(135deg,#0b7694,#10b6c0);color:#fff}
.home-premium .hero-keywords button{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.36);color:#fff}
.luxe-card.main{background:rgba(255,255,255,.96);box-shadow:0 35px 90px rgba(0,49,71,.27)}
.luxe-route div{background:#eaf9fb}.luxe-route b{background:#067a97}
.editorial-shell{border-color:#bfe4ea;box-shadow:0 25px 70px rgba(5,105,137,.14)}
.editorial-title{background:linear-gradient(135deg,#e6fafd,#f7fdfe)}
.editorial-link:hover{background:#eafafd}
.topic-grid{border-color:#c9e8ed!important}
.topic-link span{background:#e5f8fb}
.knowledge-banner{background:linear-gradient(135deg,#053b5a,#087e99 55%,#08aebc);position:relative;overflow:hidden}
.knowledge-banner:after{content:"";position:absolute;inset:auto -8% -70px 0;height:190px;background:radial-gradient(ellipse at center,rgba(255,255,255,.25) 0 3%,transparent 4%) 0 0/95px 42px;opacity:.45}
.metric-band{background:#fff;border-block:1px solid #d4ebef}
.metric b{color:#067b96}

/* main discovery blocks */
.ocean-dashboard{padding:38px 0;background:linear-gradient(180deg,#eafafd,#f9feff)}
.ocean-dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}
.ocean-panel{background:#fff;border:1px solid #cce8ed;border-radius:26px;padding:28px;box-shadow:var(--v4-shadow)}
.ocean-panel h2{font:800 28px/1.3 "Noto Serif KR",serif;color:#063b59;margin:6px 0 10px}
.ocean-panel .panel-kicker{color:#078ba6;font-weight:900;letter-spacing:.1em;font-size:12px}
.quick-map{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}
.quick-map a{padding:15px;border-radius:16px;background:linear-gradient(145deg,#f1fcfd,#e5f8fb);border:1px solid #d2edf1}
.quick-map a b,.quick-map a span{display:block}.quick-map a b{color:#075a79}.quick-map a span{font-size:12px;color:#66828d;margin-top:4px}
.official-ribbon{display:grid;gap:10px;margin-top:18px}
.official-ribbon a{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-radius:14px;border:1px solid #d3e9ed;color:#075a79;background:#fff}
.official-ribbon a:after{content:"원문 보기 ↗";font-size:12px;font-weight:800;color:#0794aa}

/* directory / point cards */
.directory-toolbar{display:grid;grid-template-columns:1.3fr repeat(2,.65fr);gap:10px;margin:20px 0 25px;padding:15px;background:#fff;border:1px solid #cde8ed;border-radius:18px;box-shadow:0 10px 30px rgba(5,91,119,.06)}
.directory-toolbar input,.directory-toolbar select{width:100%;padding:13px 14px;border:1px solid #cbe4e9;border-radius:12px;background:#f9feff;color:#143d4d}
.point-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.point-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #cce6eb;background:#fff;border-radius:22px;box-shadow:0 14px 40px rgba(4,91,119,.08);transition:.22s}
.point-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(3,95,126,.16)}
.point-card-top{min-height:116px;padding:20px;background:
 radial-gradient(circle at 85% 10%,rgba(255,255,255,.48),transparent 24%),
 linear-gradient(135deg,#0b7593,#19b9c5);color:#fff}
.point-card-top.fresh{background:linear-gradient(135deg,#267a70,#64b79e)}
.point-card-top.paid{background:linear-gradient(135deg,#4e7091,#829ec1)}
.point-card-top span{font-size:11px;font-weight:900;letter-spacing:.12em;opacity:.86}
.point-card-top h3{font-size:22px;margin:7px 0 0}
.point-card-body{padding:19px;display:flex;flex-direction:column;gap:12px;flex:1}
.point-card-body p{margin:0;color:#57727e}
.point-meta{display:flex;flex-wrap:wrap;gap:6px}.point-meta span{font-size:12px;padding:6px 8px;border-radius:999px;background:#edf9fb;color:#087e98}
.point-actions{display:flex;gap:8px;margin-top:auto}.point-actions a{flex:1;text-align:center;padding:9px;border-radius:10px;background:#e8f8fa;color:#08748e;font-weight:800;font-size:13px}
.point-actions a.primary{background:#087f9c;color:#fff}
.source-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#ebf8f9;color:#08758e;font-size:12px;font-weight:900}
.source-badge:before{content:"✓";width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#0aa4b4;color:#fff}
.data-disclaimer{padding:18px 20px;border:1px solid #f0d5a5;background:#fff8e8;border-radius:16px;color:#73551d}

/* wiki/internal link style */
.wiki-page{background:#f4fbfc}
.wiki-hero{background:
 radial-gradient(circle at 86% 15%,rgba(102,224,234,.28),transparent 25%),
 linear-gradient(135deg,#fff,#eaf9fb)}
.wiki-title-row h1{color:#043d59}.wiki-category{color:#0789a3}
.wiki-grid{grid-template-columns:210px minmax(0,790px) 235px}
.wiki-toc{border-left-color:#b9dfe6}
.wiki-toc a:hover{background:#e4f8fa;color:#075a79}.wiki-toc a span{color:#0797ac}
.wiki-article{border-color:#cfe6eb;box-shadow:0 15px 45px rgba(4,88,116,.07)}
.wiki-article h2{color:#063f59;border-bottom-color:#0b6d89}
.wiki-infobox{border-color:#0b6e89}.wiki-infobox th{background:#e5f7fa;color:#075d78}
.wiki-summary,.wiki-note{background:#eefbfc;border-color:#c7e6eb}.wiki-summary>b,.wiki-note>b{color:#087a94}
.wiki-warning{background:#fff7ec}
.internal-wiki-links{display:grid;gap:8px;margin:18px 0}
.internal-wiki-links a{position:relative;padding:12px 15px 12px 42px;border:1px solid #d0e8ec;background:#f7fdfe;border-radius:10px;color:#08738d;font-weight:800}
.internal-wiki-links a:before{content:"↳";position:absolute;left:15px;color:#09a8b6;font-weight:900}
.inline-wiki-link{color:#087e99!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;font-weight:800}
.official-source-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.official-source-card{padding:17px;border:1px solid #cee7eb;border-radius:16px;background:#f9feff}
.official-source-card b,.official-source-card span,.official-source-card small{display:block}
.official-source-card b{color:#075b78}.official-source-card span{margin:5px 0;color:#466d7c}.official-source-card small{color:#7b929b}
.external-card{border-color:#cae5ea}.external-card:hover{background:#eafafd}
.rail-card{border-color:#cae5ea}.rail-cta{background:linear-gradient(135deg,#067a96,#0da8b5)}
.wiki-navbox{border:1px solid #bedfe5;background:#f3fcfd;margin:28px 0}
.wiki-navbox-title{padding:12px 15px;background:#087993;color:#fff;font-weight:900}
.wiki-navbox-links{display:flex;flex-wrap:wrap;gap:7px;padding:14px}
.wiki-navbox-links a{padding:7px 9px;border:1px solid #cfe7eb;background:#fff;border-radius:8px;color:#08738c;font-size:13px}

/* icon / official resource page */
.official-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.official-card{padding:22px;border:1px solid #cbe6eb;border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(3,85,113,.07)}
.official-card .official-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#e3f9fb,#c8eff3);font-size:24px}
.official-card h3{color:#064963}.official-card p{color:#5b7682}.official-card a{font-weight:900;color:#07809a}
.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}
.stat-chip{padding:18px;background:#fff;border:1px solid #cce6eb;border-radius:16px;text-align:center}
.stat-chip b{display:block;font-size:28px;color:#087b97}.stat-chip span{font-size:12px;color:#66818d}

/* responsive */
@media(max-width:1050px){
 .point-grid,.official-grid{grid-template-columns:repeat(2,1fr)}
 .ocean-dashboard-grid{grid-template-columns:1fr}
 .wiki-grid{grid-template-columns:1fr}
 .wiki-toc,.wiki-rail{position:static}
}
@media(max-width:700px){
 .home-premium .home-hero{min-height:auto;padding:65px 0 70px;background-position:60% center}
 .home-premium .home-hero h1{font-size:46px;letter-spacing:-2.5px}
 .quick-map{grid-template-columns:1fr 1fr}
 .directory-toolbar{grid-template-columns:1fr}
 .point-grid,.official-grid,.official-source-grid{grid-template-columns:1fr}
 .stat-strip{grid-template-columns:1fr 1fr}
 .wiki-article{padding:28px 20px}
}

.main-nav .container{overflow-x:auto;scrollbar-width:none}.main-nav .container::-webkit-scrollbar{display:none}.main-nav a{white-space:nowrap}