:root{--paper:#F4F6FB;--surface:#FFFFFF;--ink:#0A0C14;--muted:#596079;--line:rgba(10,12,20,.10);--accent:#2B4FE0;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--paper:#06070C;--surface:#0F111A;--ink:#EEF1FA;--muted:#959BB2;--line:rgba(255,255,255,.09);--accent:#5CE1FF;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 "Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0)}
main{max-width:760px;margin:0 auto;padding:2rem 1.2rem 4rem}
a{color:var(--accent)}
header{display:flex;align-items:center;gap:.6rem;margin-bottom:2rem;font:600 .9rem/1 "Michroma",Arial,sans-serif;letter-spacing:.3em;text-transform:uppercase}
header a{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:.6rem}
header img{width:28px;height:28px;border-radius:7px}
h1{font:700 2.2rem/1.1 "Sora","Helvetica Neue",Arial,sans-serif;letter-spacing:-.03em;margin:0 0 .4rem}
h2{font:600 1.25rem/1.25 "Sora","Helvetica Neue",Arial,sans-serif;letter-spacing:-.01em;margin:2.2rem 0 .5rem}
.meta{color:var(--muted);font-size:.92rem;margin:0 0 1.5rem}
.summary{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1rem 1.2rem}
.summary ul{margin:.4rem 0 0;padding-left:1.2rem}
table{width:100%;border-collapse:collapse;font-size:.92rem;margin:.6rem 0}
th,td{text-align:left;vertical-align:top;padding:.55rem .6rem;border-bottom:1px solid var(--line)}
th{color:var(--muted);font-weight:600}
.scroll{overflow-x:auto}
footer{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}
