:root { --bg:#fbfaf7; --ink:#1d2421; --muted:#5d6762; --line:#e3e0d8; --accent:#1f6f62; --accent-bg:#e4f0ed; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#121816; --ink:#e8ece9; --muted:#9aa5a0; --line:#2a332f; --accent:#6fc2b2; --accent-bg:#1b2a26; }
}
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body { margin:0; background:var(--bg); color:var(--ink); font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
main, header, footer { max-width:44rem; margin:0 auto; padding:0 20px; }
header { display:flex; justify-content:space-between; align-items:center; padding-top:22px; padding-bottom:6px; }
.brand { font:700 22px/1 Georgia,serif; letter-spacing:.01em; color:var(--ink); text-decoration:none; }
.lang a { color:var(--muted); text-decoration:none; margin-left:12px; font-size:15px; }
.lang a[aria-current="page"] { color:var(--accent); font-weight:600; }
h1 { font:700 clamp(30px,6vw,44px)/1.15 Georgia,serif; margin:44px 0 14px; }
h2 { font:700 22px/1.3 Georgia,serif; margin:38px 0 8px; }
.lead { font-size:19px; color:var(--muted); margin:0 0 8px; }
ul { padding-left:1.2em; }
li { margin:6px 0; }
.note { background:var(--accent-bg); border:1px solid var(--line); border-radius:10px; padding:12px 16px; margin:32px 0 0; }
footer { border-top:1px solid var(--line); margin-top:56px; padding-top:18px; padding-bottom:36px; color:var(--muted); font-size:15px; }
footer a { color:var(--muted); margin-right:16px; }
a { color:var(--accent); }