:root{color-scheme:dark;--bg:#080d10;--panel:#0b1216;--ink:#eef4f1;--muted:#a2b8b3;--mint:#39e6ad;--line:#27483d;--mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;--sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;padding:clamp(14px,5vw,45px);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.75;background:radial-gradient(ellipse 70% 55% at 0 0,#0b4b3b22,transparent 80%),var(--bg)}
.frame{width:min(100%,860px);margin:auto;border:1px solid var(--line);border-radius:14px;background:linear-gradient(155deg,#0c171b,#091115);box-shadow:0 18px 60px #0005;overflow:hidden}
.header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px clamp(20px,5vw,42px);border-bottom:1px solid var(--line);font:11px var(--mono);letter-spacing:.12em}.header a{text-decoration:none;color:#dcf7ed}.header strong{color:var(--mint);font-weight:600}.header .id{color:#819e93;font-size:10px}
main{padding:clamp(24px,6vw,54px)}.eyebrow{color:var(--mint);font:11px var(--mono);letter-spacing:.13em;text-transform:uppercase;margin:0 0 15px}h1{font-size:clamp(29px,5vw,43px);line-height:1.2;letter-spacing:-.03em;margin:0 0 15px;font-weight:600}h2{font-size:18px;font-weight:600;margin:34px 0 9px;color:#def4e9;letter-spacing:-.015em}p{margin:0 0 14px;color:var(--muted)}strong{color:#e1f4e8}a{color:#7ceabc;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#a5ffd8}.intro{color:#c9dcd4;font-size:16px;max-width:60ch}.effective{font:11px var(--mono);color:#7d9c92;margin:25px 0 30px}ul{padding-left:22px;color:var(--muted)}li{margin:8px 0} .notice{border-left:2px solid var(--mint);padding:10px 17px;margin:24px 0;background:#39e6ad07;color:#c5d9d0}.notice p:last-child{margin-bottom:0}
.footer{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px clamp(20px,5vw,42px);border-top:1px solid var(--line);font:11px var(--mono);color:#7d9c91}.footer nav{display:flex;gap:16px;flex-wrap:wrap}.footer a{color:#9eb9af;text-decoration:none}.footer a:hover{color:var(--mint)}@media(max-width:520px){.header .id{display:none}.footer{flex-direction:column;align-items:flex-start}}