:root{color-scheme:dark;--bg:#0b1220;--panel:#121d30;--panel2:#16243a;--line:#2c3d56;--text:#e6edf8;--muted:#9fb1ca;--accent:#6adfc0;--a:#6de9c4;--b:#ff8eab;--warn:#ffc369;--code:#ffd38d}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.7 system-ui,-apple-system,"Segoe UI",Roboto,"Malgun Gothic","Apple SD Gothic Neo","Noto Sans KR",sans-serif}
:lang(ko) body,body:lang(ko){word-break:keep-all;line-height:1.8}
a{color:var(--accent)}a:hover{color:#9ff0da}
.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;padding:10px 16px;background:#0b1220ee;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);font-size:14px}
.top .brand{font-weight:700;color:var(--text);text-decoration:none;margin-right:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top a.btn{padding:6px 12px;border:1px solid var(--line);border-radius:999px;text-decoration:none;white-space:nowrap}.top a.btn.primary{background:#1a4a40;border-color:var(--accent);color:#e9fff8}
main{max-width:800px;margin:auto;padding:28px 16px 90px}
h1{font-size:clamp(30px,6vw,44px);line-height:1.15;margin:18px 0 14px;letter-spacing:-.01em}
h2{font-size:clamp(23px,4.4vw,29px);line-height:1.3;margin:56px 0 12px;padding-top:8px}
h3{font-size:20px;margin:34px 0 8px}
.eyebrow{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700}
.lede{font-size:19px;color:#cfdbec}
.meta{color:var(--muted);font-size:14px}
.tldr{background:linear-gradient(135deg,#123a35,#15233a);border:1px solid #2f6b5f;border-radius:14px;padding:18px 22px;margin:26px 0}
.tldr h2{margin:0 0 6px;font-size:18px;padding:0;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.tldr ul{margin:6px 0 0;padding-left:20px}.tldr li{margin:6px 0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:24px 0}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.card b{display:block;font-size:28px;line-height:1.2;color:#fff;font-variant-numeric:tabular-nums}.card span{display:block;font-size:13.5px;color:var(--muted);line-height:1.45;margin-top:4px}
.callout{border-left:3px solid var(--accent);background:var(--panel);padding:12px 18px;border-radius:0 10px 10px 0;margin:22px 0}
.callout.warn{border-color:var(--warn)}.callout.b{border-color:var(--b)}
figure{margin:28px 0}figure svg,figure img{display:block;width:100%;height:auto;border-radius:12px;background:var(--panel);border:1px solid var(--line)}
figcaption{font-size:14px;color:var(--muted);margin-top:8px;line-height:1.55}
.formula{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 16px;overflow-x:auto;color:var(--code);white-space:pre}
code{font-family:ui-monospace,Consolas,monospace;font-size:.9em;color:var(--code)}
.table-wrap{overflow-x:auto;margin:20px 0;border:1px solid var(--line);border-radius:12px}
table{border-collapse:collapse;width:100%;font-size:15px;font-variant-numeric:tabular-nums}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:600;background:var(--panel)}tr:last-child td{border-bottom:0}td.n,th.n{text-align:right;white-space:nowrap}
.issue{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:4px 20px 14px;margin:18px 0}.issue h3{margin-top:16px}.issue .num{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#2a1b2b;color:var(--b);font-size:15px;margin-right:8px;border:1px solid #6b3550}
.pro,.con{border-radius:12px;padding:6px 18px 10px;margin:14px 0;border:1px solid var(--line);background:var(--panel)}.pro{border-left:3px solid var(--a)}.con{border-left:3px solid var(--warn)}
.toc{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 20px;font-size:15px}.toc ol{margin:6px 0;padding-left:22px}.toc li{margin:3px 0}
.lab-cta{display:flex;gap:16px;align-items:center;background:linear-gradient(135deg,#17243b,#1d2f2f);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:26px 0}.lab-cta p{margin:0}.lab-cta a.btn{flex:none;padding:11px 18px;border-radius:10px;background:#206c5b;border:1px solid #60bfa7;color:#fff;text-decoration:none;font-weight:600}
footer{max-width:800px;margin:auto;padding:24px 16px 50px;border-top:1px solid var(--line);color:var(--muted);font-size:13.5px}
.svg-a{fill:var(--a)}.svg-b{fill:var(--b)}
@media(max-width:600px){body{font-size:16px}.lede{font-size:17px}.top{font-size:13px;gap:8px;padding:8px 12px}.top .hide-sm{display:none}.lab-cta{flex-direction:column;align-items:stretch;text-align:left}.lab-cta a.btn{text-align:center}.formula{font-size:13px}table{font-size:14px}th,td{padding:8px 9px}.issue{padding:2px 14px 10px}}