/* Algorithmics source: this stylesheet belongs to the reusable scaffold or its named study. */
/* Fixed public scaffold. Individual pages may style their work, never this frame. */
@import url('./theme-toggle.css');
:root{font-family:ui-monospace,"SFMono-Regular","SF Mono",Menlo,Monaco,monospace;color:var(--ink);background:var(--page)}*{box-sizing:border-box}body{margin:0!important;overflow-x:hidden;background:var(--page);color:var(--ink)}p{font-family:ui-monospace,"SFMono-Regular","SF Mono",Menlo,Monaco,monospace!important;font-size:12px!important;line-height:1.5!important}header{gap:0!important;height:56px!important;display:flex!important;align-items:center!important;padding:0 4%!important;font-family:ui-monospace,"SFMono-Regular","SF Mono",Menlo,Monaco,monospace!important;font-size:12px!important;letter-spacing:.08em!important;background:var(--bar)!important;color:var(--bar-ink)!important;border:0!important}header a{color:inherit;text-decoration:none}p a{color:inherit;text-decoration:underline!important;text-underline-offset:3px;text-decoration-thickness:1px}main{margin:0!important;padding:42px 4% 32px!important;max-width:none!important}h1{font:400 clamp(19.2px,3vw,36.8px)/.9 Garamond,"EB Garamond",serif!important;letter-spacing:-.035em!important;margin:0 0 14px!important}.intro{max-width:610px!important;font:12px/1.5 ui-monospace,"SFMono-Regular","SF Mono",Menlo,Monaco,monospace!important;margin:0 0 38px!important}@media(max-width:650px){main{padding-top:32px!important}}

/* Shared floor footer. */
body{min-height:100vh!important;display:flex!important;flex-direction:column!important}header{flex:0 0 auto!important}main{flex:1 0 auto!important}.site-footer{margin-top:auto!important;padding:20px 4% 32px!important;font-family:ui-monospace,"SFMono-Regular","SF Mono",Menlo,Monaco,monospace!important;font-size:12px!important;line-height:1.5!important;text-align:left!important}.site-footer a{color:inherit;text-decoration:underline!important;text-underline-offset:3px;text-decoration-thickness:1px}
/* Shared page floor: local study credits remain content, never a second footer. */
.site-footer{border:0!important;background:var(--page)!important;color:var(--ink)!important}
.study-credit{max-width:760px!important;margin:28px 0 0!important;padding-top:10px!important;border-top:1px solid var(--line)!important;color:var(--muted)!important;font:12px/1.5 ui-monospace,"SFMono-Regular","SF Mono",Menlo,Monaco,monospace!important}

/* Shared named-output navigation. Tabs select a visual stage; they are never decorative controls. */
.stage-tabs{display:flex;align-items:flex-end;gap:18px;margin:0 0 12px;border-bottom:1px solid var(--line)}
.stage-tabs [role=tab]{appearance:none;width:auto;margin:0 0 -1px;padding:0 0 8px;border:0;border-bottom:1px solid transparent;background:transparent;color:var(--muted);font:12px ui-monospace,"SFMono-Regular","SF Mono",Menlo,Monaco,monospace;letter-spacing:.04em;cursor:pointer}
.stage-tabs [role=tab][aria-selected=true]{border-bottom-color:var(--ink);color:var(--ink)}
.stage-tabs [role=tab]:focus-visible{outline:1px solid var(--ink);outline-offset:3px}

/* Shared zoom readout: identical baseline, width and numerals across study platens. */
.viewbar,.view-controls{align-items:center}.viewbar output,.view-controls output{display:inline-flex;align-items:center;justify-content:center;min-width:44px;align-self:center;font:12px ui-monospace,monospace;font-variant-numeric:tabular-nums;line-height:1;margin:0;padding:0}

/* Controls and text wrap within their stage rather than escaping the document. */
.workspace>*,.work>*,.outputs>*,.map-grid>*{min-width:0}
fieldset{min-inline-size:0}
.viewbar,.view-controls,.calibration-nav,.platen-controls .view,.work .view{flex-wrap:wrap}
.work .view button{flex-shrink:0}
.metadata{overflow-wrap:anywhere}
@media(max-width:800px){
 .workspace,.work{grid-template-columns:minmax(0,1fr)!important}
 #controls{position:static!important}
 .artwork{grid-column:auto!important}
}
/* Study interface sizing is independent of each study's historical root size. */
body:has(#controls){font-family:ui-monospace,"SFMono-Regular","SF Mono",Menlo,Monaco,monospace;font-size:12px!important}
body:has(#controls) :is(button,input,select,textarea,label,legend,output,nav,dl,dt,dd,li,summary,table,small,figcaption,h2,h3,h4){font-family:ui-monospace,"SFMono-Regular","SF Mono",Menlo,Monaco,monospace!important;font-size:12px!important}