:root{color-scheme:light dark;--bg:#f5f5f7;--card:#fff;--text:#1d1d1f;--muted:#626267;--line:#dedee3;--blue:#0066cc}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:var(--blue);text-underline-offset:3px}a:focus-visible{outline:3px solid var(--blue);outline-offset:5px;border-radius:2px}
header,main,footer{width:min(760px,calc(100% - 40px));margin:auto}header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:28px 0}header a{text-decoration:none;font-weight:600}nav{display:flex;gap:20px;font-size:14px}main{padding:32px 0 56px}h1{font-size:clamp(32px,6vw,44px);letter-spacing:-.04em;line-height:1.2;margin:0 0 16px}h2{font-size:22px;letter-spacing:-.02em;margin:32px 0 10px}p{margin:0 0 16px}.intro{font-size:19px;color:var(--muted);margin-bottom:32px}.date,footer{font-size:14px;color:var(--muted)}article{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:clamp(22px,5vw,44px)}article h2:first-child{margin-top:0}ul{padding-left:22px}li{margin:8px 0}.contact{overflow-wrap:anywhere}footer{border-top:1px solid var(--line);padding:24px 0 36px}footer a{margin-right:18px}.skip{position:absolute;left:16px;top:-80px;background:var(--card);padding:8px}.skip:focus{top:8px}
@media(prefers-color-scheme:dark){:root{--bg:#111;--card:#1c1c1e;--text:#f5f5f7;--muted:#aaaab0;--line:#3a3a3c;--blue:#64aaff}}
@media(max-width:420px){header{align-items:flex-start}nav{gap:12px}main{padding-top:20px}}