:root{--archive-pad:clamp(18px,3vw,48px);--archive-line:#dbe4e326;--archive-muted:#a1aaac}
header{inset:var(--archive-pad) var(--archive-pad) auto;align-items:center;font-size:11px;letter-spacing:.16em}header a{text-decoration:none;font-size:10px;border-bottom:1px solid var(--archive-line);padding:8px 0}header>span{max-width:65%;line-height:1.8}
#case-pages{left:var(--archive-pad);right:var(--archive-pad);bottom:var(--archive-pad);gap:32px}#case-pages section{display:grid;grid-template-columns:1fr auto auto auto;gap:8px 12px;min-width:230px;padding-top:12px;border-top:1px solid var(--archive-line)}#case-pages section>span:first-child{grid-column:1/-1;font-size:9px;letter-spacing:.2em}#case-pages details{grid-column:1;grid-row:2;margin:0}#case-pages section>button{grid-row:2}#case-pages section>span:not(:first-child){grid-row:2;font-size:10px}#case-pages details div{right:auto;left:0;bottom:42px;background:#101518ed;backdrop-filter:blur(16px);border-color:var(--archive-line);min-width:230px}#case-pages details button{padding:12px;line-height:1.6}#case-pages summary{font-size:9px}#case-pages button{min-height:36px}
#toggle{right:var(--archive-pad)!important;bottom:var(--archive-pad)!important;background:#10151899!important;border:1px solid var(--archive-line)!important;padding:18px 24px!important;letter-spacing:.14em}
.case-focus .focus-bar{z-index:3;top:var(--archive-pad);bottom:auto;left:var(--archive-pad);right:var(--archive-pad);padding:0 0 15px;background:transparent;border-bottom:1px solid var(--archive-line);gap:24px;align-items:center}.focus-bar h2{font-size:12px;letter-spacing:.06em;line-height:1.6}.focus-bar button{font-size:10px;min-height:40px}.case-focus.show-media{background:#05090db3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.case-focus.film-entry.show-media{background:#030608dc}.case-focus.show-media .focus-bar{background:transparent;padding:0 0 15px}
.case-focus.show-media .case-media,.case-focus.film-entry.show-media .case-media{position:absolute;inset:calc(var(--archive-pad) + 70px) var(--archive-pad) var(--archive-pad);height:auto;padding:0;display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:16px;overflow:hidden;align-content:stretch}
.archive-stage{position:relative;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-y}.case-media .archive-stage>img,.case-media .archive-stage>video,.case-focus.film-entry .archive-stage>video:first-child{width:auto;height:100%;max-width:100%;max-height:100%;object-fit:contain;margin:0;box-shadow:0 12px 60px #0006}.case-media [hidden]{display:none!important}.archive-controls{display:flex;align-items:center;justify-content:center;gap:18px;border-top:1px solid var(--archive-line);padding-top:12px;min-height:38px}.archive-controls button,.archive-strip button{font:inherit;color:#dbe1df;background:transparent;border:0;cursor:pointer;min-height:38px;padding:7px 12px;font-size:10px}.archive-controls button:disabled{opacity:.25;cursor:default}.archive-controls button:focus-visible,.archive-strip button:focus-visible{outline:1px solid #dbe1df;outline-offset:3px}.archive-count{font-size:10px;letter-spacing:.12em;color:var(--archive-muted);white-space:nowrap}.archive-strip{display:flex;gap:8px;overflow-x:auto;max-width:100%;margin:auto;padding:3px;min-height:44px}.archive-strip button{display:flex;gap:8px;align-items:center;border:1px solid transparent;opacity:.5;padding:4px 8px;flex-shrink:0}.archive-strip button[aria-current=true]{border-color:#b7c2bf;opacity:1}.archive-strip img{width:36px;height:42px;object-fit:cover;margin:0}.vhs-player .archive-stage{background:#020304;border:1px solid #b8c3c21f;box-shadow:inset 0 0 40px #000}.vhs-osd{position:absolute;top:18px;left:20px;font-size:11px;letter-spacing:.16em;color:#dce6d9;text-shadow:1px 1px #000;pointer-events:none}.vhs-player .archive-controls{justify-content:flex-start;gap:10px;background:#0c1113;padding:12px 16px;border:1px solid var(--archive-line)}.vhs-player input[type=range]{flex:1;min-width:80px;accent-color:#bbc9bc}.vhs-time{font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums;color:#bbc9bc}.vhs-player .archive-strip button::before{content:'CH ';color:var(--archive-muted)}.case-focus.film-starting .case-media>.archive-controls,.case-focus.film-starting .case-media>.archive-strip{visibility:hidden}.archive-stage:fullscreen{background:#000}.archive-stage:fullscreen video{width:100%;height:100%}
@media(max-width:700px){header{font-size:9px}#case-pages{gap:18px}#case-pages section{min-width:0;max-width:none;width:50%;gap:4px}#case-pages section>span:first-child{font-size:8px}#case-pages details div{min-width:160px;max-width:80vw}#case-pages section:last-child details div{left:auto;right:0}.case-focus .focus-bar{gap:12px;flex-wrap:nowrap}.focus-bar h2{width:auto;max-width:65%;font-size:11px;text-align:left}.focus-bar button{font-size:9px;white-space:nowrap}.case-focus.show-media .case-media{inset:88px 14px max(14px,env(safe-area-inset-bottom));gap:10px}.vhs-player .archive-controls{flex-wrap:wrap;padding:8px;gap:4px}.vhs-player input[type=range]{order:2;flex-basis:65%}.vhs-time{order:3}.vhs-osd{font-size:9px;top:12px;left:12px}.archive-strip img{height:32px;width:28px}.archive-controls{gap:12px}.archive-controls button{min-height:42px}.case-focus.show-media{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}

/* Keep the video stage fixed when startup reveals its controls. */
.case-focus.film-entry.show-media .case-media{animation:none}
.case-focus.film-entry .focus-bar{transition:opacity .35s;transform:none}

@font-face{font-family:Druk;src:url('./druk-medium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:DrukWide;src:url('./druk-wide-medium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap}
header>span{display:flex;flex-direction:column;gap:8px;line-height:1.2}
header .archive-name,.entry-top .archive-name{font-family:DrukWide,sans-serif;font-weight:500;font-size:clamp(15px,2vw,24px);letter-spacing:0;text-transform:uppercase}
header .archive-subtitle{font:9px Plex,monospace;letter-spacing:.18em}
.case-focus .focus-bar h2{font-family:Druk,sans-serif;font-weight:500;font-size:clamp(28px,3.3vw,42px);line-height:1;letter-spacing:.015em;text-transform:uppercase;min-width:0;max-height:2em;overflow:auto;overflow-wrap:anywhere}
#case-pages section>span:first-child{font-family:Druk,sans-serif;font-weight:500;font-size:22px;letter-spacing:.04em;line-height:1.1}
@media(max-width:700px){.case-focus .focus-bar h2{font-size:26px}#case-pages section>span:first-child{font-size:19px}.entry-top .archive-name{font-size:14px}}

/* Animate the interface independently of the film's existing CRT startup. */
@keyframes archive-ui-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes archive-frame-in{from{opacity:.25}to{opacity:1}}
.case-focus[open] .focus-bar{animation:archive-ui-in .3s ease-out;transition:opacity .22s,transform .22s}
body[data-case-state=returning] .case-focus .focus-bar{opacity:0;transform:translateY(-6px);pointer-events:none}
.case-focus .archive-controls,.case-focus .archive-strip{opacity:1;transform:none;transition:opacity .3s ease,transform .3s ease,visibility .3s}
.case-focus.film-starting .archive-controls,.case-focus.film-starting .archive-strip{opacity:0;transform:translateY(8px);visibility:hidden}
.case-focus.show-media:not(.film-entry) .case-media{animation:archive-ui-in .3s ease-out}
.archive-stage>img:not([hidden]){animation:archive-frame-in .2s ease-out}
.archive-controls button,.archive-strip button{transition:color .18s,background-color .18s,border-color .18s,opacity .18s}
.archive-controls button:hover,.archive-strip button:hover{background:#dbe4e312}
#case-pages details[open]>div{animation:archive-ui-in .2s ease-out}
body>header,#case-pages,#status{transition:opacity .25s,visibility .25s;opacity:1}
body:not(.case-open) #case-pages,.case-busy:not(.case-paging)>header,.case-busy:not(.case-paging) #case-pages,.case-busy:not(.case-paging) #status{opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){html:not(.full-motion) .case-focus *,html:not(.full-motion) #case-pages *,html:not(.full-motion) body>header,html:not(.full-motion) #case-pages,html:not(.full-motion) #status{animation:none!important;transition:none!important}}

/* Fit a true 16:9 screen inside the available player area. */
.vhs-player .archive-stage{container-type:size;background:transparent;border:0;box-shadow:none}
.vhs-screen{position:relative;box-sizing:border-box;flex:none;width:min(100cqw,calc(100cqh * 16 / 9));aspect-ratio:16/9;background:#020304;overflow:hidden;box-shadow:0 0 0 1px #b8c3c21f}
.case-media .vhs-screen>video,.case-focus.film-entry .vhs-screen>video:first-child{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;margin:0;display:block;box-shadow:none}
.vhs-screen .vhs-osd{top:clamp(12px,2.5cqh,24px);left:clamp(16px,3cqw,32px);z-index:1}

.orbit-info{position:absolute;inset:calc(var(--archive-pad) + 88px) var(--archive-pad) 65px;display:flex;justify-content:space-between;align-items:center;gap:40%;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .3s,transform .3s,visibility .3s}
body[data-case-state=focused] .orbit-info{opacity:1;visibility:visible;transform:none}
.orbit-info section{box-sizing:border-box;width:min(24%,290px);max-height:100%;overflow:auto;flex-shrink:0;padding:20px 0;line-height:1.8;font-size:clamp(10px,.85vw,12px);color:#d1d6d5;text-shadow:0 2px 12px #000;pointer-events:auto;scrollbar-width:thin}
.orbit-info h3{font:9px Plex,monospace;text-transform:uppercase;letter-spacing:.16em;color:#919d9e;margin:26px 0 10px}.orbit-info h3:first-child{margin-top:0}.orbit-info-links{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.orbit-info a{color:#dce4e2;text-decoration:none;border-bottom:1px solid #dbe4e33d}.orbit-info a:hover{color:white;border-color:white}.orbit-info a:focus-visible{outline:1px solid white;outline-offset:4px}
@media(max-width:800px){.orbit-info{inset:auto 18px 18px;max-height:28svh;gap:20px;align-items:flex-start;overflow:auto;background:linear-gradient(transparent,#060a0fe8 16%);padding-top:20px}.orbit-info section{width:calc(50% - 10px);max-height:none;overflow:visible;font-size:10px;padding:0 0 12px}.orbit-info h3{margin-top:16px}}

/* Fullscreen retains transport and chapter controls. */
.case-focus .case-media:fullscreen{inset:0;box-sizing:border-box;width:100%;height:100%;padding:16px;background:#020304;display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:10px}
@media(pointer:coarse){#case-pages button,#case-pages summary,.focus-bar button,.archive-controls button,.archive-strip button{min-height:44px;box-sizing:border-box}#case-pages summary{display:flex;align-items:center}.orbit-info a{padding:6px 0}.case-focus .focus-bar{flex-wrap:wrap;gap:8px}.case-focus .focus-bar h2{max-width:100%;flex:1 1 100%;font-size:24px}.case-focus.show-media .focus-bar h2{flex:1;max-width:65%}}
@media(max-height:500px) and (pointer:coarse){.case-focus.show-media .case-media{inset:60px 12px 8px;gap:4px}.archive-strip{min-height:32px}.archive-strip button{min-height:32px}.vhs-player .archive-controls{padding:3px;gap:3px}.vhs-player input[type=range]{order:0;flex-basis:80px}.vhs-time{order:0}.orbit-info{max-height:24svh}}

/* Phone-only composition: object above independently scrolling project notes. */
@media(pointer:coarse) and (max-width:1000px){
 html,body{background:#05090d;overscroll-behavior:none;touch-action:manipulation;width:100%;height:100%;overflow:hidden}
 .case-focus{height:100dvh;box-sizing:border-box}
 .case-focus .focus-bar{top:max(14px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding-bottom:8px}
 .case-focus .focus-bar h2{grid-column:1/-1;width:auto;max-width:100%;font-size:25px;max-height:2em;margin:0}
 .case-focus .focus-bar button{min-width:0;padding:8px 0;min-height:40px;font-size:10px;justify-self:start}
 .case-focus .focus-bar [data-close]{justify-self:end}
 .case-focus.show-media .focus-bar h2{grid-column:1;max-width:100%;font-size:24px}
 .case-focus.show-media .focus-bar [data-close]{grid-column:2;grid-row:1}
 .focus-bar button:focus:not(:focus-visible){outline:none}
 .orbit-info{inset:auto max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));height:29dvh;max-height:29dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start;overflow-y:auto;overflow-x:hidden;padding:14px 0 0;background:linear-gradient(#05090d33,#05090deb 14%);touch-action:pan-y;overscroll-behavior:contain}
 .orbit-info section{width:auto;min-width:0;max-width:100%;padding:0 0 20px;font-size:10px;overflow-wrap:anywhere;line-height:1.65}
 .orbit-info h3{margin:14px 0 7px}.orbit-info a{max-width:100%;box-sizing:border-box}
 .case-focus.show-media .case-media{inset:76px max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));gap:8px;min-width:0}
 .vhs-screen{width:min(100cqw,calc(100cqh * var(--film-ratio,1.777778)));aspect-ratio:var(--film-ratio,1.777778)}
 .vhs-player .archive-controls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;padding:5px;min-width:0}
 .vhs-player .archive-controls button{font-size:9px;padding:4px 2px;min-width:0;min-height:40px;white-space:nowrap}
 .vhs-player .archive-controls .archive-count{grid-column:1/4;grid-row:2;text-align:center}
 
 .vhs-player input[type=range]{grid-column:1/-1;grid-row:3;order:0;width:100%;min-width:0;margin:4px 0;box-sizing:border-box}
 .vhs-player .vhs-time{grid-column:1/-1;grid-row:4;text-align:center;font-size:9px}
 .archive-strip{max-width:100%;min-width:0;justify-content:flex-start}.archive-strip button{min-height:40px;padding:4px 7px;font-size:9px}
 .version-toggle{top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right))}
}
@media(pointer:coarse) and (max-width:1000px) and (max-height:500px){.orbit-info{height:27dvh;max-height:27dvh}.case-focus.show-media .case-media{inset:58px 12px max(6px,env(safe-area-inset-bottom))}.vhs-player .archive-controls{grid-template-columns:repeat(9,minmax(0,1fr))}.vhs-player .archive-controls .archive-count{grid-column:auto;grid-row:1}.vhs-player .archive-controls button{min-height:32px}.vhs-player input[type=range]{grid-row:2;grid-column:1/8}.vhs-player .vhs-time{grid-row:2;grid-column:8/10}.archive-strip button{min-height:30px}}
@media(pointer:coarse) and (max-width:1000px){body[data-case-state=focused] .orbit-info{pointer-events:auto}button,a,summary,input{touch-action:manipulation}}
/* Draw transport marks independently of font glyph baselines. */
.transport-play,.vhs-osd{display:inline-flex;align-items:center;gap:.65em;line-height:1}
.transport-play::before,.vhs-osd::after{content:'';display:none;width:.7em;height:.8em;box-sizing:border-box;flex:none}
.transport-play[data-icon=play]::before,.vhs-osd[data-icon=play]::after{display:block;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}
.transport-play[data-icon=pause]::before,.vhs-osd[data-icon=pause]::after{display:block;border-left:.23em solid currentColor;border-right:.23em solid currentColor}
@media(pointer:coarse) and (max-width:1000px){
 .case-focus .focus-bar{grid-template-columns:minmax(0,1fr) auto auto;column-gap:10px}
 .case-focus .focus-bar h2{grid-column:1;grid-row:1;min-width:0;max-width:100%;max-height:3em;align-self:center;font-size:clamp(18px,5vw,25px);overflow-wrap:anywhere}
 .case-focus .focus-bar [data-open]{grid-column:2;grid-row:1;justify-self:end;font-size:9px;letter-spacing:.03em}
 .case-focus .focus-bar [data-close]{grid-column:3;grid-row:1;justify-self:end;font-size:9px;letter-spacing:.03em}
 .case-focus.show-media .focus-bar{grid-template-columns:minmax(0,1fr) auto}.case-focus.show-media .focus-bar h2{grid-column:1;grid-row:1}.case-focus.show-media .focus-bar [data-close]{grid-column:2;grid-row:1;justify-self:end}
 .case-focus button{-webkit-tap-highlight-color:transparent}
 .case-focus .archive-controls button:hover,.case-focus .archive-strip button:hover{background:transparent}
 .case-focus button:focus:not(:focus-visible){outline:none;box-shadow:none}
 .archive-strip{scrollbar-width:none;-ms-overflow-style:none}.archive-strip::-webkit-scrollbar{display:none;width:0;height:0}
 .vhs-player .archive-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px 4px;padding:8px 10px}
 .vhs-player .archive-controls button{display:flex;align-items:center;justify-content:center;min-height:40px;padding:4px 0}
 .vhs-player .archive-controls .transport-play{grid-column:1;grid-row:1;justify-content:center}
 .vhs-player .archive-controls .transport-rewind{grid-column:2;grid-row:1}
 .vhs-player .archive-controls .transport-sound{grid-column:3;grid-row:1}
 .vhs-player .archive-controls button.transport-full{grid-column:4;grid-row:1}
 .vhs-player .archive-controls .transport-prev{grid-column:1;grid-row:2}
 .vhs-player .archive-controls .archive-count{grid-column:2;grid-row:2;align-self:center}
 .vhs-player .archive-controls .vhs-time{grid-column:3;grid-row:2;align-self:center}
 .vhs-player .archive-controls .transport-next{grid-column:4;grid-row:2}
 .vhs-player .archive-controls input[type=range]{grid-column:1/-1;grid-row:3;margin:3px 0 6px}
 .vhs-player .archive-controls button,.vhs-player .archive-controls .archive-count,.vhs-player .archive-controls .vhs-time{font-family:Plex,monospace;font-size:clamp(8px,2.1vw,10px);font-weight:400;line-height:1.2;letter-spacing:0;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}
}

@media(pointer:coarse) and (max-width:1000px){
 .vhs-player .archive-controls{display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:8px 10px}
 .vhs-player .archive-controls .transport-row{display:flex;align-items:center;justify-content:center;gap:clamp(16px,6vw,28px);width:100%;min-width:0;min-height:40px}
 .vhs-player .archive-controls .transport-row>*{flex:0 0 auto;min-width:0;margin:0}
 .vhs-player .archive-controls .transport-row button{width:auto;padding:4px 0}
 .vhs-player .archive-controls>input[type=range]{flex:none;width:100%;order:0;margin:3px 0 6px}
}

/* Keep the object scale; spend the description panel's space on its top inset. */
@media(pointer:coarse) and (max-width:1000px){
 .case-focus .orbit-info{box-sizing:border-box;height:calc(29dvh + 14px);max-height:calc(29dvh + 14px);padding:38px 0 8px;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;align-content:start;scrollbar-width:none}
 .case-focus .orbit-info::-webkit-scrollbar{display:none}
 .case-focus .orbit-info section{max-height:none;overflow:visible;min-height:0;padding-bottom:8px}
}
@media(pointer:coarse) and (max-width:1000px) and (max-height:500px){.case-focus .orbit-info{height:calc(27dvh + 14px);max-height:calc(27dvh + 14px);padding-top:26px}}

.orbit-info-scroll{display:contents}
/* The background keeps its own gradient; only the scrolling text is masked. */
@media(pointer:coarse) and (max-width:1000px){
 .case-focus .orbit-info{display:block;padding:54px 0 0;overflow:hidden}
 .case-focus .orbit-info-scroll{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;gap:18px;box-sizing:border-box;height:100%;min-height:0;padding:20px 0 28px;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;overscroll-behavior-y:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 20px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to bottom,transparent,#000 20px,#000 calc(100% - 24px),transparent)}
 .case-focus .orbit-info-scroll::-webkit-scrollbar{display:none}
}
@media(pointer:coarse) and (max-width:1000px) and (max-height:500px){.case-focus .orbit-info{padding-top:34px}}

/* Reveal the masthead from loading rather than switching visibility alone. */
body>header{transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1),visibility .6s;transform:translateY(0)}
body.entry-pending>header{opacity:0;transform:translateY(12px);pointer-events:none}
#case-pages section{width:clamp(230px,29vw,380px);min-width:0;box-sizing:border-box;grid-template-columns:minmax(0,1fr) 32px 52px 32px;gap:12px 8px;padding-top:16px;align-items:center}
#case-pages section>span:first-child{font-size:26px;letter-spacing:.025em}
#case-pages section>button:nth-child(2){grid-column:2}
#case-pages section>span:nth-child(3){grid-column:3;text-align:center;white-space:nowrap}
#case-pages section>button:nth-child(4){grid-column:4}
#case-pages summary{display:flex;align-items:center;gap:9px;min-height:36px;padding:0;box-sizing:border-box}
#case-pages summary::after{content:'';width:12px;height:10px;flex:none;background:linear-gradient(currentColor,currentColor) 0 0/100% 1px,linear-gradient(currentColor,currentColor) 0 50%/100% 1px,linear-gradient(currentColor,currentColor) 0 100%/100% 1px;background-repeat:no-repeat;opacity:.8}
#case-pages details[open] summary{color:#fff}
#case-pages section>button{padding:0;min-width:0}
@media(max-width:700px){
 #case-pages{gap:18px}
 #case-pages section{width:calc(50% - 9px);max-width:none;grid-template-columns:minmax(0,1fr) 28px 42px 28px;gap:6px 0;padding-top:12px}
 #case-pages section>span:first-child{font-size:22px}
 #case-pages details{grid-column:1/-1;grid-row:2}
 #case-pages section>button,#case-pages section>span:not(:first-child){grid-row:3}
 #case-pages summary{min-height:30px}
}

/* One spacing unit links the masthead inset and all three footer gaps. */
:root{--studio-space:24px}
body>header{top:var(--studio-space)}
#case-pages{bottom:var(--studio-space)}
#case-pages section{padding-top:var(--studio-space);row-gap:var(--studio-space)}
#case-pages section>span:first-child{line-height:1}
#case-pages summary,#case-pages section>button{min-height:12px;line-height:12px;padding-top:0;padding-bottom:0}
#case-pages section>span:not(:first-child){line-height:12px}
@media(max-width:700px){
 :root{--studio-space:18px}
 #case-pages{bottom:max(var(--studio-space),env(safe-area-inset-bottom))}
 #case-pages section{grid-template-columns:minmax(0,1fr) 22px 34px 22px;column-gap:2px;row-gap:var(--studio-space);padding-top:var(--studio-space)}
 #case-pages details{grid-column:1;grid-row:2}
 #case-pages section>button,#case-pages section>span:not(:first-child){grid-row:2}
 #case-pages summary{font-size:8px;gap:5px;min-height:12px}
 #case-pages summary::after{width:10px;height:8px}
 #case-pages section>span:not(:first-child){font-size:9px}
}

/* Reserve the toggle's full width before sizing the mobile masthead. */
@media(max-width:600px){
 body>header{left:18px;right:188px;top:18px;min-width:0}
 body>header>span{max-width:100%;width:100%;gap:7px}
 header .archive-name{font-size:clamp(10px,3.2vw,18px);white-space:nowrap}
 header .archive-subtitle{font-size:8px;line-height:1.6;letter-spacing:.07em;overflow-wrap:normal}
}