.build-page {font-family:var(--serif);}
.build-page::after {display:none;}
.build-page a {color:var(--accent-ink);text-underline-offset:4px;}
.build-top {position:relative;z-index:2;display:flex;align-items:center;gap:28px;padding:20px 32px;border-bottom:1px solid var(--line);background:var(--bg);}
.build-brand {font-size:1.2rem;text-decoration:none;color:var(--ink)!important;white-space:nowrap;}
.build-brand span {color:var(--muted);font-size:.9rem;}
.build-top nav {display:flex;gap:20px;margin-left:auto;font:.78rem var(--mono);}
.build-appearance {display:flex;gap:8px;}
.build-appearance select,.build-appearance button {min-height:40px;background:var(--card);border:1px solid var(--line);color:var(--ink);padding:6px 10px;font:.75rem var(--mono);}
.build-layout {display:grid;grid-template-columns:250px minmax(0,1fr);max-width:1480px;margin:auto;position:relative;z-index:1;}
.build-sidebar {border-right:1px solid var(--line);padding:28px 22px;}
.build-sidebar>details {position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto;scrollbar-width:thin;}
.build-sidebar summary {font:600 .85rem var(--mono);padding:10px 0;cursor:pointer;}
.build-sidebar summary span {float:right;}
.build-sidebar details[open]>summary span {display:none;}
.nav-group {font:600 .65rem var(--mono);text-transform:uppercase;letter-spacing:.15em;color:var(--accent2-ink);margin:24px 0 8px;}
.build-sidebar ul {list-style:none;margin:0;padding:0;}
.build-sidebar li a {display:block;padding:9px 10px;font-size:.9rem;text-decoration:none;color:var(--muted);border-left:2px solid transparent;}
.build-sidebar li a:hover,.build-sidebar a[aria-current] {color:var(--ink);background:var(--card);border-left-color:var(--accent);}
.sidebar-note {font:.7rem/1.7 var(--mono);color:var(--muted);padding-top:20px;border-top:1px solid var(--line);margin-top:26px;}
.build-article {width:100%;max-width:1050px;margin:0 auto;padding:36px clamp(24px,5vw,72px) 60px;min-width:0;}
.build-breadcrumb {font:.72rem var(--mono);color:var(--muted);margin-bottom:38px;}
.build-breadcrumb a {text-decoration:none;}
.build-eyebrow {font:600 .72rem var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--accent2-ink);}
.build-heading h1 {font-size:clamp(2.5rem,4.8vw,4.3rem);line-height:1.06;font-weight:500;letter-spacing:-.035em;margin:16px 0 24px;max-width:18ch;}
.build-lede {font-size:1.18rem;line-height:1.65;max-width:62ch;color:var(--muted);}
.build-reviewed {font:.68rem var(--mono);color:var(--muted);margin:24px 0 30px;}
.build-prose {font-size:1.06rem;line-height:1.75;}
.build-prose>p,.build-prose>ul,.build-prose>ol {max-width:70ch;}
.build-prose h2 {display:block;font:500 clamp(1.55rem,3vw,2rem)/1.2 var(--serif);letter-spacing:-.015em;text-transform:none;color:var(--ink);margin:48px 0 20px;scroll-margin-top:24px;}
.build-prose h2::before,.build-prose h2::after {display:none;}
.build-prose h3 {font-size:1.2rem;font-weight:500;color:var(--accent-ink);margin:28px 0 10px;}
.build-prose li {margin:8px 0;}
.build-prose strong {font-weight:600;}
.build-prose blockquote {border-left:3px solid var(--accent2);margin:26px 0;padding:4px 24px;background:var(--card);color:var(--muted);}
.build-prose code {font-size:.83em;overflow-wrap:anywhere;}
.build-toc {border-block:1px solid var(--line);padding:12px 0;margin-bottom:30px;font-size:.9rem;}
.build-toc summary {cursor:pointer;color:var(--accent2-ink);font:.75rem var(--mono);}
.build-toc ul {padding-left:24px;}
.build-shot {margin:28px 0;}
.build-shot img {display:block;width:100%;height:auto;border:1px solid var(--line);background:#14120f;}
.build-shot a {display:block;}
.build-shot figcaption {font:.75rem/1.65 var(--mono);color:var(--muted);margin-top:12px;}
.build-cards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:26px 0;}
.build-card {display:block;border:1px solid var(--line);padding:24px;text-decoration:none;background:var(--card);color:var(--ink)!important;}
.build-card:hover {border-color:var(--accent);}
.build-card small {display:block;font:.65rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent2-ink);}
.build-card strong {display:block;font:500 1.45rem var(--serif);margin:14px 0;}
.build-card span {display:block;font-size:.95rem;line-height:1.6;color:var(--muted);}
.build-facts {display:flex;flex-wrap:wrap;gap:8px;margin:22px 0;}
.build-facts span {font:.72rem var(--mono);padding:8px 12px;border:1px solid var(--line);color:var(--accent2-ink);}
.build-diagram {border:1px solid var(--line);padding:20px 12px;background:var(--card);margin:26px 0;overflow:auto;}
.build-diagram pre {margin:0;white-space:pre-wrap;font:.75rem/1.5 var(--mono);}
.build-diagram svg {display:block;max-width:100%;height:auto;margin:auto;}
.build-expand {display:block;margin:0 0 12px auto;min-height:36px;padding:6px 12px;color:var(--accent-ink);background:var(--bg);border:1px solid var(--line);font:.7rem var(--mono);cursor:pointer;}
.build-footer {margin-top:56px;padding-top:24px;display:flex;flex-wrap:wrap;gap:16px 28px;}
.build-footer p {flex-basis:100%;font:1.3rem var(--serif);margin:0;}
.build-lightbox {max-width:96vw;max-height:94vh;padding:16px;background:var(--bg);border:1px solid var(--line);color:var(--ink);}
.build-lightbox::backdrop {background:rgba(0,0,0,.85);}
.build-lightbox img {display:block;max-width:100%;height:auto;}
.build-lightbox button {display:block;margin:0 0 16px auto;padding:12px;background:var(--card);color:var(--ink);border:1px solid var(--line);cursor:pointer;}
.build-search {margin-top:26px;}
.build-search label {display:block;font:.7rem var(--mono);margin-bottom:8px;color:var(--muted);}
.build-search input {width:100%;min-height:44px;background:var(--bg);color:var(--ink);border:1px solid var(--line);padding:8px;font-size:.85rem;}
.build-search #build-results {font-size:.8rem;}
.sr-only {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
.build-skip {position:absolute;left:16px;top:-100px;z-index:9;padding:12px;background:var(--card);}
.build-skip:focus {top:8px;}
@media(min-width:821px){.build-sidebar summary {list-style:none;}.build-sidebar summary::-webkit-details-marker{display:none;}}
@media(max-width:1100px){.build-top {flex-wrap:wrap;gap:14px 24px;}.build-appearance{margin-left:auto;}.build-layout{grid-template-columns:220px minmax(0,1fr);}.build-article{padding-inline:30px;}}
@media(max-width:820px){.build-top{padding:16px 20px;}.build-brand{flex-basis:100%;}.build-top nav{margin-left:0;}.build-layout{display:block;}.build-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:8px 20px;}.build-sidebar>details{position:static;max-height:none;}.build-article{padding:26px 20px 44px;}.build-breadcrumb{margin-bottom:28px;}.build-heading h1{font-size:2.7rem;}.build-cards{grid-template-columns:1fr;}.build-appearance select{max-width:110px;}.build-appearance{gap:4px;}.build-top nav{gap:14px;}.build-diagram{padding:12px 4px;}}
@media print{.build-top,.build-sidebar,.build-toc,.build-footer,.build-skip{display:none;}.build-layout{display:block;}.build-article{max-width:none;padding:0;}.build-page{background:white;color:black;}.build-page::before{display:none;}.build-prose,.build-lede{color:black;}.build-shot{break-inside:avoid;}}
