:root{--pri:#1D4ED8;--top:#0D3A66;--top2:#124E86;--bg:#EEF1F5;--card:#fff;--ink:#16212E;--tx2:#5C6B7D;--line:#DDE3EA}
@supports (color:color-mix(in srgb,red,blue)){:root{--top:color-mix(in srgb,var(--pri) 45%,#041327);--top2:color-mix(in srgb,var(--pri) 62%,#041327)}}
@media (prefers-color-scheme:dark){:root{--bg:#121A23;--card:#1B2631;--ink:#E6ECF2;--tx2:#9FB0C2;--line:#26333F;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:15.5px/1.65 Roboto,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
header{background:linear-gradient(180deg,var(--top),var(--top2));color:#fff;border-radius:0 0 26px 26px;padding:18px max(18px,env(safe-area-inset-left)) 26px}
.hd{max-width:760px;margin:0 auto}
.hd a{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:700;font-size:14px;opacity:.9}
.hd h1{margin:14px 0 4px;font:800 clamp(26px,5vw,34px)/1.1 'Roboto Condensed','Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.02em}
.hd p{margin:0;color:#fff;opacity:.8;font-size:13.5px}
main{max-width:760px;margin:0 auto;padding:22px max(18px,env(safe-area-inset-left)) 48px}
section{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:6px 20px 14px;margin-bottom:14px}
h2{font:800 18px/1.3 'Roboto Condensed','Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.03em;margin:16px 0 6px}
p,li{color:var(--tx2)}
b,strong{color:var(--ink)}
ul{padding-left:20px;margin:6px 0}
li{margin:4px 0}
.ed{display:grid;gap:4px;margin:10px 0}
.ed div{display:flex;gap:10px;flex-wrap:wrap}
.ed span{min-width:110px;color:var(--tx2)}
footer{text-align:center;font-size:13px;color:var(--tx2);margin-top:20px}
footer a{color:var(--pri);font-weight:700}