:root{
  --bg:#07131e;--surface:#0c1d2b;--surface2:#10283a;--card:#0d2435;--line:#234258;
  --text:#f5f8fb;--muted:#abc0cf;--accent:#34c6f3;--accent2:#86e7ff;--good:#6be7a1;
  --warn:#ffd46c;--danger:#ff8e8e;--shadow:0 18px 48px rgba(0,0,0,.25);--r:18px;--max:1120px
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
color:var(--text);background:radial-gradient(circle at 82% 0,rgba(52,198,243,.11),transparent 30%),
linear-gradient(180deg,#07131e,#081824 58%,#061018);line-height:1.68}
a{color:var(--accent2)} .wrap{width:min(var(--max),calc(100% - 34px));margin:auto}
.top{position:sticky;top:0;z-index:30;background:rgba(5,14,22,.9);backdrop-filter:blur(12px);
border-bottom:1px solid rgba(255,255,255,.08)}
.topin{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{font-size:1.18rem;font-weight:950;color:#fff;text-decoration:none;letter-spacing:-.04em}.brand span{color:var(--accent)}
.nav a{margin-left:16px;text-decoration:none;color:#cfe0ea;font-size:.92rem}.nav a:hover{color:#fff}
.hero{padding:58px 0 34px}.crumbs{font-size:.86rem;color:var(--muted);margin-bottom:18px}.crumbs a{color:var(--muted);text-decoration:none}
.kicker{display:inline-flex;padding:6px 10px;border:1px solid rgba(52,198,243,.3);background:rgba(52,198,243,.08);
border-radius:999px;color:#c8f3ff;font-weight:850;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}
h1{font-size:clamp(2.15rem,5.8vw,4.35rem);line-height:1.03;letter-spacing:-.055em;margin:18px 0;max-width:930px}
.lead{font-size:1.12rem;color:#c9d9e3;max-width:850px}.stamp{margin-top:16px;color:var(--muted);font-size:.88rem}
.actions{display:flex;flex-wrap:wrap;gap:11px;margin:24px 0 8px}.btn{display:inline-flex;align-items:center;justify-content:center;
padding:0 18px;min-height:48px;border-radius:12px;text-decoration:none;font-weight:900;border:1px solid transparent}
.primary{background:linear-gradient(135deg,var(--accent),#159dc8);color:#031018}.secondary{background:#0b1d2a;border-color:#31536a;color:#edf8fc}
.disclosure{font-size:.82rem;color:#91abba}
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0 0}.quick div{background:#0b2131;border:1px solid var(--line);
border-radius:14px;padding:16px}.quick strong{display:block;font-size:1.14rem}.quick span{font-size:.82rem;color:var(--muted)}
main{padding-bottom:70px} section{background:rgba(9,27,41,.76);border:1px solid rgba(255,255,255,.075);border-radius:var(--r);
padding:clamp(22px,4vw,36px);margin:18px 0} h2{font-size:clamp(1.45rem,3vw,2.05rem);letter-spacing:-.035em;line-height:1.18;margin:0 0 16px}
h3{font-size:1.12rem;margin:25px 0 7px}p{margin:0 0 15px}.note,.warning,.good{padding:17px;border-radius:14px;margin:16px 0}
.note{background:rgba(52,198,243,.08);border:1px solid rgba(52,198,243,.28)}.warning{background:rgba(255,212,108,.08);border:1px solid rgba(255,212,108,.28)}
.good{background:rgba(107,231,161,.08);border:1px solid rgba(107,231,161,.28)}
.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:14px;margin:16px 0}
table{width:100%;border-collapse:collapse;min-width:620px;background:#0a1d2a}th,td{padding:14px 15px;text-align:left;border-bottom:1px solid #1e3d50;vertical-align:top}
th{background:#10283a;color:#e3f7ff;font-size:.87rem}td{color:#c8dce6}tr:last-child td{border-bottom:0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:#0a2030;border:1px solid var(--line);border-radius:14px;padding:18px}
.card strong{display:block;margin-bottom:6px}.card small{color:var(--muted)}
.related{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related a{display:block;background:#0a2030;border:1px solid var(--line);
border-radius:14px;padding:18px;text-decoration:none;color:#eff9fd}.related a small{display:block;color:var(--muted);margin-top:5px}
.faq details{border-top:1px solid #214056;padding:15px 2px}.faq details:last-child{border-bottom:1px solid #214056}.faq summary{cursor:pointer;font-weight:850}
.faq p{margin:9px 0 0;color:#c4d6e1}.source-list li{margin-bottom:8px}.muted{color:var(--muted)}
.calc{display:grid;grid-template-columns:1fr 1fr;gap:18px}.calcbox{background:#081c2a;border:1px solid var(--line);padding:20px;border-radius:14px}
input[type=range]{width:100%;accent-color:#34c6f3}.result{font-size:1.3rem;font-weight:900;margin-top:10px}
footer{border-top:1px solid rgba(255,255,255,.08);padding:28px 0 46px;color:#8fa8b8;font-size:.88rem}.foot{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
@media(max-width:780px){.nav{display:none}.hero{padding-top:40px}.quick,.cards,.related,.calc{grid-template-columns:1fr 1fr}h1{font-size:2.6rem}}
@media(max-width:520px){.quick,.cards,.related,.calc{grid-template-columns:1fr}.wrap{width:min(var(--max),calc(100% - 22px))}section{padding:20px}}