:root{color-scheme:light;--bg: #f7f7f3;--surface: #ffffff;--surface-muted: #eff1ec;--text: #20231f;--muted: #646b60;--line: #d8ddd1;--accent: #1f7a5a;--accent-strong: #155b44;--warn: #a45c14;--code-bg: #171b18;--code-text: #f2f5ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.65}a{color:var(--accent-strong);text-decoration-color:color-mix(in srgb,var(--accent) 45%,transparent);text-underline-offset:.18em}a:hover{text-decoration-color:var(--accent-strong)}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-header,.site-footer{border-color:var(--line);border-style:solid}.site-header{border-width:0 0 1px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(12px)}.site-footer{margin-top:auto;border-width:1px 0 0;color:var(--muted)}.site-nav,.footer-inner,.page{width:min(1120px,calc(100% - 32px));margin:0 auto}.site-nav{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:720;color:var(--text);text-decoration:none}.nav-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.nav-links a,.language-switch a,.language-switch span{font-size:.93rem}.footer-inner{padding:24px 0}.page{padding:48px 0 64px}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:32px;align-items:center;margin-bottom:40px}.hero h1{margin:0;font-size:clamp(2.2rem,6vw,4.2rem);line-height:1.05;letter-spacing:0}.hero p{max-width:64ch;color:var(--muted);font-size:1.06rem}.system-map{min-height:260px;padding:22px;border:1px solid var(--line);background:linear-gradient(90deg,color-mix(in srgb,var(--line) 40%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--line) 40%,transparent) 1px,transparent 1px),var(--surface);background-size:28px 28px}.map-node{border:1px solid var(--line);background:var(--surface);padding:12px 14px;margin-bottom:12px;font-size:.92rem;font-weight:650}.map-node.primary{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));color:var(--accent-strong)}.map-flow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.section-heading{margin:0 0 20px;font-size:1.25rem}.post-list{display:grid;gap:14px}.post-card{display:grid;gap:8px;padding:18px 0;border-top:1px solid var(--line)}.post-card h2{margin:0;font-size:1.28rem;line-height:1.35}.post-card p{margin:0;color:var(--muted)}.meta,.tag-list,.language-switch{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--muted);font-size:.9rem}.tag{border:1px solid var(--line);padding:2px 8px;background:var(--surface-muted);color:var(--text);text-decoration:none}a.tag:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));color:var(--accent-strong)}.language-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 44px}.language-card{display:grid;gap:6px;min-height:112px;align-content:end;padding:16px;border:1px solid var(--line);background:var(--surface);color:var(--text);text-decoration:none}.language-card:hover{border-color:color-mix(in srgb,var(--accent) 60%,var(--line))}.language-card span,.eyebrow{color:var(--muted);font-size:.82rem;text-transform:uppercase}.language-card strong{font-size:1.05rem}.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;color:var(--muted);font-size:.92rem}.list-header{margin-bottom:28px}.list-header h1{margin:0;font-size:clamp(2rem,5vw,3.4rem);line-height:1.1;letter-spacing:0}.list-header p{max-width:64ch;color:var(--muted)}.article{width:min(760px,calc(100% - 32px));margin:0 auto;padding:48px 0 72px}.article-header{margin-bottom:36px}.article h1{margin:0 0 16px;font-size:clamp(2rem,5vw,3.4rem);line-height:1.12;letter-spacing:0}.article-description{margin:0 0 18px;color:var(--muted);font-size:1.08rem}.article-body :is(h2,h3){margin-top:2.2em;line-height:1.25}.article-body p{margin:1em 0}.article-body pre{padding:16px;overflow-x:auto;background:var(--code-bg);color:var(--code-text)}.article-body code{font-size:.94em}.article-body :not(pre)>code{padding:.12em .32em;background:var(--surface-muted)}.language-switch{margin-top:18px}.language-switch span{color:var(--muted)}.empty-state{border-top:1px solid var(--line);padding:20px 0;color:var(--muted)}@media(max-width:780px){.site-nav{align-items:flex-start;flex-direction:column;padding:16px 0}.hero,.map-flow,.language-grid{grid-template-columns:1fr}}