:root{color-scheme:dark;--bg:#081422;--panel:#102235;--text:#f1f5fa;--muted:#bdcad8;--accent:#efd094;--line:#30475d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.75 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--accent);text-underline-offset:.2em}a:focus-visible{outline:3px solid #7de0f0;outline-offset:5px}header,main,footer{max-width:960px;margin:auto;padding:28px clamp(20px,5vw,48px)}header{display:flex;justify-content:space-between;gap:24px;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:1.25rem;color:var(--text);text-decoration:none;font-weight:750;letter-spacing:.04em}nav{display:flex;gap:24px;flex-wrap:wrap;font-size:.95rem}main{padding-top:56px;padding-bottom:64px}.intro{display:grid;grid-template-columns:112px 1fr;gap:28px;align-items:center;margin-bottom:40px}.icon{width:112px;height:112px;border-radius:24px}.kicker{margin:0 0 8px;color:var(--accent);font-size:.9rem;font-weight:650}h1{font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.2;margin:0 0 16px;letter-spacing:-.025em}h2{font-size:1.35rem;line-height:1.4;margin:0 0 14px}p{margin:0 0 18px}.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.card{padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.action{display:inline-block;margin-top:8px;padding:10px 16px;border:1px solid #7f704e;border-radius:8px;font-weight:650;text-decoration:none}article{max-width:760px}.section{padding:28px 0;border-bottom:1px solid var(--line)}article ul{padding-left:24px}.meta{font-size:.9rem;color:var(--muted)}.draft{border-left:3px solid var(--accent);background:var(--panel);padding:16px 20px;margin:0 0 28px}footer{border-top:1px solid var(--line);color:var(--muted);font-size:.9rem;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}dl{margin:0}dt{font-weight:650}dd{margin:0 0 12px;overflow-wrap:anywhere}@media(max-width:600px){header{align-items:flex-start;flex-direction:column;gap:14px}main{padding-top:32px}.intro{grid-template-columns:72px 1fr;gap:18px}.icon{width:72px;height:72px;border-radius:16px}.cards{grid-template-columns:1fr}.card{padding:22px}nav{gap:20px}}@media(prefers-reduced-motion:no-preference){a{transition:color .15s}a:hover{color:#fff}}