/* Clarity pass: retain the brand, make the story and controls readable. */
:root { --ink-faint: #9aabc1; }
html { scroll-padding-top: calc(var(--header-h) + 24px); }
summary { cursor: pointer; }
summary:focus-visible { outline: 2px solid var(--cyan); outline-offset: 6px; }
.btn, .ctl, .loop-tab, .chapter-btn, .site-nav a, .header-cta { font-size: 14px; }
.btn, .ctl { min-height: 44px; white-space: normal; }
.artifact-bar { flex-wrap: wrap; min-height: 48px; height: auto; font-size: 12px; line-height: 1.5; }
.artifact-bar b { font-size: 12px; }
.tag-strip, .page-hero-kicker, .section-meta, .readout span { font-size: 12px; line-height: 1.6; }

/* One ordinary hero, followed immediately by the product explanation. */
.corridor-wrap { height: auto; }
.corridor-pin { position: relative; height: auto; min-height: min(860px,100svh); overflow: visible; }
.corridor-copy { max-width: 1000px; padding-block: calc(var(--header-h) + 72px) 70px; }
.corridor-copy h1 { font-size: clamp(36px,4.3vw,62px); }
.corridor-copy h1 strong { color: var(--ink-dim); }
.hero-kicker { font-size: 12px; line-height: 1.6; }
.hero-cat { max-width: 64ch; font-size: 17px; line-height: 1.6; }
.hero-readouts, .corridor-phase, .corridor-scroll-cue { display: none; }

/* The existing loop now has direct controls, stable selection, and natural height. */
.rx-js .response-loop[data-loop-mode="select"] { height: auto; padding: 64px 0; }
.rx-js .response-loop[data-loop-mode="select"] .response-loop-pin { position: relative; height: auto; padding: 0; overflow: visible; }
.rx-js .response-loop[data-loop-mode="select"] .response-layout { display: grid; height: auto; grid-template-columns: minmax(0,1fr) minmax(0,1.1fr); grid-template-rows: auto; gap: 36px; align-items: start; }
.response-loop[data-loop-mode="select"] .response-narrative { display: block; }
.response-loop[data-loop-mode="select"] .response-narrative > h2 { max-width: 23ch; font-size: clamp(28px,3vw,42px); }
.response-loop[data-loop-mode="select"] .response-deck { font-size: 16px; line-height: 1.6; }
.rx-js .response-loop[data-loop-mode="select"] .response-beats { display: block; position: relative; min-height: 0; background: transparent; margin: 24px 0 0; }
.rx-js .response-loop[data-loop-mode="select"] .response-beat { display: none; position: relative; inset: auto; opacity: 1; transform: none; pointer-events: auto; padding: 14px 0 0 16px; }
.rx-js .response-loop[data-loop-mode="select"] .response-beat.is-active { display: block; }
.response-beat > span { font-size: 12px; }
.response-loop[data-loop-mode="select"] .response-beat p { font-size: 16px; line-height: 1.6; }
.response-loop[data-loop-mode="select"] .response-nav { display: grid; }
.response-nav { gap: 6px; padding: 0; border: 0; background: transparent; }
.response-nav button { min-height: 56px; border: 1px solid var(--hairline); border-radius: 4px; padding: 8px; }
.response-nav button span { font-size: 12px; }
.response-nav button b { display: block; font-size: 14px; }
.response-loop[data-loop-mode="select"] .response-artifact { height: auto; min-height: 500px; grid-row: auto; }
.response-loop[data-loop-mode="select"] .response-field { min-height: 380px; }
.response-status-deck span, .response-status-deck b, .response-record-strip, .response-plain-language { font-size: 12px; line-height: 1.5; letter-spacing: .035em; }
.response-status-deck { grid-template-columns: repeat(2,minmax(0,1fr)); }
.response-record-strip { flex-wrap: wrap; height: auto; padding: 12px; }
.response-plain-language { margin: 18px 0 0; }

/* Deep exploration is optional. Its original reversible engine is preserved. */
.optional-exploration { border-block: 1px solid var(--hairline); }
.optional-exploration > summary { padding: 28px var(--shell-x); color: var(--ink); font-size: 20px; }
.optional-exploration > summary small { display: block; color: var(--ink-dim); margin-top: 6px; font-size: 14px; }
.optional-exploration[open] > summary { border-bottom: 1px solid var(--hairline); }
.continuum-nav button span, .continuum-posture span, .continuum-posture b { font-size: 12px; letter-spacing: .025em; }
.continuum-nav button b { font-size: 14px; white-space: normal; }
.continuum-nav button { min-height: 58px; }
.continuum-posture { flex-wrap: wrap; }

/* All three burden points are visible together; full exploration lives on Why Now. */
.cost-home-teaser[data-cost-layout="summary"] { height: auto; padding: 72px 0; }
.cost-home-teaser[data-cost-layout="summary"] .cost-home-pin { position: relative; height: auto; min-height: 0; padding: 0; overflow: visible; }
.cost-home-teaser[data-cost-layout="summary"] .cost-home-layout { grid-template-rows: auto; height: auto; min-height: 0; align-items: start; }
.cost-home-teaser[data-cost-layout="summary"] .cost-home-copy h2 { font-size: clamp(30px,4vw,54px); }
.cost-home-teaser[data-cost-layout="summary"] .cost-home-beats { min-height: 0; display: grid; gap: 20px; }
.cost-home-teaser[data-cost-layout="summary"] .cost-home-beat { visibility: visible; display: block; position: relative; inset: auto; opacity: 1; transform: none; pointer-events: auto; }
.cost-home-teaser[data-cost-layout="summary"] .cost-home-beat p { font-size: 16px; line-height: 1.6; }
.cost-home-beat small, .cost-home-status span, .cost-home-status b { font-size: 12px; line-height: 1.5; letter-spacing: .025em; }
.cost-home-teaser[data-cost-layout="summary"] .cost-home-progress { display: none; }
.cost-home-teaser[data-cost-layout="summary"] .cost-home-field { height: 440px; min-height: 0; }

/* A real contact action with a selectable address. */
.brief-contact { max-width: 820px; margin-top: 32px; padding: clamp(24px,5vw,56px); border: 1px solid var(--hairline); background: var(--bg-panel); }
.brief-contact h3 { font-size: clamp(28px,4vw,44px); margin-block: 12px 20px; }
.brief-contact p { max-width: 65ch; font-size: 17px; line-height: 1.65; color: var(--ink-dim); }
.brief-contact .btn { margin-top: 28px; }
.brief-contact-address { display: block; width: fit-content; margin-top: 20px; color: var(--cyan); font-size: 18px; overflow-wrap: anywhere; }
.brief-contact .brief-contact-note { font-size: 14px; margin-top: 16px; }

/* Let people run the comparison before inspecting identifiers and indices. */
.demo-hero { display: block; min-height: 0; padding-top: calc(var(--header-h) + 48px); padding-bottom: 40px; }
.demo-hero-copy { max-width: 960px; }
.demo-trace-disclosure { margin-top: 28px; border-block: 1px solid var(--hairline); }
.demo-trace-disclosure > summary { padding: 20px 0; font-size: 16px; color: var(--ink-dim); }
.demo-trace-disclosure .demo-hero-trace { min-height: 0; margin-bottom: 28px; }
.mission-section { padding-top: 36px; }
.mission-console { margin-top: 28px; }
.mission-layout { grid-template-columns: minmax(0,1fr) minmax(300px,360px); min-height: 0; }
.mission-layout > .mission-viewport { order: 1; }
.mission-layout > .mission-inspector { order: 2; }
.mission-layout > .mission-worklist { order: 3; grid-column: 1/-1; border-top: 1px solid var(--hairline); border-right: 0; display: block; padding: 20px; }
.mission-worklist > summary, .mission-inspector-details > summary, .mission-identifiers > summary { font-size: 14px; line-height: 1.5; color: var(--cyan); }
.mission-worklist[open] > summary, .mission-inspector-details[open] > summary { margin-bottom: 22px; }
.mission-worklist .mission-lenses { max-width: 520px; margin-top: 16px; }
.mission-worklist .mission-object-list { grid-template-columns: repeat(4,minmax(0,1fr)); grid-auto-flow: row; grid-auto-columns: auto; }
.mission-inspector { gap: 24px; }
.mission-inspector-details .mission-forces { margin-top: 18px; }
.mission-authority { margin-top: 0; padding: 18px; }
.mission-authority h3 { font-size: 20px; line-height: 1.3; }
.mission-authority p, .mission-branch-strip > p { font-size: 16px; line-height: 1.6; }
.mission-authority-actions .ctl { font-size: 14px; }
.mission-identifiers { min-width: 0; }
.mission-commandbar { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 14px; padding: 18px; }
.mission-commandbar .mission-identifiers { grid-row: 2; grid-column: 1/-1; }
.mission-command-ids { flex-wrap: wrap; padding-top: 12px; }
.mission-command-title { flex-wrap: wrap; }
.mission-command-title b, .mission-command-state b { font-size: 14px; }
.mission-command-title small, .mission-command-state span, .mission-command-ids { font-size: 12px; letter-spacing: .025em; }
.mission-profilebar { flex-wrap: wrap; }
.mission-profilebar .ctl, .mission-inline-transport .ctl, .mission-lenses button { font-size: 14px; }
.mission-profilebar > span, .mission-profilebar em, .mission-inline-transport span { font-size: 12px; white-space: normal; }
.mission-profile-readout { grid-template-columns: repeat(3,minmax(0,1fr)); }
.mission-profile-readout span, .mission-profile-readout b, .mission-branch-state span, .mission-branch-metrics span, .mission-branch-metrics b,
.mission-viewport-head span, .mission-viewport-head b, .mission-viewport-metrics span, .mission-inspector-head span, .mission-inspector-head em,
.mission-object-facts dt, .mission-object-facts dd, .mission-forces-head, .mission-forces-note, .mission-forces > div:not(.mission-forces-head) span,
.mission-forces > div:not(.mission-forces-head) > em, .mission-authority > span, .mission-authority small, .mission-rail-head,
.mission-object-list button b, .mission-lineage-mini, .mission-canvas-legend, .mission-state-rail li span, .mission-state-rail li b,
.mission-recorder-head, .mission-event-log span, .mission-event-log b, .mission-scrub-row label, .mission-scrub-row > span,
.mission-impact-clock span, .mission-impact-path-head b, .mission-impact-metrics span, .mission-impact-meter span, .evaluation-envelope > div span, .evaluation-envelope > div b {
  font-size: 12px; line-height: 1.5; letter-spacing: .02em; white-space: normal; overflow-wrap: anywhere;
}
.mission-object-list button span, .mission-scrub-row label b, .mission-controls .readout span { font-size: 14px; }
.mission-viewport-metrics b { font-size: 26px; }
.mission-forces > div:not(.mission-forces-head) { grid-template-columns: minmax(0,1fr) 60px 30px; }
.mission-object-facts > div { grid-template-columns: minmax(90px,.8fr) minmax(0,1fr); }
.mission-branch-strip { grid-template-columns: minmax(0,1fr) minmax(0,1.2fr); }
.mission-branch-metrics { grid-column: 1/-1; }
.mission-viewport-head > div { flex-wrap: wrap; }
.mission-canvas { min-height: 440px; }
.mission-controls { flex-wrap: wrap; }
.mission-state-rail { overflow-x: auto; grid-template-columns: repeat(7,minmax(120px,1fr)); }
.mission-impact-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
.mission-event-log li { min-height: 36px; height: auto; }

/* The same readable labels apply to deeper instruments. */
.spine-status-deck span, .spine-status-deck b, .spine-contract dt, .spine-contract dd, .spine-record-strip span, .spine-record-strip code,
.cost-chain-head > div b, .cost-chain-head > div span:last-child, .cost-chain-track > button b, .cost-chain-track > button small,
.cost-chain-return b, .cost-chain-readout, .cost-story-nav button span, .cost-story-nav button b, .cost-benchmark-matrix small { font-size: 12px; line-height: 1.5; letter-spacing: .02em; }
.cost-chain-head > div span:last-child { white-space: normal; }
.cost-chain-track > button, .cost-chain-readout, .cost-chain-return { height: auto; }

@media (max-width: 1100px) {
  .site-header .site-nav a { font-size: 13px; }
  .rx-js .response-loop[data-loop-mode="select"] .response-layout { grid-template-columns: 1fr; gap: 28px; }
  .response-loop[data-loop-mode="select"] .response-artifact { min-height: 460px; }
  .response-loop[data-loop-mode="select"] .response-narrative > h2 { max-width: 30ch; }
  .mission-layout { grid-template-columns: 1fr; }
  .mission-layout > .mission-inspector { display: flex; flex-direction: column; grid-column: 1; border-left: 0; border-top: 1px solid var(--hairline); }
  .mission-layout > .mission-worklist { grid-column: 1; }
  .mission-inspector-details { order: 2; }
  .mission-authority { order: 1; }
  .cost-home-teaser[data-cost-layout="summary"] .cost-home-layout { display: grid; grid-template-columns: 1fr; gap: 32px; }
}
@media (max-width: 620px) {
  .corridor-copy { padding-top: calc(var(--header-h) + 36px); padding-bottom: 40px; }
  .hero-kicker { letter-spacing: .06em; }
  .hero-cat { font-size: 16px; }
  .hero-ctas { margin-top: 26px; }
  .response-nav { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .response-nav button b { display: block; font-size: 14px; }
  .response-loop[data-loop-mode="select"] .response-deck, .response-loop[data-loop-mode="select"] .response-beat p { font-size: 16px; }
  .response-loop[data-loop-mode="select"] .response-artifact { min-height: 440px; }
  .response-loop[data-loop-mode="select"] .response-field { min-height: 320px; }
  .response-loop[data-loop-mode="select"] .response-layout > *, .response-narrative > * { grid-row: auto; }
  .response-status-deck { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mission-commandbar, .mission-profile-readout, .mission-branch-strip { grid-template-columns: 1fr; }
  .mission-command-state { justify-content: flex-start; }
  .mission-worklist .mission-object-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mission-forces > div:not(.mission-forces-head) { grid-template-columns: minmax(0,1fr) 60px 30px; }
  .mission-impact-paths { grid-template-columns: 1fr; }
  .mission-viewport-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mission-inline-transport { flex-wrap: wrap; }
  .mission-scrub-row { grid-template-columns: 1fr; }
  .mission-viewport-head { flex-wrap: wrap; gap: 12px; }
  .continuum-nav { overflow-x: auto; grid-template-columns: repeat(5,minmax(92px,1fr)); }
  .cost-home-teaser[data-cost-layout="summary"] .cost-home-field { height: 360px; }
}

.cost-home-teaser[data-cost-layout="summary"] .cost-home-cta { position: static; margin-top: 24px; }

.intro-replay-link { width: fit-content; margin-top: 18px; font-size: 14px; color: var(--ink-dim); text-decoration: underline; text-underline-offset: 4px; }