:root {
  --ink:#15233d; --muted:#5e6b7e; --paper:#fffdf8; --cream:#f6f0e4;
  --navy:#183153; --green:#19735c; --mint:#dff3e9; --coral:#ee765d;
  --yellow:#f5c451; --line:#dbe2e8; --white:#fff; --shadow:0 18px 50px rgba(24,49,83,.11);
  font-family:"Pretendard","Noto Sans KR",system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);line-height:1.75;word-break:keep-all}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input{font:inherit}
.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:99;background:#fff;padding:.7rem 1rem;border:2px solid var(--navy)}
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,253,248,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(24,49,83,.09)}
.nav{max-width:1180px;margin:auto;display:flex;align-items:center;gap:1rem;padding:.8rem 1.25rem}.brand{display:flex;align-items:center;gap:.7rem;font-weight:900;color:var(--navy);white-space:nowrap}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:var(--mint);font-size:1.25rem}.nav-links{display:flex;gap:.25rem;margin-left:auto}.nav-links a{padding:.55rem .78rem;border-radius:10px;font-weight:700;font-size:.92rem}.nav-links a:hover,.nav-links a[aria-current="page"]{background:var(--cream);color:var(--green)}.menu-btn{display:none;margin-left:auto;border:0;background:var(--cream);padding:.55rem .7rem;border-radius:10px}
.wrap{max-width:1120px;margin:auto;padding:0 1.25rem}.hero{background:linear-gradient(135deg,#fff8e9 0%,#eef8f2 55%,#eef4fb 100%);overflow:hidden}.hero-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:minmax(0,.85fr) minmax(540px,1.3fr);align-items:center;min-height:610px}.hero-copy{padding:5.5rem 1rem 5.5rem max(1.25rem,calc((100vw - 1120px)/2))}.eyebrow{display:inline-flex;align-items:center;gap:.4rem;color:var(--green);font-weight:900;font-size:.88rem;letter-spacing:.04em}.hero h1{font-size:clamp(2.5rem,5vw,4.65rem);line-height:1.08;letter-spacing:-.055em;margin:.8rem 0 1.25rem}.hero p{font-size:1.13rem;color:var(--muted);max-width:640px}.hero-visual{height:610px;position:relative}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#eef8f2 0%,transparent 22%)}
.actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.7rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.7rem 1.1rem;border-radius:13px;background:var(--navy);color:#fff;font-weight:850}.btn.alt{background:#fff;color:var(--navy);border:1px solid var(--line)}
.trust-strip{background:var(--navy);color:white}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.14)}.trust-item{background:var(--navy);padding:1.15rem 1.25rem}.trust-item strong{display:block;color:#93e0c3}.trust-item span{font-size:.86rem;color:#d7e0ea}
.section{padding:5rem 0}.section.soft{background:var(--cream)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}.section-head h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.2;letter-spacing:-.035em;margin:.3rem 0}.section-head p{max-width:600px;color:var(--muted);margin:0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.35rem;box-shadow:0 8px 24px rgba(24,49,83,.05);transition:.18s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#b5cdc4}.card .tag,.tag{font-size:.78rem;font-weight:900;color:var(--green);letter-spacing:.04em}.card h3{font-size:1.22rem;line-height:1.42;margin:.45rem 0}.card p{font-size:.94rem;color:var(--muted);margin:0 0 1rem}.card .more{margin-top:auto;color:var(--coral);font-weight:850}
.track{position:relative;overflow:hidden}.track:before{content:attr(data-num);position:absolute;right:1rem;bottom:-2.2rem;font-size:6rem;font-weight:950;color:rgba(24,49,83,.055)}
.illustrated{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}.illustrated img{border-radius:26px;box-shadow:var(--shadow);aspect-ratio:16/9;object-fit:cover}.check-list{padding:0;list-style:none}.check-list li{margin:.7rem 0;padding-left:1.8rem;position:relative}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:950}
.source-row{display:flex;flex-wrap:wrap;gap:.55rem}.source-pill{padding:.5rem .8rem;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:.85rem;font-weight:750}
.page-hero{background:linear-gradient(135deg,#eff8f4,#fff7e9);padding:4rem 0 3rem;border-bottom:1px solid var(--line)}.page-hero h1{max-width:850px;font-size:clamp(2.2rem,5vw,4rem);line-height:1.15;letter-spacing:-.045em;margin:.7rem 0 1rem}.page-hero p{max-width:760px;color:var(--muted);font-size:1.08rem}.breadcrumb{font-size:.84rem;color:var(--muted)}
.archive-tools{display:flex;gap:.7rem;margin:1.5rem 0 2rem}.search{width:100%;max-width:540px;border:1px solid var(--line);border-radius:13px;padding:.8rem 1rem;background:#fff}.filters{display:flex;gap:.45rem;flex-wrap:wrap;margin-bottom:1.3rem}.filter{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.45rem .75rem;cursor:pointer}.filter.active{background:var(--navy);color:#fff}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) 250px;gap:3rem;align-items:start;padding:3rem 0 5rem}.article{font-size:1.03rem}.article .lead{font-size:1.18rem;color:#3e4d61;border-left:5px solid var(--coral);padding-left:1.1rem}.article h2{font-size:1.75rem;line-height:1.35;letter-spacing:-.025em;margin:3.1rem 0 1rem}.article h3{font-size:1.25rem;margin:2rem 0 .7rem}.article p{margin:.8rem 0}.article ul,.article ol{padding-left:1.35rem}.article li{margin:.45rem 0}.article-visual{border-radius:22px;margin:1.7rem 0;box-shadow:var(--shadow)}.caption{font-size:.82rem;color:var(--muted);margin-top:-1rem;text-align:center}.example{background:#f1f8f4;border:1px solid #cfe5da;border-radius:18px;padding:1.25rem 1.4rem;margin:1.5rem 0}.example strong{display:block;color:var(--green);margin-bottom:.4rem}.warning{background:#fff6e5;border:1px solid #efd8a7;border-radius:18px;padding:1.25rem 1.4rem;margin:1.5rem 0}.formula{background:var(--navy);color:#fff;border-radius:16px;padding:1.1rem 1.25rem;margin:1.2rem 0;font-weight:800;text-align:center}.data-table{width:100%;border-collapse:collapse;margin:1.4rem 0;font-size:.94rem}.data-table th,.data-table td{padding:.75rem;border-bottom:1px solid var(--line);text-align:left}.data-table th{background:var(--cream)}
.byline{display:flex;gap:1rem;align-items:center;padding:1rem 0;color:var(--muted);font-size:.88rem}.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--mint);font-size:1.2rem}.toc{position:sticky;top:90px;border-left:2px solid var(--line);padding-left:1rem;font-size:.86rem}.toc strong{display:block;margin-bottom:.6rem}.toc a{display:block;color:var(--muted);padding:.3rem 0}.toc a:hover{color:var(--green)}
.quiz{background:#eef3fb;border-radius:20px;padding:1.4rem;margin-top:2.5rem}.quiz details{background:#fff;border-radius:12px;padding:.8rem 1rem;margin:.6rem 0}.quiz summary{font-weight:800;cursor:pointer}.references{font-size:.9rem;background:#f7f8fa;border-radius:18px;padding:1.25rem;margin-top:2.2rem}.references a{text-decoration:underline;color:#214f8c}
.site-footer{background:#101f35;color:#dce4ed;padding:3.5rem 0 2rem}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:2rem}.site-footer h3,.site-footer h4{color:#fff}.site-footer a{display:block;margin:.35rem 0;color:#c5d0dc;font-size:.9rem}.disclaimer{border-top:1px solid rgba(255,255,255,.12);margin-top:2rem;padding-top:1.2rem;font-size:.8rem;color:#9eabba}
.empty{display:none;text-align:center;padding:3rem;color:var(--muted)}
@media(max-width:900px){.nav-links{display:none;position:absolute;left:1rem;right:1rem;top:64px;background:#fff;padding:1rem;border-radius:14px;box-shadow:var(--shadow);flex-direction:column}.nav-links.open{display:flex}.menu-btn{display:block}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:4rem 1.25rem 2.5rem}.hero-visual{height:360px}.hero-visual:after{background:linear-gradient(180deg,#eef8f2 0%,transparent 25%)}.trust-grid{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr 1fr}.illustrated{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr}.toc{display:none}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){body{word-break:normal}.grid{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr}.section{padding:3.5rem 0}.section-head{display:block}.hero h1{font-size:2.55rem}.hero-visual{height:280px}.footer-grid{grid-template-columns:1fr}.article{font-size:1rem}.page-hero{padding:3rem 0 2rem}.data-table{font-size:.82rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}