:root{--bg:#f2f4f8;--panel:#fff;--ink:#0d1626;--mute:#4f5a72;--line:#0d162622;--acc:#4d6a00;--btn:#C8F03C;--btn-ink:#0D1220;--btn-line:#B5DD22;--ph:#fff3c4;--ph-ink:#5a4300;--f-head:"Exo 2","Segoe UI",system-ui,sans-serif;--f-body:Inter,"Segoe UI",system-ui,sans-serif}
html[data-theme=dark]{color-scheme:dark;--bg:#060914;--panel:#0d1226;--ink:#eaf0ff;--mute:#a7b3d6;--line:#8ea2ff38;--acc:#a995ff;--btn:#6a4df0;--btn-ink:#fff;--btn-line:#6a4df0;--ph:#4a3a00;--ph-ink:#ffe9a3}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:20px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.65 var(--f-body)}
a{color:var(--acc);text-underline-offset:3px}@media (hover:hover) and (pointer:fine){a:hover{text-decoration-thickness:2px}}
:focus-visible{outline:3px solid var(--acc);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--bg);padding:10px 14px;border-radius:8px}.skip:focus{left:8px}
.bar{border-bottom:1px solid var(--line);background:var(--panel)}
.bar div{width:min(860px,100% - 32px);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.bar a.logo{font:800 20px var(--f-head);text-decoration:none;color:var(--ink)}
.bar nav{display:flex;gap:6px 18px;flex-wrap:wrap;font-size:15px}
main{width:min(860px,100% - 32px);margin:0 auto;padding:40px 0 72px}
h1{font:800 clamp(28px,5vw,40px)/1.15 var(--f-head);letter-spacing:-.02em;margin:0 0 8px}
h2{font:700 clamp(20px,3vw,24px)/1.25 var(--f-head);margin:36px 0 10px}
.lead{color:var(--mute);margin:0 0 24px}
p,li{margin:0 0 12px}ul,ol{padding-left:22px;margin:0 0 12px}
table{width:100%;border-collapse:collapse;font-size:15.5px;margin:8px 0 20px;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:block;overflow-x:auto}
th,td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top}th{font-weight:600;background:color-mix(in srgb,var(--ink) 5%,transparent)}
.ph{background:var(--ph);color:var(--ph-ink);padding:0 5px;border-radius:5px;font-style:normal}
.draft{background:var(--ph);color:var(--ph-ink);border-radius:12px;padding:12px 16px;margin:0 0 24px;font-size:15px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:12px;border:1px solid var(--btn-line);background:var(--btn);color:var(--btn-ink);font:600 16px var(--f-body);text-decoration:none;cursor:pointer;margin:0 10px 10px 0}
.btn.g{background:transparent;color:var(--ink);border-color:var(--line)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin:16px 0}
footer{border-top:1px solid var(--line);padding:24px 0 40px;font-size:14.5px;color:var(--mute)}footer div{width:min(860px,100% - 32px);margin:0 auto}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}