/* WTC 7 uses the same exhibit rhythm as the towers: masthead, unobstructed
   model, then one caption and transport. The drawing explorer keeps its CSS. */
body[data-wtc7-study="true"] {
  --story-head:74px;
  --story-viewport-height:100vh;
  --story-paper:#f0eae0;
  --story-rule:#2c3e47;
  --story-model-min:clamp(120px,30dvh,220px);
  position:fixed;
  inset:0 0 auto;
  height:calc(var(--story-viewport-height) - env(safe-area-inset-bottom,0px));
  display:grid;
  grid-template-rows:var(--story-head) minmax(0,1fr);
  overflow:hidden;
}
@supports(height:100dvh){body[data-wtc7-study="true"]{--story-viewport-height:100dvh}}
body[data-wtc7-study="true"] :is(#fire-timeline,#collapse-timing,#cinematic-closing,#cinematic-contract,#cinematic-toolbar,#cinematic-caption,#cinematic-handoff,#cinematic-replay-step,#cinematic-replay)[hidden] {display:none!important}
body[data-wtc7-study="true"] .masthead {position:relative;grid-row:1;min-width:0;height:var(--story-head);z-index:25}
body[data-wtc7-study="true"] .masthead>nav {align-items:center;gap:12px;min-width:0}
body[data-wtc7-study="true"] .masthead>nav>a[aria-current] {display:none}
body[data-wtc7-study="true"] main {
  position:relative;grid-row:2;display:grid;height:100%;min-height:0;padding:0;
  grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(120px,1fr) auto;overflow:hidden;
}
body[data-wtc7-study="true"] main .stage {grid-column:1;grid-row:1;min-height:120px;height:auto;order:0;min-width:0}
/* Override the former card- and caption-dependent camera insets together. */
body[data-wtc7-study="true"] main .stage #viewport {inset:0!important}
body[data-wtc7-study="true"] main .stage-heading {top:18px;left:24px;right:72px}
body[data-wtc7-study="true"] main .stage-heading .eyebrow {font-size:9px;opacity:.75}
body[data-wtc7-study="true"] main .stage .viewport-actions {top:18px!important;left:auto!important;right:18px!important}
body[data-wtc7-study="true"] main .north-indicator {bottom:16px;left:24px}
/* Detailed member IDs belong to inspection; a few teaching labels identify
   the floor, support and direction named in the current caption. */
body[data-wtc7-study="true"][data-wtc7-view-mode="sequence"] #nist-member-labels {display:none!important}
body[data-wtc7-study="true"] .stage[data-bearing-only="true"] #viewport {visibility:hidden}
body[data-wtc7-study="true"] .stage[data-bearing-shot="true"] :is(#nist-member-labels,#cinematic-labels,.stage-heading,.north-indicator,#reset-view) {visibility:hidden}

/* Navigation is in the masthead's native disclosure, never a second toolbar. */
body[data-wtc7-study="true"] #cinematic-menu {position:relative;min-width:0}
body[data-wtc7-study="true"] #cinematic-menu>summary {
  display:flex;align-items:center;gap:5px;min-height:44px;padding:0 4px;
  list-style:none;cursor:pointer;font-size:13px;white-space:nowrap;color:#c1d1d9;
}
body[data-wtc7-study="true"] #cinematic-menu>summary::-webkit-details-marker {display:none}
body[data-wtc7-study="true"] #cinematic-menu>summary>span:last-child {margin-left:7px;font-size:16px;color:#9bb4c0}
body[data-wtc7-study="true"] #cinematic-menu[open]>summary {color:var(--story-paper)}
body[data-wtc7-study="true"] .cinematic-menu-panel {
  position:fixed;top:calc(var(--story-head) + 6px);right:16px;
  width:min(370px,calc(100vw - 28px));max-height:calc(var(--story-viewport-height) - var(--story-head) - 24px);
  overflow:auto;overscroll-behavior:contain;padding:18px;background:#101d26;border:1px solid #344953;box-shadow:0 18px 48px #0006;
}
body[data-wtc7-study="true"] #cinematic-toolbar {position:static;inset:auto;display:flex;align-items:stretch;flex-direction:column;gap:12px;padding:0 0 12px;border:0;border-bottom:1px solid #30434d}
body[data-wtc7-study="true"] #cinematic-toolbar>div {display:flex;flex-direction:row;gap:12px;align-items:center}
body[data-wtc7-study="true"] #cinematic-toolbar>div:first-child {font-size:9px;letter-spacing:.1em}
body[data-wtc7-study="true"] .cinematic-building {font-size:21px;border:0;padding:0}
body[data-wtc7-study="true"] #cinematic-toolbar button {width:100%;padding:0;min-height:38px;border:0;background:none;text-align:left;font-size:13px}
body[data-wtc7-study="true"] #nist-chapters {display:none}
body[data-wtc7-study="true"] #cinematic-menu[open] #nist-chapters {display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:8px 0 0;overflow:visible}
body[data-wtc7-study="true"] #nist-chapters button {min-height:40px;padding:9px 0;border:0;white-space:normal;text-align:left;font-size:13px;line-height:1.4}
body[data-wtc7-study="true"] #nist-chapters button[aria-current="step"],
body[data-wtc7-study="true"] #nist-chapters button[aria-pressed="true"] {color:var(--story-paper);text-decoration:underline;text-underline-offset:5px}

body[data-wtc7-study="true"] #nist-transport {
  position:relative;inset:auto;grid-row:2;grid-column:1;order:2;display:flex;flex-direction:column;
  min-height:0;min-width:0;overflow:hidden;z-index:15;background:#0c161d;border-top:1px solid var(--story-rule);
  padding:8px max(24px,calc((100% - 1040px)/2)) 8px;
  max-height:calc(var(--story-viewport-height) - env(safe-area-inset-bottom,0px) - var(--story-head) - var(--story-model-min));
}
body[data-wtc7-study="true"] #cinematic-caption {
  position:relative;inset:auto;flex:0 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;
  padding:0 0 4px;margin:0;background:none;border:0;
}
body[data-wtc7-study="true"] .cinematic-caption-meta {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 16px;min-height:24px;color:#a3bbc6;font:10px/1.4 ui-monospace,Menlo,monospace;letter-spacing:.06em}
body[data-wtc7-study="true"] #cinematic-kicker {min-width:0;overflow-wrap:anywhere}
body[data-wtc7-study="true"] #cinematic-step {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body[data-wtc7-study="true"] .cinematic-beat-navigation {display:flex;align-items:center;gap:2px;min-width:0;max-width:142px}
body[data-wtc7-study="true"] #cinematic-caption[data-state-count="1"] .cinematic-beat-navigation {display:none}
body[data-wtc7-study="true"] .cinematic-beat-navigation button {height:26px;min-height:26px;min-width:26px;padding:0;border:0;background:none;color:#a9c4d0;font-size:20px}
body[data-wtc7-study="true"] #cinematic-beat-picker {height:26px;min-height:26px;min-width:0;max-width:86px;width:100%;padding:0 3px;border:0;border-radius:0;background:#0c161d;color:#a9c4d0;font:12px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-overflow:ellipsis;cursor:pointer}
body[data-wtc7-study="true"] #cinematic-title {min-height:0;margin:1px 0 5px;font:400 clamp(23px,2.3vw,29px)/1.14 "Iowan Old Style",Baskerville,Georgia,serif;letter-spacing:-.025em;color:var(--story-paper);text-wrap:balance}
body[data-wtc7-study="true"] #cinematic-copy {min-height:0;max-width:76ch;margin:0;color:#bccbd2;font-size:16px;line-height:1.45;text-wrap:pretty}
body[data-wtc7-study="true"] .cinematic-caption-foot {display:flex;align-items:center;gap:8px;margin-top:5px}
body[data-wtc7-study="true"] .cinematic-caption-foot>div:first-child {display:flex;align-items:center;flex-wrap:wrap;gap:3px 12px;min-width:0}
body[data-wtc7-study="true"] #cinematic-key {min-height:0;flex-direction:row;align-items:center;font-size:11px;line-height:1.35;gap:3px 12px;margin:0}
body[data-wtc7-study="true"] #cinematic-key>span {gap:5px}
body[data-wtc7-study="true"] #cinematic-key>span::before {width:12px;height:2px}
body[data-wtc7-study="true"] #cinematic-visual-label {font-size:10px;line-height:1.35;color:#829ca8}
body[data-wtc7-study="true"] .cinematic-replay-actions {flex-direction:row;align-items:center;gap:8px;margin-left:auto}
body[data-wtc7-study="true"] #cinematic-replay-step,
body[data-wtc7-study="true"] #cinematic-replay {min-height:26px;padding:0;border:0;background:none;font-size:11px;color:#a9c4d0}
body[data-wtc7-study="true"] #cinematic-replay-step {min-width:26px;font-size:18px}
body[data-wtc7-study="true"] #cinematic-replay-step[data-context="true"] {font-size:11px;white-space:nowrap}
body[data-wtc7-study="true"] #cinematic-contract {margin:9px 0 0;color:#91aab6;font-size:12px;line-height:1.6}
body[data-wtc7-study="true"] #cinematic-handoff {margin:5px 0 0;min-height:0;color:#9fb8c3;font-size:12px;line-height:1.4}
body[data-wtc7-study="true"] #cinematic-closing {display:flex;flex-wrap:wrap;gap:5px 16px;margin:6px 0 0;padding-top:6px;border-top:1px solid var(--story-rule);font-size:12px;line-height:1.4}
body[data-wtc7-study="true"] #cinematic-closing a {text-underline-offset:4px}

/* Evidence keys belong to the reading area, below the caption. */
body[data-wtc7-study="true"] .cinematic-context-strip:has(>section:not([hidden])) {margin-top:5px;padding-top:5px;border-top:1px solid var(--story-rule)}
body[data-wtc7-study="true"] :is(#fire-timeline,#collapse-timing) {position:static;inset:auto;width:100%;max-width:none;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none}
body[data-wtc7-study="true"] #fire-timeline {display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,1fr);column-gap:28px;align-items:center}
body[data-wtc7-study="true"] #fire-timeline>div:first-child {grid-column:1;grid-row:1;justify-content:flex-start;gap:16px}
body[data-wtc7-study="true"] #fire-timeline>div:first-child>span {max-width:none;font-size:8px}
body[data-wtc7-study="true"] #fire-clock {font-size:19px}
body[data-wtc7-study="true"] #fire-timeline label {display:block;grid-column:2;grid-row:1;margin:0;font-size:10px}
body[data-wtc7-study="true"] #fire-time {grid-column:2;grid-row:2;margin:2px 0;height:18px}
body[data-wtc7-study="true"] .fire-ticks {grid-column:2;grid-row:3;font-size:9px}
body[data-wtc7-study="true"] #fire-current-note {display:block;grid-column:1;grid-row:2/4;margin:4px 0 0;font-size:10px;line-height:1.4;max-width:56ch}
body[data-wtc7-study="true"] #collapse-timing>p {display:none}
body[data-wtc7-study="true"] #collapse-timing ol {grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body[data-wtc7-study="true"] #collapse-timing li {display:flex;align-items:center;gap:9px;padding-left:9px}
body[data-wtc7-study="true"] #collapse-timing b {font-size:18px;white-space:nowrap}
body[data-wtc7-study="true"] #collapse-timing span {font-size:10px;line-height:1.4}
body[data-wtc7-study="true"] #collapse-timing small {display:inline-block;margin-top:3px;font-size:9px}
body[data-wtc7-study="true"] #collapse-timing a {display:inline-block;float:none;margin-left:15px;font-size:9px}

body[data-wtc7-study="true"] .nist-transport-main {flex:none;display:flex;align-items:center;gap:12px;height:auto;min-height:40px;padding-top:2px}
body[data-wtc7-study="true"] .nist-transport-main button {min-height:40px;padding:0;border:0;background:none;color:#a9c4d0}
body[data-wtc7-study="true"] #cinematic-previous-chapter {min-width:28px;font-size:24px}
body[data-wtc7-study="true"] #cinematic-next-chapter {max-width:28%;font-size:13px;line-height:1.3;text-align:right;white-space:normal}
body[data-wtc7-study="true"] .nist-transport-buttons {flex:none;display:flex}
body[data-wtc7-study="true"] .nist-transport-buttons #nist-play-toggle {width:auto;min-width:76px;height:40px;min-height:40px;padding:0 12px;border-radius:4px;background:#b3ccd5;color:#0b161e;font-size:12px;white-space:nowrap}
body[data-wtc7-study="true"] #nist-play-toggle span {display:inline}
body[data-wtc7-study="true"] #cinematic-evidence {flex:none;font-size:12px;white-space:nowrap}
body[data-wtc7-study="true"] #cinematic-evidence[aria-expanded="true"] {color:var(--story-paper);text-decoration:underline;text-underline-offset:4px}
body[data-wtc7-study="true"] .nist-progress-wrap {position:relative;flex:1;min-width:36px;gap:0;padding-top:0}
body[data-wtc7-study="true"] #nist-beat-label {display:none}
body[data-wtc7-study="true"] #nist-play-progress {height:18px;margin:0;accent-color:#b3ccd5}
body[data-wtc7-study="true"] #cinematic-story-markers {position:absolute;left:7px;right:7px;top:6px;height:5px;pointer-events:none}
body[data-wtc7-study="true"] #cinematic-story-markers i {position:absolute;width:1px;height:4px;background:#5b717c}
body[data-wtc7-study="true"] #cinematic-progress-status {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body[data-wtc7-study="true"] :is(#nist-play-readout,.nist-pace-note) {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body[data-wtc7-study="true"] :is(button,select,summary,a):focus-visible {outline:2px solid #b3ccd5;outline-offset:3px}
body[data-wtc7-study="true"] button:disabled {opacity:.35;cursor:default}

/* The afternoon clock is the fire chapter's only progression control. Its two
   captions follow the clock; they do not need a second beat picker or slider. */
body[data-wtc7-study="true"][data-wtc7-fire-timeline="true"] :is(.nist-progress-wrap,.cinematic-beat-navigation,#nist-play-readout,.nist-pace-note) {display:none}
body[data-wtc7-study="true"][data-wtc7-fire-timeline="true"] .nist-transport-buttons {margin-right:auto}

/* The evidence drawer scrolls independently; its toggle stays in the footer. */
body[data-wtc7-study="true"][data-wtc7-evidence="true"] main {grid-template-columns:340px minmax(0,1fr)}
body[data-wtc7-study="true"][data-wtc7-evidence="true"] #building-controls {display:block;grid-column:1;grid-row:1/3;position:relative;inset:auto;order:0;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;padding:22px}
body[data-wtc7-study="true"][data-wtc7-evidence="true"] main .stage,
body[data-wtc7-study="true"][data-wtc7-evidence="true"] #nist-transport {grid-column:2}
body[data-wtc7-study="true"][data-wtc7-evidence="true"] #nist-transport {padding-inline:24px}

@media(max-width:800px){
  body[data-wtc7-study="true"] {--story-head:60px}
  body[data-wtc7-study="true"] .masthead {padding-inline:16px}
  body[data-wtc7-study="true"] .masthead>nav {gap:5px}
  body[data-wtc7-study="true"] .masthead>nav>a {display:none}
  body[data-wtc7-study="true"] .masthead>nav>a.wtc7-construction-link {display:block}
  body[data-wtc7-study="true"] .cinematic-menu-building {display:none}
  body[data-wtc7-study="true"] #cinematic-menu>summary {font-size:12px}
  body[data-wtc7-study="true"] #nist-transport {padding:7px 16px 6px}
  body[data-wtc7-study="true"] #cinematic-caption {padding-bottom:3px}
  body[data-wtc7-study="true"] .cinematic-caption-meta {gap:3px 8px;font-size:10px;letter-spacing:.02em}
  body[data-wtc7-study="true"] #cinematic-title {font-size:23px;line-height:1.14}
  body[data-wtc7-study="true"] #cinematic-copy {font-size:15px;line-height:1.45}
  body[data-wtc7-study="true"] .cinematic-caption-foot {gap:6px}
  body[data-wtc7-study="true"] #cinematic-key {font-size:11px;gap:3px 10px}
  body[data-wtc7-study="true"] #cinematic-contract,
  body[data-wtc7-study="true"] #cinematic-handoff {font-size:11px;line-height:1.5}
  body[data-wtc7-study="true"] #cinematic-closing {font-size:12px;gap:4px 12px;margin-top:5px;padding-top:5px}
  body[data-wtc7-study="true"] #fire-timeline {grid-template-columns:minmax(0,1fr);gap:0}
  body[data-wtc7-study="true"] #fire-timeline>div:first-child {grid-column:1;grid-row:1;justify-content:space-between}
  body[data-wtc7-study="true"] #fire-clock {font-size:18px}
  body[data-wtc7-study="true"] #fire-timeline label {display:none}
  body[data-wtc7-study="true"] #fire-time {grid-column:1;grid-row:2;margin-top:2px}
  body[data-wtc7-study="true"] .fire-ticks {grid-column:1;grid-row:3;font-size:8px}
  body[data-wtc7-study="true"] #fire-current-note {grid-column:1;grid-row:4;font-size:10px;margin-top:3px}
  body[data-wtc7-study="true"] #collapse-timing ol {gap:8px}
  body[data-wtc7-study="true"] #collapse-timing li {display:block;padding-left:6px}
  body[data-wtc7-study="true"] #collapse-timing b {display:block;font-size:17px;margin:0 0 2px}
  body[data-wtc7-study="true"] #collapse-timing span {font-size:9px;line-height:1.3}
  body[data-wtc7-study="true"] #collapse-timing small {font-size:9px}
  body[data-wtc7-study="true"] #collapse-timing a {margin-left:6px;font-size:9px}
  body[data-wtc7-study="true"] .nist-transport-main {display:grid;grid-template-columns:28px auto minmax(48px,1fr) minmax(80px,1.5fr);grid-template-rows:auto auto;gap:1px 8px;min-height:0;padding-top:1px}
  body[data-wtc7-study="true"] .nist-progress-wrap {grid-column:1/-1;grid-row:1;min-width:0}
  body[data-wtc7-study="true"] #nist-beat-label {white-space:normal;overflow-wrap:anywhere;font-size:9px}
  body[data-wtc7-study="true"] #cinematic-previous-chapter {grid-column:1;grid-row:2}
  body[data-wtc7-study="true"] .nist-transport-buttons {grid-column:2;grid-row:2}
  body[data-wtc7-study="true"] #cinematic-evidence {grid-column:3;grid-row:2;min-width:0;font-size:11px}
  body[data-wtc7-study="true"] #cinematic-next-chapter {grid-column:4;grid-row:2;max-width:none;font-size:11px;overflow-wrap:anywhere}
  body[data-wtc7-study="true"][data-wtc7-fire-timeline="true"] .nist-transport-main {display:flex;gap:8px}
  body[data-wtc7-study="true"] main .stage-heading {top:12px;left:16px}
  body[data-wtc7-study="true"] main .north-indicator {left:16px;bottom:12px}
  body[data-wtc7-study="true"] main .stage .viewport-actions {right:12px!important;top:12px!important}
  body[data-wtc7-study="true"][data-wtc7-evidence="true"] main {height:100%;grid-template-columns:minmax(0,1fr)}
  body[data-wtc7-study="true"][data-wtc7-evidence="true"] #building-controls {grid-column:1;grid-row:1;width:100%;height:100%;max-height:none;border:0;z-index:12;padding:18px}
  body[data-wtc7-study="true"][data-wtc7-evidence="true"] main .stage {grid-column:1;grid-row:1;min-height:120px;height:auto}
  body[data-wtc7-study="true"][data-wtc7-evidence="true"] #nist-transport {grid-column:1;padding-inline:16px}
}
@media(max-height:480px){
  body[data-wtc7-study="true"] {--story-head:54px;--story-model-min:120px}
  body[data-wtc7-study="true"] .masthead {height:54px}
  body[data-wtc7-study="true"] #nist-transport {padding-block:5px}
  body[data-wtc7-study="true"] #cinematic-title {min-height:0;font-size:21px}
  body[data-wtc7-study="true"] #cinematic-copy {min-height:0;font-size:14px;line-height:1.4}
  body[data-wtc7-study="true"] #cinematic-caption {padding-bottom:3px}
  body[data-wtc7-study="true"] .cinematic-caption-meta {min-height:26px}
  body[data-wtc7-study="true"] .cinematic-beat-navigation button,
  body[data-wtc7-study="true"] #cinematic-beat-picker {height:26px;min-height:26px}
  body[data-wtc7-study="true"] #cinematic-handoff[hidden] {display:none!important}
}
@media(min-width:560px) and (max-width:800px){
  body[data-wtc7-study="true"] .nist-transport-main {display:flex;gap:10px;min-height:40px}
  body[data-wtc7-study="true"] #cinematic-next-chapter {max-width:28%}
}

body[data-wtc7-study="true"] .cinematic-menu-panel .cinematic-complex-link {display:block;min-height:44px;padding:14px 0 0;margin-top:12px;border-top:1px solid #30434d;font-size:13px;text-align:left}