:root{color-scheme:light;--ink:#1d2939;--muted:#526273;--line:#d9e2ec;--blue:#1b50a5;--bg:#f7f9fc;--warning:#7a3e00;--warning-bg:#fff4dc}
*{box-sizing:border-box}
html{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
body{margin:0;background:var(--bg);color:var(--ink)}
.container{max-width:780px;margin:0 auto;min-height:100vh;padding:42px 24px 28px;background:#fff}
header{padding:14px 0 18px;border-bottom:1px solid var(--line)}
.eyebrow{margin:0;font-size:.88rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
h1{font-size:clamp(2rem,5vw,3rem);line-height:1.18;letter-spacing:-.02em;margin:8px 0}
h2{font-size:1.25rem;line-height:1.35;margin:0 0 8px}
.subtitle{margin:0;color:var(--muted)}
section{padding:22px 0;border-bottom:1px solid var(--line)}
section p{margin:8px 0 12px}ul{padding-left:25px}li{margin:9px 0}
a{color:var(--blue);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}
.draft{display:inline-block;background:var(--warning-bg);color:var(--warning);padding:7px 12px;border:1px solid #efcf99;border-radius:5px;font-weight:600;font-size:.9rem}
.todo{padding:12px;background:var(--warning-bg);color:var(--warning);border-left:3px solid #b87320}
footer{padding-top:20px;color:var(--muted);font-size:.87rem}
@media(max-width:600px){.container{padding:22px 18px}}