
:root{color-scheme:light dark;--bg:#f8f9fa;--fg:#17222c;--panel:#fff;--muted:#586670;--line:#d5dde0;--accent:#215779;--code:#f1f4f5;}
@media(prefers-color-scheme:dark){:root{--bg:#111a20;--fg:#ecf0f2;--panel:#19262d;--muted:#abb9c1;--line:#344951;--accent:#9ad2f4;--code:#23343c;}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.68 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--fg);background:var(--bg)}
header{border-bottom:1px solid var(--line);background:var(--panel)}.top{max-width:1040px;margin:auto;padding:17px 24px;display:flex;align-items:center;gap:16px;justify-content:space-between;flex-wrap:wrap}.brand{text-decoration:none;font-size:0.96rem;font-weight:700}.topnav{display:flex;gap:16px;flex-wrap:wrap;font-size:0.88rem}.wrap{max-width:1040px;margin:32px auto 64px;padding:0 24px}.reading{max-width:890px}
h1{font-size:clamp(1.8rem,4vw,2.65rem);line-height:1.18;letter-spacing:-.02em;margin:0 0 12px}h2{font-size:1.5rem;line-height:1.28;border-bottom:1px solid var(--line);padding-bottom:8px;margin-top:2.5em}h3{font-size:1.18rem;margin-top:2em}h4{font-size:1.03rem}p{margin:.85em 0}a{color:var(--accent)}a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.eyebrow{font-size:.78rem;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);font-weight:700;margin:0 0 10px}.subtitle{color:var(--muted);font-size:1.09rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:25px 0}.card{display:block;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:10px;text-decoration:none;color:inherit}.card:hover{border-color:var(--accent)}.card h2{font-size:1.19rem;border:0;margin:0 0 5px;padding:0}.card p{color:var(--muted);font-size:.94rem;margin:0 0 12px}.small{color:var(--muted);font-size:.9rem}.current{border-left:4px solid var(--accent);padding:10px 18px;background:var(--panel);margin:24px 0;border-radius:0 8px 8px 0}.current h2{font-size:1.18rem;border:0;margin:0 0 8px;padding:0}.current p{margin:8px 0}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 28px}.actions a{padding:8px 12px;border:1px solid var(--line);border-radius:8px;text-decoration:none;background:var(--panel);font-size:.9rem}pre{overflow-x:auto;padding:15px;border-radius:8px;background:var(--code);font-size:.85rem;line-height:1.45}code{background:var(--code);padding:.1em .25em;border-radius:3px}pre code{padding:0;background:none}table{display:block;border-collapse:collapse;max-width:100%;overflow-x:auto;margin:20px 0}td,th{padding:8px 11px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}blockquote{border-left:3px solid var(--line);padding:1px 20px;margin-left:0;color:var(--muted)}hr{border:0;border-top:1px solid var(--line);margin:32px 0}details{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:10px 15px;margin:16px 0}details summary{cursor:pointer;font-weight:600}details ul{columns:2;column-gap:25px;line-height:1.5;padding-left:22px}details li{break-inside:avoid;margin:6px 0;font-size:.88rem}footer{border-top:1px solid var(--line);margin:55px 0 0;padding-top:24px;color:var(--muted);font-size:.9rem}h1[id],h2[id],h3[id]{scroll-margin-top:18px}
@media(max-width:650px){details ul{columns:1}.wrap{margin-top:22px}table{font-size:.87rem}.top{padding:12px 18px}}
