:root { color-scheme:dark; --bg:#0e1210; --panel:#161c19; --border:#303934; --text:#f0f4f2; --muted:#aeb8b2; --link:#8ce5b7; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:var(--bg); color:var(--text); font:15px/1.7 Inter,system-ui,-apple-system,"Segoe UI",sans-serif; }
a { color:var(--link); }
a:hover,a:focus-visible { color:#c9f8df; }
.shell { width:min(820px,calc(100% - 32px)); margin:24px auto 48px; overflow:hidden; border:1px solid var(--border); border-radius:20px; background:var(--panel); }
.nav,.footer { display:flex; flex-wrap:wrap; align-items:center; gap:12px 22px; padding:19px 28px; }
.nav { border-bottom:1px solid var(--border); }
.brand { display:inline-flex; align-items:center; gap:10px; margin-right:auto; color:var(--text); font-size:17px; font-weight:750; text-decoration:none; }
.brand img { width:28px; height:28px; }
.nav a:not(.brand),.footer a { color:var(--muted); font-size:13px; text-decoration:none; }
.nav a:not(.brand):hover,.footer a:hover { color:var(--text); text-decoration:underline; }
main { padding:42px 48px 50px; }
h1 { margin:0; font-size:clamp(30px,5vw,44px); line-height:1.15; letter-spacing:-.04em; }
h2 { margin:36px 0 8px; font-size:20px; line-height:1.35; }
p,li { color:var(--muted); }
p { margin:12px 0; }
ul { padding-left:24px; }
li { margin:8px 0; }
.date { margin:12px 0 30px; color:#8d9a92; font-size:13px; }
.footer { border-top:1px solid var(--border); color:#8d9a92; font-size:12px; }
@media(max-width:600px) { .shell { margin:0 auto; width:100%; border:0; border-radius:0; } .nav,.footer { padding:18px 20px; } main { padding:34px 20px 44px; } }