.container{max-width:1180px;padding:2em 1.2em 5em;box-sizing:border-box}.lead{max-width:65em}section{scroll-margin-top:1em;margin-top:3em}.toolbar{display:flex;gap:.65em;align-items:center;flex-wrap:wrap;margin:1em 0}.controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1em}.controls label{display:flex;flex-direction:column;gap:.4em}input,select,textarea,button{font:inherit;color:var(--browne-words);background:var(--browne-title);border:1px solid var(--browne-boundary);border-radius:4px;padding:.5em;box-sizing:border-box;max-width:100%}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}textarea{width:100%;min-height:360px;font-family:monospace;line-height:1.55;tab-size:4;resize:vertical}#live-status{padding:1em;background:var(--browne-title);border-left:4px solid var(--browne-button);overflow-wrap:anywhere}#live-status.error{border-color:var(--browne-highlight)}#viewport{height:600px;position:relative;background:var(--browne-title);border:1px solid var(--browne-boundary);overflow:hidden}#live-canvas{width:100%;height:100%;display:block;touch-action:none}#placeholder{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}#placeholder[hidden]{display:none}#placeholder img{width:100%;height:100%;object-fit:contain;opacity:.55}#placeholder p{position:absolute;background:var(--browne-title);padding:1em}pre,.code-box{overflow:auto;max-height:550px;white-space:pre}#bindings{max-height:200px}.table-wrap{overflow:auto}table{width:100%}table.sortable th{cursor:pointer}td{vertical-align:top;overflow-wrap:anywhere}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1em}.gallery figure{margin:0}.gallery img{width:100%;display:block;aspect-ratio:1;object-fit:contain;background:var(--browne-title)}.reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1em}.reference-grid img{width:100%;aspect-ratio:1;object-fit:contain}.reference-grid figure{margin:0}.chart{min-width:0}.codeblock{max-width:100%}.tiny{font-size:.86em}.pill{display:inline-block;padding:.15em .5em;border:1px solid var(--browne-boundary);border-radius:4px}.filter{width:100%;margin-bottom:1em}#query-result{max-height:360px}#ancestry{display:flex;flex-wrap:wrap;gap:.4em}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1em}.kpi-card b{overflow-wrap:anywhere}.diagram-stage{height:290px}.note{overflow-wrap:anywhere}@media(max-width:700px){.container{padding:1em .7em 3em}.controls{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col,.gallery{grid-template-columns:1fr}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#viewport{height:400px}textarea{font-size:13px}h1.title{font-size:1.9em}.toolbar{gap:.4em}.kpi{flex-wrap:wrap}table{font-size:.86em}}

.container code{overflow-wrap:anywhere;word-break:break-word;white-space:normal}.code-box code{white-space:pre;word-break:normal}details{min-width:0}#viewport{width:100%;box-sizing:border-box}