.container{max-width:1160px;padding:2em 1rem}body:has(nav) .container{padding-top:4em}
main.container{box-sizing:border-box;width:calc(100% - 260px);margin-left:1rem;margin-right:240px}
h1.title{line-height:1.2}#toc a{color:var(--browne-heading)}
.kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.kpi .kpi-card{min-width:0}
section{margin:2.5rem 0}section[id]{scroll-margin-top:4rem}
.actions,.controls{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;margin:.8rem 0}
.controls{background:var(--browne-title);border:1px solid var(--browne-boundary);padding:.7rem}
.controls label{display:inline-flex;gap:.35rem;align-items:center;margin:0}
button,select,input{font:inherit;max-width:100%;color:var(--browne-words)}
button,select,input[type=text]{background:var(--browne-title);border:1px solid var(--browne-boundary);padding:.35rem .6rem}
button{cursor:pointer}input[type=range]{width:100%;accent-color:var(--browne-button)}input[type=checkbox]{accent-color:var(--browne-button)}
.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
figure{margin:1rem 0}video,img{display:block;width:100%;height:auto}figcaption{font-size:.88rem}
.video-stage{position:relative}.video-stage canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.chart{border:1px solid var(--browne-boundary);background:var(--browne-title);padding:.7rem}.chart canvas{width:100%;height:auto;cursor:crosshair;touch-action:pan-y}
.model-embed{width:100%;height:880px;border:1px solid var(--browne-boundary);background:var(--browne-parchment)}
.table-wrap{overflow:auto}td,th{vertical-align:top}#events tbody tr{cursor:pointer}#events tbody tr:hover{background:var(--browne-title)}
.code-box{white-space:pre-wrap;overflow-wrap:anywhere;max-height:38rem;overflow:auto}
@media(max-width:1399px){#toc{display:none}main.container{width:calc(100% - 1rem);margin:0 auto}}
@media(max-width:700px){.container{padding:1rem .5rem}.media-grid{grid-template-columns:1fr}.model-embed{height:1100px}.controls{gap:.45rem}.kpi{grid-template-columns:repeat(2,minmax(0,1fr))}}
.flow-figure{max-width:772px;margin:1rem auto}.part-card{min-width:0}
.part-card img{height:360px;object-fit:contain;background:repeating-conic-gradient(var(--browne-title) 0% 25%,var(--browne-parchment) 0% 50%) 50%/24px 24px}
#part{max-width:100%;min-width:0}.generation{max-width:800px;margin:1rem auto}.generation img{object-fit:contain;max-height:750px}
@media(max-width:700px){.part-card img{height:300px}.model-embed{height:1100px}}
.pipeline-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin:1rem 0}
.pipeline-map a{display:block;padding:.8rem;border:1px solid var(--browne-boundary);background:var(--browne-title);text-decoration:none;color:var(--browne-words)}
.pipeline-map b,.pipeline-map span{display:block}.pipeline-map span{font-size:.85rem;margin-top:.35rem}
.pipeline-warning{padding:.8rem 1rem;border-left:4px solid var(--browne-highlight);background:var(--browne-title);overflow-wrap:anywhere}
.pipeline-step{margin:2.5rem 0;padding-top:.5rem;border-top:1px solid var(--browne-boundary);scroll-margin-top:4rem}
.container a:not(.btn){color:var(--browne-highlight)}.container .pipeline-map a{color:var(--browne-words)}
.layer-order{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem 2rem;padding-left:2rem;font-size:.85rem;overflow-wrap:anywhere}
.generation-process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem}
.generation-process-grid img{height:200px;object-fit:contain;background:repeating-conic-gradient(var(--browne-title) 0 25%,var(--browne-parchment) 0 50%) 0/16px 16px}
.process-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}
.process-two>*{min-width:0}.pipeline-step canvas{display:block;width:100%;height:auto;border:1px solid var(--browne-boundary);box-sizing:border-box}
.part-overview{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:.6rem;margin:1rem 0}
.part-thumb{display:block;padding:.4rem;width:100%;text-align:left;overflow-wrap:anywhere;min-width:0;font-size:.8rem;cursor:pointer}
.part-thumb img{height:135px;object-fit:contain;background:repeating-conic-gradient(var(--browne-title) 0 25%,var(--browne-parchment) 0 50%) 0/14px 14px;margin-bottom:.4rem}
.part-thumb span{display:block}.part-thumb[aria-pressed=true]{outline:2px solid var(--browne-highlight);outline-offset:1px}
.pipeline-step .controls label{min-width:0;max-width:100%;flex-wrap:wrap}.pipeline-step .controls select{min-width:0;max-width:100%}
#split-opacity{width:100px}.pipeline-step code,#mesh-stats,#control-layers{overflow-wrap:anywhere}
.history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.history-grid figure{padding:.6rem;border:1px solid var(--browne-boundary)}.history-grid h4{margin:.5rem 0}
#history-proof{overflow-wrap:anywhere}#control-table{width:100%;font-size:.9rem}#control-table tbody tr{cursor:pointer}#control-table tbody tr:hover{background:var(--browne-title)}
#atlas-final[hidden]{display:none}.pipeline-step [hidden]{display:none!important}
@media(max-width:900px){.pipeline-map{grid-template-columns:repeat(2,minmax(0,1fr))}.generation-process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.process-two{grid-template-columns:1fr}.history-grid{grid-template-columns:1fr}.generation-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pipeline-map{grid-template-columns:1fr}.pipeline-step .controls label{width:100%}.pipeline-step .controls select{flex:1}.generation-process-grid img{height:180px}}
@media(max-width:700px){.layer-order{grid-template-columns:1fr}}