:root{--ink:#141416;--muted:#5b5b63;--line:#e4e4e8;--bg:#fff;--soft:#f5f6f8;--accent:#1f4fd1}
@media (prefers-color-scheme:dark){:root{--ink:#f2f2f4;--muted:#a3a3ad;--line:#2c2c33;--bg:#111114;--soft:#1a1a1f;--accent:#7ea2ff}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,sans-serif}
main{max-width:40rem;margin:0 auto;padding:4rem 1.25rem 3rem}
.mark{font-weight:600;letter-spacing:-.01em;font-size:1.05rem;margin:0 0 3rem}
h1{font-size:clamp(1.9rem,6vw,2.6rem);line-height:1.15;letter-spacing:-.02em;margin:0 0 1rem}
h2{font-size:1.15rem;margin:2.5rem 0 .5rem}
p{margin:0 0 1rem}.lead{font-size:1.15rem;color:var(--muted)}
.box{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:1.25rem 1.25rem .25rem;margin:2rem 0}
a{color:var(--accent)}
.lang{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--line)}
.draft{border:1px dashed var(--accent);border-radius:10px;padding:.75rem 1rem;font-size:.9rem;color:var(--muted);margin:0 0 2rem}
footer{max-width:40rem;margin:0 auto;padding:2rem 1.25rem 3rem;color:var(--muted);font-size:.9rem;border-top:1px solid var(--line)}