:root { --bg:#f4f2ee; --surface:#fff; --text:#1b1d22; --muted:#646a75; --border:#dcd8d0; --accent:#0b3fa8; --eu:#003399; color-scheme: light; }
@media (prefers-color-scheme: dark) { :root { --bg:#111317; --surface:#1a1d23; --text:#eceef2; --muted:#9aa1ad; --border:#2f343d; --accent:#7aa2ff; color-scheme: dark; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
header { background:var(--surface); border-bottom:1px solid var(--border); padding:12px 16px; }
header a { display:inline-flex; align-items:center; gap:2px; color:var(--text); text-decoration:none; font-weight:700; font-size:20px; }
header .d { display:inline-grid; place-items:center; width:1.3em; height:1.5em; border-radius:5px; background:var(--eu); color:#fff; font-weight:800; }
main { max-width:760px; margin:0 auto; padding:24px 16px 64px; }
h1 { font-size:30px; margin:8px 0 20px; }
h2 { font-size:21px; margin:32px 0 8px; }
h3 { font-size:18px; margin:22px 0 6px; }
p, ul { margin:0 0 12px; }
ul { padding-left:22px; }
a { color:var(--accent); }
.card { background:var(--surface); border:1px solid var(--border); border-radius:14px; padding:16px 20px; }
.muted { color:var(--muted); font-size:15px; }
.back { display:inline-block; margin-top:28px; font-weight:600; }