
:root{--bg:#0F1720;--bg2:#16212D;--pa:#F5F2EA;--ink:#E8EEF4;--mute:#9DB0C3;--ln:#263546;--aq:#4FC3C9;--o1:#FF9C8C;--o2:#F3C45E;--o3:#AFC2D6;--o4:#7EDBA7;
--h:"Futura","Century Gothic","Avenir Next",system-ui,sans-serif;--b:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color-scheme:dark}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#F4F7FA;--bg2:#FFFFFF;--ink:#0F1A26;--mute:#566577;--ln:#D7DFE8;--aq:#0E7C82;--o1:#A3291B;--o2:#8A5D00;--o3:#465667;--o4:#1C7044;color-scheme:light}}
:root[data-theme=light]{--bg:#F4F7FA;--bg2:#FFFFFF;--ink:#0F1A26;--mute:#566577;--ln:#D7DFE8;--aq:#0E7C82;--o1:#A3291B;--o2:#8A5D00;--o3:#465667;--o4:#1C7044;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16.5px/1.6 var(--b)}a{color:var(--aq)}
.ow{max-width:1080px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--bg2);padding:6px}
.oh{border-bottom:1px solid var(--ln)}.oh .ow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px;padding-block:16px}
.oh .lo{font:700 1.15rem var(--h);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-decoration:none;margin-right:auto}.oh .lo i{font-style:normal;color:var(--aq)}
.oh nav a{color:var(--mute);font-weight:600;font-size:.9rem;text-decoration:none;margin-left:16px}
main{padding-block:30px 64px}
h1,h2{font-family:var(--h);line-height:1.15;text-wrap:balance}h1{font-size:clamp(1.8rem,4.4vw,2.7rem);margin:.1em 0 .35em}h2{font-size:1.15rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin:2em 0 .7em}
.mut{color:var(--mute);max-width:68ch;font-size:1.05rem}
.not{border:1px solid var(--aq);padding:12px 16px;margin:16px 0;font-size:.95rem}
.os{display:inline-block;font-weight:700;font-size:.78rem;padding:2px 9px;border:1px solid currentColor;border-radius:3px}.o1{color:var(--o1)}.o2{color:var(--o2)}.o3{color:var(--o3)}.o4{color:var(--o4)}
.lk{display:flex;flex-wrap:wrap;gap:6px}.lk span{font-size:.78rem;font-weight:700;padding:2px 8px;background:var(--bg2);border:1px solid var(--ln)}
.ps{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.ps a{background:var(--bg2);border:1px solid var(--ln);padding:14px 16px;text-decoration:none;color:var(--ink);display:grid;gap:6px}
.ps b{font:700 1.08rem var(--h)}.ps small{color:var(--mute)}
.af{list-style:none;padding:0;margin:0}.af li{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--ln)}.af time{color:var(--mute);font-weight:700;font-size:.9rem}.af small{display:block;color:var(--ink);opacity:.85;margin-top:2px}
@media (max-width:560px){.af li{grid-template-columns:1fr;gap:0}}
.qq{background:var(--bg2);border-left:3px solid var(--aq);padding:12px 16px}
sup a{text-decoration:none;font-size:.72em;font-weight:700}.sl{font-size:.86rem;color:var(--mute)}.sl li{margin:.3em 0;word-break:break-word}
.of{border-top:1px solid var(--ln);font-size:.88rem;color:var(--mute)}.of .ow{padding-block:20px 34px;display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}.of a{color:var(--mute)}
.of button{font:inherit;background:none;border:1px solid var(--ln);color:var(--mute);padding:2px 10px;cursor:pointer}
:focus-visible{outline:2px solid var(--aq);outline-offset:2px}
