:root{color-scheme:dark;--bg:#050505;--panel:#0a0a0a;--line:#2d2d2d;--fg:#e5e5e5;--muted:#929292;--accent:#d2d2d2}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.6 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.wrap{width:min(1120px,calc(100% - 32px));margin:0 auto}
header{border-bottom:1px solid var(--line);padding:22px 0}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.brand{color:var(--fg);font-weight:700;letter-spacing:.08em}.brand span{color:var(--muted)}
.links{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
main{padding:54px 0 72px}
.eyebrow{margin:0 0 14px;color:var(--muted);font-size:11px;letter-spacing:.14em}
h1{margin:0;max-width:760px;font:600 clamp(32px,6vw,64px)/1.02 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.05em}
.intro{max-width:760px;margin:20px 0 34px;color:#a7a7a7}
.note{border:1px solid var(--line);border-left:2px solid var(--accent);padding:14px 16px;margin-bottom:34px;color:#aaa;background:#080808;font-size:13px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.diagram{border:1px solid var(--line);background:var(--panel);min-width:0}
.diagram-head{display:flex;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;letter-spacing:.1em}
pre{margin:0;padding:18px 16px 20px;min-height:132px;overflow:auto;color:#d5d5d5;font:12px/1.8 "SFMono-Regular",Consolas,"Liberation Mono",monospace;white-space:pre;letter-spacing:0;word-spacing:0;font-kerning:none;font-variant-ligatures:none;font-feature-settings:"liga" 0,"calt" 0}
.boundary{margin-top:14px;border:1px solid var(--line);background:#080808;padding:16px;color:#cfcfcf;overflow:auto}
footer{border-top:1px solid var(--line);padding:22px 0 34px;color:var(--muted);font-size:12px}
@media(max-width:760px){.grid{grid-template-columns:1fr}.wrap{width:min(100% - 24px,1120px)}main{padding-top:36px}pre{font-size:11px}}