/* Hallmark · macrostructure: Split Studio · tone: technical atlas · anchor hue: 65 */
@import './tokens.css';
*{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;white-space:nowrap;border:0;background:transparent;min-height:44px;padding:var(--space-xs) var(--space-md);transition:transform var(--dur-micro) var(--ease-out),opacity var(--dur-short) var(--ease-out)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button[aria-busy="true"]{opacity:.65;cursor:progress}button[data-state="error"]{color:var(--color-error)}button[data-state="success"]{color:var(--color-success)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-style:normal;overflow-wrap:anywhere;min-width:0}h1{font-family:var(--font-display);font-weight:400;font-size:var(--text-display);line-height:1.25;letter-spacing:-.025em}h2{font-size:var(--text-lg);line-height:1.4;font-weight:600}h3{font-size:var(--text-base)}small,.micro{font-size:var(--text-xs)}[hidden]{display:none!important}.skip{position:fixed;top:0;left:var(--space-md);transform:translateY(-120%);background:var(--color-ink);color:var(--color-paper);z-index:var(--z-modal);padding:var(--space-md)}.skip:focus{transform:none}
.masthead{max-width:1700px;margin:auto;padding:var(--space-lg) var(--space-xl);display:flex;justify-content:space-between;align-items:center}.identity{display:flex;align-items:center;gap:var(--space-md);font-size:var(--text-sm);line-height:1.5}.identity-mark{font-family:var(--font-display);font-size:3rem;line-height:1;letter-spacing:-.06em}.identity-mark span{color:var(--color-accent)}.identity small{letter-spacing:.11em;font-size:.6rem;color:var(--color-muted)}.quiet-button{border-bottom:1px solid var(--color-boundary);padding-inline:0}.quiet-button span{margin-left:var(--space-lg)}main{max-width:1600px;margin:auto;padding:0 var(--space-xl)}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-xl);padding:var(--space-xl) 0 var(--space-xl)}.intro p{margin-top:var(--space-md);color:var(--color-muted);font-size:var(--text-sm)}.intro-note{font-size:var(--text-sm);max-width:25rem;padding-bottom:var(--space-xs)}.intro-note small{display:block;color:var(--color-muted);margin:var(--space-xs) 0 0 var(--space-md)}.status-dot,.small-square{display:inline-block;width:6px;height:6px;margin-right:var(--space-xs);background:var(--color-accent);vertical-align:middle}.status-dot{border-radius:50%}.chapter-nav{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-rule)}.chapter-nav button{font-size:var(--text-sm);padding-inline:var(--space-md);color:var(--color-muted);position:relative}.chapter-nav button:first-child{padding-left:0}.chapter-nav button[aria-current]{color:var(--color-ink);font-weight:600}.chapter-nav button[aria-current]::after{content:'';height:2px;position:absolute;bottom:-17px;left:var(--space-md);right:var(--space-md);background:var(--color-accent)}.chapter-nav button:first-child::after{left:0}
.lab{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg);padding-top:var(--space-lg)}.visual-column{min-width:0}.stage{position:relative;background:var(--color-paper-2);height:clamp(400px,54vw,650px);isolation:isolate;overflow:clip;border-radius:var(--radius-sm)}#scene{width:100%;height:100%;display:block;touch-action:pan-y;position:absolute;inset:0}.stage-top{position:absolute;top:var(--space-lg);left:var(--space-lg);right:var(--space-lg);display:flex;justify-content:space-between;gap:var(--space-md);z-index:var(--z-raised);pointer-events:none}.stage-top span{font-size:var(--text-xs);color:var(--color-muted)}.stage-top h2{font-size:var(--text-base);margin-top:var(--space-2xs);font-weight:500}.stage-top .scale-mark{font-family:var(--font-display);font-size:var(--text-md);color:var(--color-muted)}.stage-caption{position:absolute;bottom:var(--space-md);left:var(--space-lg);right:12rem;font-size:var(--text-xs);color:var(--color-muted);pointer-events:none}.orientation{position:absolute;left:var(--space-lg);bottom:var(--space-2xl);display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--color-muted);pointer-events:none}.orientation i{width:40px;border-top:1px solid var(--color-boundary)}.orientation small{font-size:.65rem}.canvas-label{position:absolute;left:55%;top:30%;font-size:var(--text-xs);border-left:1px solid var(--color-accent);padding-left:var(--space-sm);pointer-events:none;white-space:nowrap}.canvas-label span{display:block;color:var(--color-muted);font-size:.65rem}.legend{position:absolute;bottom:var(--space-lg);right:var(--space-lg);width:140px;font-size:.65rem;background:var(--color-paper-2);padding:var(--space-xs)}.legend>div{display:flex;justify-content:space-between}.legend-ramp{height:6px;margin:var(--space-xs) 0;background:linear-gradient(90deg,var(--color-field-low),var(--color-field-high))}.load-state{position:absolute;bottom:var(--space-2xl);left:50%;transform:translateX(-50%);font-size:var(--text-xs);padding:var(--space-xs) var(--space-md);background:var(--color-paper);color:var(--color-muted);border:1px solid var(--color-rule);max-width:85%;text-align:center}.load-state[data-state="error"]{color:var(--color-error)}#webgl-fallback{height:100%;padding:var(--space-xl);background:var(--color-paper-2);position:relative}#webgl-fallback img{width:100%;height:75%;object-fit:contain}
.view-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-xs);padding:var(--space-sm) 0}.segmented{display:flex;background:var(--color-paper-3);padding:3px;border-radius:var(--radius-sm)}.segmented button{font-size:var(--text-xs);padding:var(--space-xs) var(--space-md);min-height:36px;border-radius:2px;color:var(--color-muted)}.segmented button[aria-pressed="true"]{background:var(--color-paper);color:var(--color-ink)}.view-actions{display:flex;gap:var(--space-2xs)}.view-actions button{font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm)}.view-actions button[aria-pressed="true"]{color:var(--color-accent)}.timeline{display:flex;gap:var(--space-md);align-items:center;border-top:1px solid var(--color-rule);padding-top:var(--space-md)}#play{width:44px;height:44px;flex:none;background:var(--color-ink);color:var(--color-paper);border-radius:50%;padding:0;font-size:var(--text-xs)}.timeline-main{flex:1;min-width:0}.timeline-main>div:first-child,.time-ends{display:flex;justify-content:space-between;gap:var(--space-sm);font-size:var(--text-xs)}output{font-variant-numeric:tabular-nums;font-weight:600}input[type="range"]{width:100%;height:24px;margin:0;accent-color:var(--color-accent);cursor:pointer}.time-ends{color:var(--color-muted);font-size:.65rem;line-height:1.5}.time-ends span:nth-child(2){text-align:center;max-width:70%}
.inspector{padding:var(--space-sm) 0;min-width:0}.inspector h2{font-family:var(--font-display);font-size:2rem;font-weight:400;margin-bottom:var(--space-md)}.inspector p{font-size:var(--text-sm);color:var(--color-muted);line-height:1.75}.inspector .lead{font-size:var(--text-base);color:var(--color-ink);margin-bottom:var(--space-lg)}.eyeline{display:block;color:var(--color-accent);font-size:var(--text-xs);margin-bottom:var(--space-sm)}.metric{display:flex;gap:var(--space-xs);align-items:baseline;line-height:1.2;margin:var(--space-lg) 0 var(--space-xs)}.metric strong{font-family:var(--font-display);font-weight:400;font-size:3.5rem;font-variant-numeric:tabular-nums}.metric span{font-size:var(--text-sm);color:var(--color-muted)}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg) var(--space-md);margin:var(--space-lg) 0}.stats div{border-top:1px solid var(--color-rule);padding-top:var(--space-sm)}.stats dt{font-size:var(--text-xs);color:var(--color-muted);margin-bottom:var(--space-xs)}.stats dd{margin:0;font-size:var(--text-md);font-variant-numeric:tabular-nums}.stats dd small{font-size:var(--text-xs);margin-left:var(--space-2xs);color:var(--color-muted)}.inspector label,.control-label{display:block;font-size:var(--text-xs);color:var(--color-muted);margin:var(--space-lg) 0 var(--space-xs)}select{width:100%;min-width:0;max-width:100%;height:44px;padding:0 32px 0 var(--space-sm);background:var(--color-paper);border:1px solid var(--color-boundary);border-radius:var(--radius-sm);font-size:var(--text-sm);text-overflow:ellipsis}select:disabled{opacity:.5;cursor:not-allowed}.field-buttons{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin:var(--space-md) 0}.field-buttons button{font-size:var(--text-xs);min-height:38px;border:1px solid var(--color-rule);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.field-buttons button[aria-pressed="true"]{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-paper-2)}.assumption{font-size:var(--text-xs)!important;padding-left:var(--space-sm);border-left:2px solid var(--color-rule);margin-top:var(--space-lg)}.tiny-link{display:inline-flex;align-items:center;min-height:44px;font-size:var(--text-xs);text-decoration:underline;text-underline-offset:4px;color:var(--color-muted)}.inspector details{font-size:var(--text-xs);padding:var(--space-sm) 0;margin-top:var(--space-sm);border-top:1px solid var(--color-rule)}summary{cursor:pointer;min-height:32px;line-height:32px}details p{font-size:var(--text-xs)!important}.chart{width:100%;height:150px;margin-top:var(--space-lg);overflow:visible}.chart text{font-family:var(--font-body);font-size:10px;fill:var(--color-muted)}.chart .line{fill:none;stroke:var(--color-accent);stroke-width:2}.chart .guide{stroke:var(--color-rule);stroke-width:1}.chart .cursor{stroke:var(--color-ink);stroke-width:1;stroke-dasharray:3 3}
.mechanism{width:100%;text-align:left;display:grid;grid-template-columns:28px minmax(0,1fr) 20px;gap:var(--space-sm);border-top:1px solid var(--color-rule);padding:var(--space-md) 0;white-space:normal}.mechanism b{font-family:var(--font-display);font-size:var(--text-md);font-weight:400;color:var(--color-muted)}.mechanism strong{display:block;font-size:var(--text-sm);font-weight:600}.mechanism small{display:block;color:var(--color-muted);font-size:var(--text-xs);margin-top:var(--space-2xs)}.mechanism.active b,.mechanism.active>span:last-child{color:var(--color-accent)}.mechanism-detail{padding:var(--space-md) 0}.mechanism-detail strong{display:block;margin-bottom:var(--space-xs);font-size:var(--text-sm)}.photo-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs);margin-top:var(--space-lg)}.photo-strip button{padding:0;min-height:0;overflow:clip}.photo-strip img{width:100%;height:140px;object-fit:cover;display:block}.reading-strip{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);margin-top:var(--space-xl);padding:var(--space-lg) 0 var(--space-xl);border-top:1px solid var(--color-rule)}.reading-strip strong{font-size:var(--text-sm);font-weight:500}.reading-strip p{font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-xs);max-width:65ch}.text-link{padding-inline:0;font-size:var(--text-sm);border-bottom:1px solid var(--color-boundary);display:inline-block;white-space:nowrap}.text-link span{margin-left:var(--space-md)}footer{max-width:1600px;margin:auto;padding:var(--space-md) var(--space-xl) var(--space-lg);display:flex;flex-wrap:wrap;gap:var(--space-lg);font-size:var(--text-xs);color:var(--color-muted)}footer a{margin-left:auto;white-space:nowrap;min-height:44px;display:flex;align-items:center}
dialog{position:fixed;inset:0;margin:auto;height:fit-content;max-height:85dvh;width:min(850px,calc(100% - 32px));padding:var(--space-xl);border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper);color:var(--color-ink);z-index:var(--z-modal)}dialog::backdrop{background:var(--color-overlay)}.dialog-close{position:absolute;top:var(--space-sm);right:var(--space-sm);font-size:var(--text-lg)}dialog h2{font-family:var(--font-display);font-size:2.2rem;font-weight:400;margin-bottom:var(--space-xl);padding-right:var(--space-xl)}.method-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl)}.method-columns h3{margin:var(--space-lg) 0 var(--space-sm)}.method-columns p{font-size:var(--text-sm);color:var(--color-muted)}#figure-dialog{width:min(1200px,calc(100% - 32px))}#figure-image{width:100%;height:auto}#figure-download{display:inline-flex;min-height:44px;align-items:center;font-size:var(--text-sm)}
.evidence-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-xl);padding:var(--space-xl) 0}.evidence-head h2{font-family:var(--font-display);font-weight:400;font-size:2rem}.evidence-head p{font-size:var(--text-sm);max-width:42ch;color:var(--color-muted);margin-top:var(--space-sm)}.evidence-filter{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-lg)}.evidence-filter button{font-size:var(--text-xs);border-bottom:1px solid var(--color-rule)}.evidence-filter button[aria-pressed="true"]{border-color:var(--color-accent);color:var(--color-accent)}.figure-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.figure-item button{width:100%;padding:0;background:var(--color-paper-2);display:block}.figure-item img{width:100%;height:250px;object-fit:contain;display:block}.figure-item figcaption{padding-top:var(--space-sm);font-size:var(--text-sm)}.figure-item figcaption small{display:block;margin-top:var(--space-2xs);color:var(--color-muted)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-xs)}.data-table th,.data-table td{text-align:left;padding:var(--space-sm);border-bottom:1px solid var(--color-rule);font-variant-numeric:tabular-nums}.data-table th{color:var(--color-muted);font-weight:400}.table-scroll{overflow:auto}.proof-note{margin:var(--space-lg) 0;font-size:var(--text-sm);color:var(--color-muted)}.download-list{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-sm);margin:var(--space-lg) 0}.download-list a{display:flex;justify-content:space-between;align-items:center;min-height:56px;border-bottom:1px solid var(--color-rule);font-size:var(--text-sm)}
@media(hover:hover){button:hover{background:var(--color-paper-3)}.mechanism:hover{background:transparent;color:var(--color-accent)}.figure-item button:hover{opacity:.85}.quiet-button:hover,.text-link:hover{background:transparent;color:var(--color-accent)}}
@media(min-width:60rem){.lab{grid-template-columns:minmax(0,1fr) 310px;gap:var(--space-xl)}.inspector{padding:var(--space-sm) 0 var(--space-lg)}.stage{height:clamp(500px,44vw,660px)}.figure-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.download-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:90rem){.lab{grid-template-columns:minmax(0,1fr) 350px}.stage{height:680px}.intro{padding-top:var(--space-xl)}}
@media(max-width:59.999rem){.intro-note{display:none}.inspector{display:block;max-width:100%;border-top:1px solid var(--color-rule);padding-top:var(--space-lg)}.inspector h2{font-size:1.8rem}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.reading-strip{align-items:flex-start}.stage{height:560px}.lab{gap:var(--space-xl)}}
@media(max-width:39.999rem){main{padding:0 var(--space-md)}.masthead{padding:var(--space-md)}.intro{padding:var(--space-lg) 0}.intro p{margin-top:var(--space-xs)}.chapter-nav{gap:0}.chapter-nav button{padding:var(--space-xs);font-size:var(--text-xs)}.chapter-nav button[aria-current]::after{left:var(--space-xs);right:var(--space-xs)}.chapter-nav button:first-child{padding-left:0}.lab{padding-top:var(--space-md)}.stage{height:440px}.stage-top{top:var(--space-md);left:var(--space-md);right:var(--space-md)}.stage-top h2{font-size:var(--text-sm);max-width:14rem}.stage-caption{left:var(--space-md);right:var(--space-md);bottom:var(--space-xs);font-size:.65rem;max-width:75%}.orientation{left:var(--space-md);bottom:var(--space-2xl)}.orientation small{display:none}.legend{width:105px;right:var(--space-xs);bottom:var(--space-2xl)}.canvas-label{font-size:.65rem}.segmented button{padding:var(--space-xs) var(--space-sm);min-height:44px}.view-actions button{padding:var(--space-xs);min-height:44px}#save-view{display:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-strip{display:block}.reading-strip button{margin-top:var(--space-lg)}.reading-strip strong{font-size:var(--text-sm)}footer{padding:var(--space-md);gap:var(--space-xs) var(--space-lg)}footer a{margin-left:0;width:100%}.method-columns{grid-template-columns:minmax(0,1fr);gap:var(--space-xs)}dialog{padding:var(--space-lg)}dialog h2{font-size:1.8rem;margin-bottom:var(--space-md)}.evidence-head{display:block}.evidence-head p{margin-top:var(--space-md)}.figure-item img{height:210px}.time-ends{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:0ms!important;animation:none!important}}