.container{max-width:1160px;padding:2em 1rem;box-sizing:border-box}main.container{width:calc(100% - 260px);margin-left:1rem;margin-right:240px}body:has(nav) .container{padding-top:4em}
section{margin:2.5rem 0;scroll-margin-top:4rem}h1.title{line-height:1.2}a:not(.btn){color:var(--browne-highlight)}#toc a{color:var(--browne-heading)}
.kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-card{min-width:0}.actions,.controls{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;margin:.8rem 0}.controls{padding:.7rem;border:1px solid var(--browne-boundary);background:var(--browne-title)}
.controls label{display:inline-flex;align-items:center;gap:.35rem;margin:0;min-width:0;max-width:100%}button,select,input{font:inherit;max-width:100%;color:var(--browne-words)}button,select,input[type=text]{padding:.35rem;border:1px solid var(--browne-boundary);background:var(--browne-title)}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}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.media-grid>*,.two>*{min-width:0}figure{margin:1rem 0}img,video,canvas{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}
.model-embed{width:100%;height:910px;border:1px solid var(--browne-boundary);background:var(--browne-parchment)}.pipeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.pipeline a{display:block;padding:.8rem;background:var(--browne-title);border:1px solid var(--browne-boundary);text-decoration:none;color:var(--browne-words)}.pipeline b,.pipeline span{display:block}.pipeline span{font-size:.85rem;margin-top:.4rem}
.generation{border:1px solid var(--browne-boundary);padding:.8rem;margin:1rem 0}.generation figure{max-width:850px;margin:1rem auto}.generation img{max-height:650px;object-fit:contain}.status{font-weight:bold;color:var(--browne-highlight)}.code-box{white-space:pre-wrap;overflow-wrap:anywhere;max-height:32rem;overflow:auto}
.generation img,.part-card img,.part-grid img,.inspection img,.source-grid img{background:repeating-conic-gradient(var(--browne-title) 0 25%,var(--browne-parchment) 0 50%) 0/20px 20px}
.source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.source-grid img{height:260px;object-fit:contain}.part-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem}.part-grid button{display:block;text-align:left;min-width:0;font-size:.8rem;overflow-wrap:anywhere}.part-grid img{height:135px;object-fit:contain}.part-grid button[aria-pressed=true]{outline:2px solid var(--browne-highlight)}.part-card img{height:100%;max-height:360px;object-fit:contain}.part-card canvas{border:1px solid var(--browne-boundary);box-sizing:border-box}#part-info,#part-contract{overflow-wrap:anywhere}.inspection{max-width:772px;margin:1rem auto}.inspection img{max-height:720px;object-fit:contain}
.layer-order{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem 2rem;padding-left:2rem;font-size:.85rem}.table-wrap{overflow:auto}table{width:100%}td,th{vertical-align:top}#connection-table tr[data-id]{cursor:pointer}#connection-table tr[data-id]:hover{background:var(--browne-title)}[hidden]{display:none!important}
@media(max-width:1399px){#toc{display:none}main.container{width:calc(100% - 1rem);margin:0 auto}}@media(max-width:900px){.pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.container{padding:1rem .5rem}.media-grid,.two{grid-template-columns:1fr}.kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.model-embed{height:1300px}.controls label{flex-wrap:wrap}.pipeline{grid-template-columns:1fr}.source-grid{grid-template-columns:1fr}.layer-order{grid-template-columns:1fr}.part-card img{height:340px}.generation{padding:.5rem}.part-card canvas{max-height:400px;object-fit:contain}}