:root{--black:#080809;--obsidian:#0d0d10;--surface:#13131a;--edge:#1e1e2a;--muted:#3a3a50;--subtle:#6b6b88;--text:#c8c8d8;--bright:#eeeef5;--blue:#5ac4f0;--blue-dim:#1a4a60;--gold:#e8a020;--glow:#5ac4f01f;--sidebar-width:240px;--content-max:720px;--nav-height:60px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--black);color:var(--text);min-height:100vh;font-family:IBM Plex Mono,monospace;font-size:14px;line-height:1.8;overflow-x:hidden}body:after{content:"";background-image:linear-gradient(var(--edge) 1px, transparent 1px), linear-gradient(90deg, var(--edge) 1px, transparent 1px);opacity:.25;pointer-events:none;z-index:0;background-size:64px 64px;position:fixed;inset:0}.site-nav{height:var(--nav-height);background:var(--obsidian);border-bottom:1px solid var(--edge);z-index:100;align-items:center;gap:24px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{align-items:center;gap:10px;margin-right:auto;text-decoration:none;display:flex}.nav-logo img{width:28px;height:28px}.nav-logo-text{letter-spacing:.08em;text-transform:uppercase;color:var(--bright);font-size:13px;font-weight:600}.nav-logo-sub{color:var(--subtle);letter-spacing:.06em;font-size:10px}.nav-links{align-items:center;gap:4px;display:flex}.nav-links a{color:var(--subtle);letter-spacing:.04em;border-radius:4px;padding:6px 12px;font-size:12px;text-decoration:none;transition:color .2s,background .2s}.nav-links a:hover,.nav-links a.active{color:var(--blue);background:#5ac4f00f}.nav-com-link{color:var(--subtle);letter-spacing:.06em;border:1px solid var(--edge);border-radius:4px;padding:5px 12px;font-size:11px;text-decoration:none;transition:color .2s,border-color .2s}.nav-com-link:hover{color:var(--blue);border-color:var(--blue-dim)}.page-wrapper{z-index:1;padding-top:var(--nav-height);min-height:100vh;display:flex;position:relative}.sidebar{top:var(--nav-height);width:var(--sidebar-width);height:calc(100vh - var(--nav-height));border-right:1px solid var(--edge);background:var(--obsidian);z-index:50;padding:24px 0;position:fixed;left:0;overflow-y:auto}.sidebar-section{margin-bottom:28px}.sidebar-label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;padding:0 20px;font-size:10px;display:block}.sidebar-link{color:var(--subtle);letter-spacing:.02em;border-left:2px solid #0000;padding:6px 20px;font-size:12px;text-decoration:none;transition:color .2s,border-color .2s,background .2s;display:block}.sidebar-link:hover{color:var(--text);background:#ffffff08}.sidebar-link.active{color:var(--blue);border-left-color:var(--blue);background:#5ac4f00d}.main-content{margin-left:var(--sidebar-width);max-width:calc(var(--sidebar-width) + var(--content-max) + 96px);flex:1;padding:48px 48px 80px}.prose h1{color:var(--bright);letter-spacing:-.01em;margin-bottom:8px;font-size:clamp(22px,3vw,32px);font-weight:400;line-height:1.2}.prose .page-description{color:var(--subtle);border-bottom:1px solid var(--edge);margin-bottom:40px;padding-bottom:32px;font-size:14px}.prose h2{color:var(--bright);letter-spacing:.02em;margin:40px 0 12px;font-size:16px;font-weight:600}.prose h3{color:var(--blue);letter-spacing:.06em;text-transform:uppercase;margin:28px 0 8px;font-size:13px;font-weight:600}.prose p{color:var(--text);margin-bottom:16px;font-size:13px}.prose strong{color:var(--bright);font-weight:600}.prose em{color:var(--text);font-style:italic}.prose a{color:var(--blue);border-bottom:1px solid var(--blue-dim);text-decoration:none;transition:border-color .2s}.prose a:hover{border-bottom-color:var(--blue)}.prose ul,.prose ol{margin-bottom:16px;padding-left:20px}.prose li{color:var(--text);margin-bottom:6px;font-size:13px}.prose blockquote{border-left:3px solid var(--gold);background:var(--obsidian);border-radius:0 4px 4px 0;margin:24px 0;padding:12px 20px}.prose blockquote p{color:var(--text);margin:0;font-style:italic}.prose code{background:var(--surface);border:1px solid var(--edge);color:var(--gold);border-radius:3px;padding:1px 6px;font-size:12px}.prose pre{background:var(--obsidian);border:1px solid var(--edge);border-radius:6px;margin:20px 0;padding:20px 24px;overflow-x:auto}.prose pre code{color:var(--text);background:0 0;border:none;padding:0;font-size:12px;line-height:1.8}.prose hr{border:none;border-top:1px solid var(--edge);margin:32px 0}.home-hero{border-bottom:1px solid var(--edge);margin-bottom:40px;padding:48px 0 32px}.home-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin-bottom:16px;font-size:11px}.home-hero h1{color:var(--bright);letter-spacing:-.01em;margin-bottom:16px;font-size:clamp(24px,4vw,40px);font-weight:400;line-height:1.15}.home-hero h1 em{color:var(--blue);font-style:italic}.home-hero p{color:var(--subtle);max-width:540px;font-size:13px;line-height:1.8}.card-grid{background:var(--edge);border:1px solid var(--edge);border-radius:6px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;margin-bottom:40px;display:grid;overflow:hidden}.card{background:var(--obsidian);padding:24px;transition:background .2s}.card:hover{background:var(--surface)}.card-label{letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin-bottom:8px;font-size:10px}.card h3{color:var(--bright);margin-bottom:8px;font-size:13px;font-weight:600}.card p{color:var(--subtle);margin-bottom:12px;font-size:12px;line-height:1.7}.card a{color:var(--gold);letter-spacing:.06em;text-transform:uppercase;font-size:11px;text-decoration:none}.card a:hover{color:var(--blue)}.doctrine{border:1px solid var(--edge);border-left:3px solid var(--blue);background:var(--obsidian);border-radius:4px;margin:32px 0;padding:20px 24px}.doctrine-label{letter-spacing:.2em;text-transform:uppercase;color:var(--blue);margin-bottom:10px;font-size:10px}.doctrine p{color:var(--subtle);font-size:12px;line-height:1.8}.site-footer{z-index:1;border-top:1px solid var(--edge);margin-left:var(--sidebar-width);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px 48px;display:flex;position:relative}.footer-brand{color:var(--muted);letter-spacing:.04em;font-size:11px}.footer-links{gap:20px;display:flex}.footer-links a{color:var(--muted);letter-spacing:.04em;font-size:11px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--blue)}@media (width<=768px){.sidebar{display:none}.main-content{margin-left:0;padding:24px 20px}.site-footer{margin-left:0;padding:20px}.nav-links{display:none}}
