:root { color-scheme: light dark; --bg:#f7f7f8; --surface:#fff; --text:#111827; --muted:#5f6b7a; --line:#e4e7ec; --accent:#111827; }
@media (prefers-color-scheme: dark) { :root { --bg:#0b0c0f; --surface:#15171b; --text:#f5f7fa; --muted:#aeb6c2; --line:#2b2f36; --accent:#f5f7fa; } }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.65; letter-spacing:0; }
main { width:min(760px,calc(100% - 32px)); margin:48px auto; }
header { padding-bottom:28px; border-bottom:1px solid var(--line); }
h1 { margin:0 0 8px; font-size:clamp(30px,5vw,44px); line-height:1.12; letter-spacing:0; }
h2 { margin:34px 0 10px; font-size:20px; letter-spacing:0; }
p,li { font-size:16px; }
.meta,.muted { color:var(--muted); }
.language { display:inline-flex; gap:8px; margin-top:18px; }
.language a { color:var(--text); text-decoration:none; border:1px solid var(--line); border-radius:6px; padding:7px 11px; font-weight:600; }
article { background:var(--surface); border:1px solid var(--line); border-radius:8px; padding:clamp(22px,5vw,44px); margin-top:24px; }
ul { padding-left:22px; }
a { color:var(--accent); }
footer { color:var(--muted); padding:24px 0 40px; font-size:14px; }