:root{--sea:#dfe7ea;--land:#f7f5ef;--ink:#16252b;--mute:#5f7379;--accent:#1f6f8b;--card:#f4f7f8;--line:#cfdadd;--t1:#2f9e6b;--f-display:"Bricolage Grotesque",system-ui,sans-serif;--f-body:"Figtree",system-ui,sans-serif}
@media (prefers-color-scheme:dark){:root{--sea:#0f1d23;--land:#3a4f57;--ink:#e8f0f2;--mute:#93a7ad;--accent:#5fb7d4;--card:#16252b;--line:#2a3c42;color-scheme:dark}}
*{box-sizing:border-box}body{margin:0;background:var(--sea);color:var(--ink);font:16px/1.6 var(--f-body)}
main{max-width:720px;margin:0 auto;padding:32px 16px 48px}
a{color:var(--accent)}h1{font:800 clamp(30px,6vw,44px)/1.05 var(--f-display);margin:8px 0 12px;text-wrap:balance}h2{font:700 22px/1.2 var(--f-display);margin:32px 0 8px}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{font:800 22px var(--f-display);text-decoration:none;color:var(--ink)}.brand span{color:var(--accent)}
.lead{font-size:18px;color:var(--mute)}
.btns{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.btn{display:inline-block;padding:11px 18px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:600}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}
table{width:100%;border-collapse:collapse;font-size:15px}th,td{text-align:left;padding:7px 6px;border-bottom:1px solid var(--line)}th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
td img{width:24px;height:18px;border-radius:2px;vertical-align:middle;margin-right:8px;box-shadow:0 0 0 1px #0002}
.tablewrap{overflow-x:auto}.related{display:flex;flex-wrap:wrap;gap:8px}
footer{border-top:1px solid var(--line);margin-top:40px;padding-top:16px;font-size:13px;color:var(--mute);display:flex;flex-wrap:wrap;gap:6px 16px}