:root{--bg:#f6f8fc;--card:#ffffff;--text:#1a2233;--muted:#5a6680;--line:#dde3ee;--accent:#c2187a;--link:#1366c9;--sum:#eef5ff}
@media (prefers-color-scheme:dark){:root{--bg:#060a1c;--card:#0c1430;--text:#e6eefc;--muted:#93a3c4;--line:#1f2c52;--accent:#ff4fa3;--link:#5ec8ff;--sum:#0f1d42}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
main{max-width:760px;margin:0 auto;padding:32px 16px 64px}
header{margin-bottom:28px}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:800;font-size:20px;letter-spacing:.04em}
.brand img{border-radius:10px}
h1{margin:18px 0 4px;font-size:clamp(28px,6vw,38px);line-height:1.15}
h2{margin:0 0 8px;font-size:20px;color:var(--accent)}
.meta{margin:0;color:var(--muted);font-size:14px}
section{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px 22px;margin:0 0 14px}
section.summary{background:var(--sum)}
ul,ol{margin:8px 0;padding-left:22px}
li{margin:4px 0}
p{margin:8px 0}
a{color:var(--link)}
.links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.links a{display:inline-block;padding:10px 16px;border:1px solid var(--line);border-radius:10px;background:var(--card);text-decoration:none;font-weight:600}