:root{--primary:#1e3a5f;--text:#1e3a5f;--muted:#5a7a9a;--bg:#f5f7fa;--card:#fff;--border:#d0dbe8;--accent:#f5a623}
@media (prefers-color-scheme:dark){:root{--primary:#9cc0ec;--text:#e6edf6;--muted:#9db2c9;--bg:#0f1b2b;--card:#16273d;--border:#2a4060}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;min-height:100vh;display:flex;flex-direction:column}
main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:32px 20px}
a{color:var(--primary)}
.hero{text-align:center;padding:56px 0 32px}
.hero img{width:112px;height:112px;border-radius:24px}
.hero h1{font-size:2.2rem;margin:20px 0 8px}
.hero p{color:var(--muted);margin:0 auto;max-width:30em}
.badge{display:inline-block;margin-top:20px;padding:6px 14px;border-radius:999px;background:var(--accent);color:#1e3a5f;font-weight:600;font-size:.9rem}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px 24px;margin:24px 0}
h2{font-size:1.2rem;margin:2em 0 .4em}
h1.doc{font-size:1.8rem;margin:.2em 0}
.meta{color:var(--muted);font-size:.9rem}
li{margin:.25em 0}
table{width:100%;border-collapse:collapse;font-size:.92rem;margin:.5em 0}
th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:8px 6px}
header.top a{font-weight:600;text-decoration:none}
footer{border-top:1px solid var(--border);padding:20px;text-align:center;color:var(--muted);font-size:.9rem}
footer a{margin:0 8px}