:root {
  --ink:#16202c; --muted:#64748b; --line:#e6ecf3; --bg:#fff; --panel:#f6f8fb;
  --accent:#f97316; --navy:#1e3a5f;
}
@media (prefers-color-scheme: dark) {
  :root { --ink:#e8eef6; --muted:#93a4b8; --line:#263445; --bg:#0f1620; --panel:#161f2b; }
}
* { box-sizing:border-box; margin:0; padding:0; }
body { font:16px/1.65 "Segoe UI", system-ui, -apple-system, sans-serif; color:var(--ink); background:var(--bg); }
.wrap { max-width:760px; margin:0 auto; padding:0 20px; }
a { color:var(--navy); }
@media (prefers-color-scheme: dark) { a { color:#7dd3fc; } }

.nav { background:var(--ink); color:#fff; }
@media (prefers-color-scheme: dark) { .nav { background:#060b12; } }
.nav .wrap { display:flex; align-items:center; justify-content:space-between; padding:14px 20px; gap:16px; flex-wrap:wrap; }
.logo { font-size:21px; font-weight:800; letter-spacing:-.02em; color:#fff; text-decoration:none; }
.logo span { color:#fb923c; }
.nav a.mail { color:#b6c4d4; text-decoration:none; font-size:14px; font-weight:600; }
.nav a.mail:hover { color:#fff; }

main { padding:44px 0 60px; }
h1 { font-size:29px; letter-spacing:-.025em; }
.upd { color:var(--muted); font-size:13.5px; margin-top:6px; margin-bottom:30px; }
h2 { font-size:18px; letter-spacing:-.015em; margin-top:32px; margin-bottom:7px; }
p, li { color:var(--ink); margin-bottom:11px; }
ul, ol { margin:0 0 11px 22px; }
li { margin-bottom:5px; }
strong { font-weight:700; }

.draft { border-left:3px solid var(--accent); background:var(--panel); padding:13px 16px;
         font-size:13.5px; border-radius:0 8px 8px 0; margin-bottom:28px; line-height:1.55; }
.draft b { display:block; margin-bottom:3px; }

footer { border-top:1px solid var(--line); padding:26px 0 50px; font-size:13.5px; color:var(--muted); }
footer .links { display:flex; gap:18px; flex-wrap:wrap; margin-bottom:10px; }