/* A whole-slide, alternating route. The original reading view remains the fallback. */
[hidden] { display: none !important; }
html.journey-mode { scroll-padding-top: 0; overflow-x: clip; }
.journey-mode .site-header, .journey-mode .chapter-indicator { display: none; }
.journey-row { position: relative; overflow: visible; }
.journey-stage { height: 100svh; position: sticky; top: 0; overflow: hidden; overflow: clip; }
.journey-track { display: flex; width: 500vw; height: 100%; will-change: transform; }
.journey-row[data-direction="left"] .journey-track { flex-direction: row-reverse; }
.journey-slide {
  --page: clamp(30px, 6vw, 94px); --item-reveal: 1;
  flex: 0 0 100vw; width: 100vw; height: 100svh; position: relative; overflow: hidden;
  padding: 86px var(--page) 84px; background: var(--sand); color: var(--ink);
  border-inline: 1px solid #244e4826; outline: none;
}
.journey-slide.sand { background: #f4f3eb; }
.journey-slide.mist { background: #e5ece2; }
.journey-slide.aqua { background: #b8e5d7; }
.journey-slide.sage { background: #d7dfce; }
.journey-slide.dark { background: #102f32; color: #edf2e7; --muted: #b1c8ba; --line: #dceadc30; }
.slide-inner { position: relative; z-index: 1; height: 100%; display: flex; flex-direction: column; gap: clamp(18px, 3vh, 35px); }
.slide-kicker { display: flex; align-items: center; justify-content: space-between; gap: 25px; font-size: 9px; letter-spacing: .16em; border-bottom: 1px solid var(--line); padding-bottom: 17px; }
.slide-kicker > span:last-child { font-variant-numeric: tabular-nums; }
.slide-heading { display: flex; justify-content: space-between; align-items: end; gap: 45px; }
.slide-heading h2 { font-size: clamp(40px, 4.8vw, 70px); line-height: 1.08; }
.slide-heading > p { max-width: 340px; font-size: 15px; line-height: 1.6; color: var(--muted); padding-bottom: 5px; }
.slide-content { flex: 1; min-height: 0; display: flex; flex-direction: column; justify-content: center; gap: 24px; }
.slide-edge { position: absolute; right: 3vw; bottom: 36px; font-family: var(--display); font-size: clamp(180px, 25vw, 350px); font-weight: 500; letter-spacing: -.09em; line-height: .85; opacity: .045; pointer-events: none; }
.journey-slide .reveal { opacity: 1 !important; transform: none !important; }
.journey-slide .content-enter { animation-duration: .3s; }
.journey-note { font-size: 13px; line-height: 1.7; color: var(--muted); }
.dark .slide-heading em, .dark .slide-kicker > span:first-child { color: var(--aqua); }
.journey-toolbar, .journey-controls { position: fixed; left: 0; width: 100%; z-index: 35; display: flex; align-items: center; color: #153a3b; gap: 26px; padding: 0 clamp(24px, 3vw, 45px); background: #f4f3ebed; backdrop-filter: blur(12px); transition: background .3s, color .3s; }
.journey-toolbar { top: 0; height: 60px; border-bottom: 1px solid #8ca89d30; }
.journey-toolbar .wordmark { font-size: 28px; }
.journey-chapter { font-size: 10px; letter-spacing: .09em; }
.journey-map-open { margin-left: auto; display: flex; gap: 14px; align-items: center; }
.journey-map-open span { font-size: 21px; color: #279c91; }
.journey-toolbar button { font-size: 11px; padding: 9px 0; }
.journey-read { opacity: .7; border-left: 1px solid #90aea34a; padding-left: 24px !important; }
.journey-controls { bottom: 0; height: 62px; border-top: 1px solid #8ca89d30; gap: 18px; }
.journey-toolbar.on-dark, .journey-controls.on-dark { background: #102f32ee; color: #e6f2e8; }
.journey-cue { font-size: 8px; letter-spacing: .1em; display: flex; align-items: center; gap: 10px; white-space: nowrap; }
.journey-cue b { font-size: 20px; font-weight: 400; color: #2ba2b3; }
.journey-cue i { width: 1px; height: 13px; background: currentColor; opacity: .25; margin: 0 3px; }
.journey-ticks { margin-left: auto; display: flex; flex: 1; max-width: 380px; gap: 4px; }
.journey-ticks button { flex: 1; min-width: 4px; height: 28px; padding: 12px 0; position: relative; }
.journey-ticks button::before { content: ''; display: block; height: 3px; background: currentColor; opacity: .15; }
.journey-ticks button.is-past::before { background: #2ba2b3; opacity: .6; }
.journey-ticks button[aria-current]::before { background: #2ba2b3; opacity: 1; height: 10px; transform: translateY(-3px); }
.journey-counter { font-size: 11px; font-variant-numeric: tabular-nums; min-width: 49px; }
.journey-controls > button { border: 1px solid #88a89c65; border-radius: 50%; width: 33px; height: 33px; padding: 0; font-size: 18px; flex-shrink: 0; }
.journey-controls > button:disabled { opacity: .22; cursor: default; }
.journey-controls > button:hover:not(:disabled) { background: #75d9c640; }
.journey-resume { position: fixed; right: 25px; bottom: 23px; z-index: 35; background: var(--ink); color: var(--sand); border: 1px solid #c1d9c7; box-shadow: 0 5px 30px #102f3220; border-radius: 30px; font-size: 12px; padding: 14px 23px; }
.journey-turn { position: relative; min-height: 65svh; padding: 75px var(--page) 80px; background: #2d7169; color: #f1f4e9; overflow: hidden; display: flex; flex-direction: column; justify-content: center; }
.journey-turn > .micro { color: #b9e3d4; }
.journey-turn h2 { font-size: clamp(45px, 6vw, 88px); margin: 25px 0 22px; position: relative; z-index: 1; }
.journey-turn p { font-size: 16px; max-width: 370px; }
.turn-arrow { position: absolute; right: 8vw; top: 5%; font-size: 370px; line-height: 1; color: #92ccb953; }
.turn-direction { position: absolute; bottom: 32px; right: var(--page); font-size: 9px; letter-spacing: .14em; }
.journey-dialog { border: 1px solid #65897a; padding: 36px; width: min(850px, 92vw); max-height: 90svh; background: var(--sand); color: var(--ink); box-shadow: 0 30px 100px #001e3070; }
.journey-dialog::backdrop { background: #0a292bcc; backdrop-filter: blur(8px); }
.map-heading { display: flex; justify-content: space-between; align-items: start; gap: 30px; }
.map-heading h2 { font-size: 38px; margin-top: 13px; }
.map-close { border: 1px solid var(--line); font-size: 28px; width: 38px; height: 38px; border-radius: 50%; }
.map-intro { font-size: 12px; color: var(--muted); margin: 18px 0 23px; }
.map-row-label { font-size: 9px; letter-spacing: .1em; margin: 14px 0 7px; }
.serpent-row { display: flex; gap: 7px; position: relative; }
.serpent-row[data-direction=left] { flex-direction: row-reverse; }
.serpent-row::before { content: ''; position: absolute; left: 5%; right: 5%; top: 20px; height: 1px; background: #4a9c8960; }
.serpent-row:not(:last-child)::after { content: ''; position: absolute; right: -9px; top: 19px; width: 12px; height: 100px; border: 1px solid #4a9c8960; border-left: 0; border-radius: 0 10px 10px 0; pointer-events: none; }
.serpent-row[data-direction=left]::after { right: auto; left: -9px; transform: rotate(180deg); }
.serpent-row button { text-align: left; padding: 10px; flex: 1; min-width: 0; background: #e4eadd; border: 1px solid #a9beb045; position: relative; }
.serpent-row button span { font-size: 11px; color: #438773; display: block; margin-bottom: 6px; }
.serpent-row button strong { font-size: 10px; line-height: 1.4; display: block; font-weight: 500; }
.serpent-row button[aria-current] { background: #153a3b; color: #eff5ea; }
.serpent-row button[aria-current] span { color: var(--aqua); }

/* The existing interactive content keeps its event handlers and reading-view positions. */
.journey-slide .hero { padding: 40px 0 0; height: 100%; min-height: 0; max-height: none; overflow: visible; }
.hero-page .slide-content { justify-content: initial; }
.journey-slide .hero-type { margin-top: 35px; }
.journey-slide .hero h1 { font-size: clamp(110px, 12.6vw, 175px); }
.journey-slide .hero-art { right: -3%; width: 57%; height: 90%; top: 2%; }
.journey-slide .hero-bottom { padding-bottom: 10px; margin-top: auto; }
.journey-slide .hero-side-label { display: none; }
.journey-slide #flow-canvas { width: 100%; }
.agenda-path { display: flex; flex-direction: column; gap: 0; }
.agenda-stop { color: inherit; display: grid; grid-template-columns: 45px 1fr 125px 35px; align-items: center; gap: 20px; text-align: left; padding: 20px 0; border-top: 1px solid var(--line); }
.agenda-stop > span { font-size: 11px; color: var(--aqua); }
.agenda-stop strong { font-size: clamp(19px, 2.2vw, 30px); font-weight: 500; letter-spacing: -.04em; }
.agenda-stop small { font-size: 9px; color: #aecabb; letter-spacing: .1em; }
.agenda-stop b { font-weight: 400; color: var(--aqua); font-size: 25px; }
.slide-extra > .journey-note { margin-top: 20px; }
.journey-slide .timeline { margin: 0; }
.journey-slide .timeline button { padding: 30px 20px 28px 0; }
.journey-slide .timeline button strong { font-size: clamp(60px, 8.2vw, 120px); }
.journey-slide .era-detail { min-height: 115px; }
.journey-slide .workflow-question { margin: 0; padding: 0; border: 0; text-align: left; }
.journey-slide .workflow-question > .micro { display: none; }
.journey-slide .workflow-question > p:first-of-type { font-size: 23px; }
.journey-slide .workflow-question h3 { font-size: clamp(43px, 6.2vw, 88px); max-width: 900px; margin: 28px 0; }
.journey-slide .workflow-question .question-note { max-width: 600px; font-size: 16px; margin: 0; }
.workflow-path { display: flex; gap: 16px; align-items: center; opacity: .5; }
.workflow-path span { border: 1px solid var(--line); border-radius: 50%; width: 34px; height: 34px; display: grid; place-items: center; font-size: 10px; }
.workflow-path i { font-style: normal; }
.journey-slide .responsibility-legend { padding-bottom: 12px; }
.journey-slide .task-river { padding: 0; }
.journey-slide .task-river button { min-height: 150px; }
.journey-slide .task-detail { padding: 15px 0; min-height: 95px; grid-template-columns: .65fr 1.8fr; }
.journey-slide .task-hint { display: none; }
.journey-slide .task-detail p { font-size: 14px; }
.journey-slide .redistribution-takeaway { margin: 0; gap: 35px; }
.journey-slide .redistribution-takeaway > p { font-size: 27px; }
.journey-slide .redistribution-takeaway > span { font-size: 12px; }
.journey-slide .pattern-lab { margin: 0; gap: 40px; grid-template-columns: .7fr 1.8fr; }
.journey-slide .pattern-tabs button { font-size: 24px; padding: 20px 0; }
.journey-slide .pattern-panel { grid-template-columns: .9fr 1fr; }
.journey-slide .pattern-description h3 { font-size: 34px; }
.journey-slide .work-footnote { margin: 0; font-size: 12px; }
.journey-slide .framework-questions { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 55px; }
.journey-slide .framework-questions li { padding: 20px 0 0; border-top: 1px solid var(--line); }
.journey-slide .framework-questions strong { font-size: 22px; }
.journey-slide .framework-questions p { font-size: 14px; }
.journey-slide .foundation-chain { margin: 0; padding: 0; gap: 20px; }
.journey-slide .foundation-chain span { font-size: 18px; background: #eef4e87a; padding: 20px 27px; }
.journey-slide .foundation-caption { margin: 0; font-size: 12px; }
.foundation-page .slide-content > ul { display: grid; grid-template-columns: 1fr 1fr; gap: 0 40px; list-style: none; padding: 0; margin: 0; }
.foundation-page .slide-content > ul li { padding: 16px 0; font-size: 14px; line-height: 1.6; border-top: 1px solid var(--line); }
.question-page .slide-heading { display: block; margin-top: 6vh; }
.question-page .slide-heading h2 { font-size: clamp(56px, 7vw, 100px); }
.question-page .slide-heading p { margin-top: 30px; font-size: 22px; max-width: 500px; }
.question-orbit { position: absolute; right: 2vw; bottom: 8vh; font-size: 210px; color: var(--aqua); opacity: .2; }
.demo-stage { border: 1px solid #78988960; background: #cfddce; padding: 55px; display: flex; align-items: center; gap: 65px; min-height: 270px; }
.demo-mark { font-size: 100px; color: #649e86; }
.demo-stage h3 { font-family: var(--serif); font-size: 40px; letter-spacing: -.04em; margin: 15px 0; }
.demo-stage p { font-size: 13px; color: #647e70; }
.capacity-page .slide-content { position: static; }
.journey-slide .attention { position: absolute; inset: -86px calc(var(--page) * -1) -84px; padding: 155px var(--page) 86px; min-height: 0; display: grid; grid-template-columns: 1fr .7fr; align-items: center; gap: 65px; }
.capacity-page .slide-kicker { z-index: 2; border-color: #c3d5c348; }
.journey-slide .attention-content h2 { font-size: clamp(54px, 6.2vw, 90px); }
.journey-slide .attention-content > .micro { display: none; }
.journey-slide .attention-content > p { font-size: 16px; max-width: 440px; }
.journey-slide .capacity-calculator { grid-template-columns: 1fr; padding: 25px 0 0; gap: 20px; margin: 0; }
.journey-slide .capacity-result { border-top: 1px solid #bfd5c74d; padding-top: 20px; }
.journey-slide .capacity-result output { font-size: 68px; }
.journey-slide .capacity-result small { margin-top: 18px; }
.journey-slide .evidence-grid { gap: 38px; }
.journey-slide .evidence-grid article { padding-bottom: 0; }
.journey-slide .evidence-grid .stat { font-size: clamp(52px, 5.6vw, 80px); margin: 22px 0; }
.journey-slide .evidence-grid h3 { font-size: 22px; }
.journey-slide .evidence-grid p { font-size: 13px; margin-top: 18px; }
.journey-slide .evidence-grid a { font-size: 11px; margin-top: auto; }
.journey-slide .agent-explorer { grid-template-columns: 1.1fr 1fr; gap: 65px; height: 100%; min-height: 0; }
.journey-slide .agent-map { max-width: min(100%, 50vh); justify-self: center; }
.journey-slide .agent-detail { min-height: 0; padding: 10px 0; }
.journey-slide .agent-detail h3 { font-size: 38px; margin: 15px 0; }
.journey-slide .agent-detail > p:not(.micro) { font-size: 14px; }
.journey-slide .agent-rule { margin-top: 18px; padding-top: 13px; }
.journey-slide .agent-node { transform: translate(-50%, -50%) scale(calc(.92 + var(--item-reveal, 1) * .08)); }
.journey-slide .agent-connection { animation: none; stroke: #8ae2d177; stroke-dasharray: 1; stroke-dashoffset: calc(1 - var(--node-reveal, 1)); }
.role-ribbon { display: flex; gap: 35px; justify-content: space-between; padding: 22px 0; border-bottom: 1px solid var(--line); font-size: 11px; letter-spacing: .1em; color: #4e7c68; }
.journey-slide .delegation-boundaries { margin: 0; border: 0; padding: 0; gap: 50px; }
.journey-slide .delegation-boundaries h3 { font-size: 30px; }
.journey-slide .delegation-boundaries li { font-size: 15px; }
.journey-slide .team-example { padding: 0; margin: 0; border: 0; display: block; }
.journey-slide .team-example .micro { color: var(--aqua); display: block; margin-bottom: 10px; }
.journey-slide .team-example p { max-width: 800px; font-size: 15px; }
.journey-slide .team-takeaway { margin: 0; font-size: 28px; }
.journey-slide .team-takeaway br { display: none; }
.team-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px; }
.team-facts > div { display: flex; flex-direction: column; gap: 12px; border-top: 1px solid var(--line); padding: 22px 0; }
.team-facts strong { font-size: clamp(45px, 5.5vw, 75px); letter-spacing: -.06em; font-weight: 500; color: var(--aqua); }
.team-facts span { font-size: 9px; letter-spacing: .13em; }
.journey-slide .concerns { max-width: 930px; width: 100%; align-self: center; }
.journey-slide .concerns details { padding: 0; }
.journey-slide .concerns summary { padding: 20px 0; font-size: 22px; }
.journey-slide .concerns details p { font-size: 14px; max-width: 800px; margin-top: 0; padding-bottom: 20px; }
.change-compass { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.change-compass button { text-align: left; padding: 27px 30px; min-height: 150px; border: 1px solid var(--line); background: #e5ecdf; position: relative; }
.change-compass button:nth-child(2), .change-compass button:nth-child(3) { background: #c9ded0; }
.change-compass span { display: block; font-size: 10px; letter-spacing: .1em; color: #5d8071; }
.change-compass strong { font-size: 30px; font-weight: 500; letter-spacing: -.045em; display: block; margin-top: 24px; }
.change-compass i { position: absolute; top: 20px; right: 24px; font-style: normal; font-size: 22px; }
.change-page .slide-content { display: block; padding-top: 25px; }
.change-page .slide-extra { position: absolute; bottom: 0; left: 0; right: 0; }
.change-page .slide-content > article { max-width: 70%; }
.change-page .slide-content > article > .micro, .change-page .slide-content > article > h4 { display: none; }
.change-page .slide-content ul { margin: 0; padding: 0; list-style: none; columns: 2; column-gap: 35px; }
.change-page .slide-content li { font-size: 23px; line-height: 1.4; border-top: 1px solid var(--line); padding: 16px 0; break-inside: avoid; }
.page-glyph { position: absolute; right: 0; bottom: 65px; font-size: 210px; opacity: .18; line-height: 1; }
.journey-slide .authority-lab { margin: 0; gap: 75px; padding: 32px 40px; }
.journey-slide #authority-panel { min-height: 290px; }
.journey-slide #authority-title { font-size: 38px; }
.journey-slide #authority-copy { font-size: 14px; }
.authority-page .slide-content > article { display: flex; gap: 30px; align-items: baseline; border-top: 1px solid var(--line); padding-top: 15px; }
.authority-page .slide-content > article > .micro { display: none; }
.authority-page .slide-content > article h4 { font-size: 13px; margin: 0; font-weight: 500; }
.authority-page .slide-content > article ul { display: flex; flex-wrap: wrap; gap: 20px; list-style: none; padding: 0; margin: 0; font-size: 12px; color: var(--muted); }
.journey-slide .agent-passport { margin: 0; gap: 70px; }
.journey-slide .guardrail-statement { margin: 0; padding-top: 30px; font-size: 24px; }
.discussion-page .slide-content > ol { list-style: none; counter-reset: conversation; padding: 0; margin: 0; max-width: 1000px; }
.discussion-page .slide-content > ol li { counter-increment: conversation; padding: 22px 0 22px 60px; border-top: 1px solid var(--line); position: relative; font-size: 21px; line-height: 1.45; letter-spacing: -.025em; }
.discussion-page .slide-content > ol li::before { content: '0' counter(conversation); position: absolute; left: 0; top: 26px; font-size: 10px; color: var(--aqua); }
.exercise-page .slide-heading h2 { font-size: 44px; }
.journey-slide .workbench { padding: 20px 27px; }
.journey-slide .workbench-top { padding-bottom: 16px; }
.journey-slide .workbench-top input { font-size: 22px; padding: 5px 0; }
.journey-slide .workbench-fields label { padding: 17px 0 0; }
.journey-slide .workbench-fields strong { font-size: 18px; margin-top: 6px; }
.journey-slide .workbench textarea { min-height: 70px; height: 70px; font-size: 12px; padding: 9px 0; resize: none; }
.journey-slide .workbench-bottom { margin-top: 18px; gap: 15px; }
.journey-slide .workbench-bottom .button-dark { padding: 13px 18px; font-size: 11px; }
.journey-slide .closing-questions { margin: 0; gap: 50px; }
.journey-slide .closing-questions p { font-size: 22px; }
.journey-slide.closing-page .slide-content > h2 { font-size: clamp(43px, 5vw, 73px); max-width: 900px; }
.journey-slide .closing-link { font-size: 14px; padding: 0; margin: 0; }
/* Scroll builds are reserved for selected scenes. */
.journey-slide.scene-build .scene-item {
  opacity: var(--item-reveal, 1);
  translate: 0 calc((1 - var(--item-reveal, 1)) * 14px);
}
.journey-slide.scene-horizontal .scene-item {
  translate: calc((1 - var(--item-reveal, 1)) * -24px) 0;
}
.journey-slide.scene-horizontal .role-ribbon > span {
  opacity: var(--accent-reveal, 1);
  translate: calc((1 - var(--accent-reveal, 1)) * -12px) 0;
}
.journey-slide.scene-build .timeline button::after {
  width: calc(var(--item-reveal, 1) * 100%); transition: none; opacity: .35;
}
.journey-slide.scene-build .timeline button[aria-selected=true]::after { opacity: 1; }
.journey-slide.scene-build .agent-map circle, .journey-slide.scene-build .human-flower { animation: none; }
.journey-slide.scene-fade .slide-content {
  opacity: var(--scene-opacity, 1); translate: 0 var(--scene-lift, 0px);
}
.journey-slide.scene-fade:focus-within .slide-content { opacity: 1; translate: none; }
.journey-slide.hero-page .coast-blob { animation: none; }
.journey-slide.hero-page .coast-blob img {
  animation: none; width: 130%; height: 130%; left: -15%; top: -15%;
  transform: rotate(18deg) scale(1.12);
}
.journey-slide.scene-photo .attention-image {
  left: -8%; top: -18%; width: 116%; height: 136%;
  transform: translate3d(var(--photo-x, 0px), var(--photo-y, 0px), 0);
}
@media (min-width: 600px) and (max-width: 979px) {
  .journey-slide { --page: 30px; padding-top: 84px; padding-bottom: 94px; }
  .journey-toolbar { gap: 18px; padding-inline: 22px; }
  .journey-chapter { font-size: 9px; max-width: 155px; }
  .journey-toolbar button { font-size: 10px; }
  .journey-read { padding-left: 16px !important; }
  .journey-controls { display: grid; grid-template-columns: 1fr auto 28px 28px; grid-template-rows: 28px 17px; height: 76px; padding: 10px 22px; gap: 4px 12px; }
  .journey-cue { width: auto; font-size: 7px; gap: 7px; }
  .journey-ticks { grid-column: 1 / -1; grid-row: 2; width: 100%; max-width: none; margin: -6px 0; }
  .journey-counter { margin-left: auto; }
  .journey-controls > button { width: 28px; height: 28px; }
  .slide-heading { flex-direction: column; align-items: start; gap: 20px; }
  .slide-heading h2 { font-size: 43px; }
  .slide-heading > p { max-width: 100%; font-size: 14px; }
  .slide-content { gap: 24px; }
  .journey-slide .hero { padding-top: 20px; }
  .journey-slide .hero-kicker { font-size: 8px; }
  .journey-slide .hero-art { width: 65%; height: 44%; top: 29%; right: -1%; }
  .journey-slide .hero-type { z-index: 3; }
  .journey-slide .hero h1 { font-size: 120px; }
  .journey-slide .hero-bottom { align-items: start; }
  .journey-slide .hero-bottom > div > p:first-child { font-size: 20px; }
  .journey-slide .hero-sub { max-width: 225px; }
  .journey-slide .round-link { align-self: end; gap: 10px; font-size: 10px; }
  .journey-slide .organization { font-size: 9px; }
  .agenda-stop { grid-template-columns: 28px 1fr 25px; gap: 15px; padding: 25px 0; }
  .agenda-stop small { display: none; }
  .agenda-stop strong { font-size: 23px; }
  .journey-slide .timeline button strong { font-size: 53px; }
  .journey-slide .timeline small { max-width: 120px; font-size: 12px; }
  .journey-slide .era-detail p { font-size: 19px; }
  .journey-slide .workflow-question h3 { font-size: 52px; }
  .journey-slide .task-river { grid-template-columns: 1fr; gap: 6px; }
  .journey-slide .task-river button { min-height: 0; display: grid; grid-template-columns: 24px 1fr 25px; align-items: center; padding: 17px 20px; gap: 16px; }
  .journey-slide .task-river strong { margin: 0; min-height: 0; font-size: 21px; }
  .journey-slide .task-river strong br { display: none; }
  .journey-slide .task-detail { grid-template-columns: 1fr; gap: 10px; min-height: 125px; }
  .journey-slide .redistribution-takeaway { grid-template-columns: 1fr; gap: 12px; }
  .journey-slide .redistribution-takeaway > p { font-size: 26px; }
  .journey-slide .pattern-lab { grid-template-columns: 1fr; gap: 30px; }
  .journey-slide .pattern-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 0 25px; }
  .journey-slide .pattern-tabs button { font-size: 22px; }
  .journey-slide .pattern-panel { grid-template-columns: .8fr 1fr; }
  .journey-slide .pattern-description h3 { font-size: 31px; }
  .journey-slide .framework-questions { grid-template-columns: 1fr; gap: 0; }
  .journey-slide .framework-questions li { padding: 20px 0; }
  .journey-slide .framework-questions strong { font-size: 20px; }
  .journey-slide .framework-questions p { font-size: 13px; }
  .journey-slide .foundation-chain { flex-wrap: wrap; gap: 12px; }
  .journey-slide .foundation-chain span { font-size: 16px; padding: 18px; }
  .foundation-page .slide-content > ul { grid-template-columns: 1fr; }
  .question-page .slide-heading h2 { font-size: 62px; }
  .question-page .slide-heading p { font-size: 21px; }
  .demo-stage { flex-direction: column; align-items: start; gap: 20px; padding: 35px; }
  .demo-mark { font-size: 90px; }
  .journey-slide .attention { inset: -84px -30px -94px; padding: 140px 30px 100px; grid-template-columns: 1fr; gap: 40px; }
  .journey-slide .attention-content h2 { font-size: 61px; }
  .journey-slide .attention-content > p { font-size: 14px; max-width: 470px; }
  .journey-slide .capacity-calculator { grid-template-columns: 1fr 1fr; gap: 30px; }
  .journey-slide .capacity-result { border: 0; padding: 0; }
  .journey-slide .capacity-result output { font-size: 52px; }
  .journey-slide .evidence-grid { grid-template-columns: 1fr; gap: 24px; }
  .journey-slide .evidence-grid article { display: grid; grid-template-columns: 1fr 2fr; gap: 8px 26px; padding-top: 17px; }
  .journey-slide .evidence-grid .micro { grid-column: 1 / -1; }
  .journey-slide .evidence-grid .stat { font-size: 47px; margin: 10px 0; grid-row: span 3; }
  .journey-slide .evidence-grid h3 { font-size: 20px; margin: 0; }
  .journey-slide .evidence-grid p { font-size: 12px; margin: 0; }
  .journey-slide .evidence-grid a { grid-column: 2; font-size: 10px; margin: 0; }
  .journey-slide .agent-explorer { grid-template-columns: 1fr; height: auto; gap: 20px; }
  .journey-slide .agent-map { max-width: 360px; }
  .journey-slide .agent-detail { border-top: 1px solid var(--line); padding: 20px 0 0; display: grid; grid-template-columns: 1fr 1fr; column-gap: 25px; }
  .journey-slide .agent-detail > .micro, .journey-slide .agent-detail h3, .journey-slide .agent-detail > p { grid-column: 1 / -1; }
  .journey-slide .agent-detail h3 { font-size: 32px; margin: 12px 0; }
  .journey-slide .agent-detail > p:not(.micro) { max-width: 100%; font-size: 13px; }
  .journey-slide .agent-rule { margin-top: 14px; padding-top: 12px; }
  .journey-slide .agent-rule p { font-size: 11px; }
  .journey-slide .agent-detail .model-note { margin-top: 12px; }
  .role-ribbon { gap: 10px; font-size: 9px; }
  .journey-slide .delegation-boundaries { grid-template-columns: 1fr; gap: 30px; }
  .journey-slide .delegation-boundaries > div { display: grid; grid-template-columns: 12px 1fr; gap: 10px 15px; }
  .journey-slide .delegation-boundaries ul { grid-column: 2; }
  .journey-slide .delegation-boundaries h3 { font-size: 25px; margin: 0; }
  .journey-slide .delegation-boundaries li { font-size: 14px; }
  .team-facts { gap: 25px; }
  .team-facts strong { font-size: 47px; }
  .team-facts span { font-size: 8px; }
  .journey-slide .team-takeaway { font-size: 31px; }
  .journey-slide .team-takeaway br { display: initial; }
  .journey-slide .concerns summary { font-size: 20px; padding: 25px 0; }
  .journey-slide .concerns details p { font-size: 14px; max-width: 800px; margin-top: 0; padding-bottom: 20px; }
  .change-compass { grid-template-columns: 1fr; gap: 12px; }
  .change-compass button { min-height: 115px; padding: 22px; }
  .change-compass strong { font-size: 28px; margin-top: 15px; }
  .change-page .slide-content > article { max-width: 85%; }
  .change-page .slide-content ul { columns: 1; }
  .change-page .slide-content li { font-size: 23px; }
  .page-glyph { font-size: 150px; opacity: .1; bottom: 75px; }
  .journey-slide .authority-lab { grid-template-columns: 1fr; gap: 30px; padding: 24px; }
  .journey-slide #authority-panel { min-height: 280px; }
  .authority-page .slide-content > article { display: block; }
  .authority-page .slide-content > article ul { margin-top: 15px; font-size: 11px; }
  .journey-slide .agent-passport { grid-template-columns: 1fr; gap: 40px; }
  .journey-slide .agent-passport h3 { font-size: 47px; }
  .journey-slide .agent-passport li { padding: 22px 0; }
  .journey-slide .guardrail-statement { font-size: 25px; }
  .discussion-page .slide-content > ol li { font-size: 21px; padding: 27px 0 27px 40px; }
  .exercise-page .slide-heading h2 { font-size: 40px; }
  .journey-slide .workbench { padding: 22px; }
  .journey-slide .workbench-top { flex-direction: column; align-items: start; gap: 15px; }
  .journey-slide .workbench-top label { width: 100%; }
  .journey-slide .workbench-fields { grid-template-columns: 1fr 1fr; gap: 0 25px; }
  .journey-slide .workbench-fields strong { font-size: 18px; }
  .journey-slide .workbench textarea { height: 110px; }
  .journey-slide .workbench-bottom { flex-wrap: wrap; gap: 15px; }
  .journey-slide .closing-questions { grid-template-columns: 1fr; gap: 25px; }
  .journey-slide .closing-questions p { font-size: 25px; }
  .journey-slide.closing-page .slide-content > h2 { font-size: 52px; }
  .journey-turn h2 { font-size: 52px; }
  .turn-arrow { right: -30px; top: auto; bottom: 20px; font-size: 250px; }
}
@media (min-width: 980px) and (max-height: 800px) {
  .journey-slide { padding-top: 78px; padding-bottom: 76px; }
  .slide-inner { gap: 20px; }
  .slide-heading h2 { font-size: 47px; }
  .slide-content { gap: 18px; }
  .journey-slide .hero { padding-top: 12px; }
  .journey-slide .hero h1 { font-size: 135px; }
  .journey-slide .hero-type { margin-top: 22px; }
  .journey-slide .hero-bottom > div > p:first-child { font-size: 18px; }
  .journey-slide .hero-art { top: 0; }
  .journey-slide .hero-sub { margin-top: 8px; }
  .journey-slide .task-river button { min-height: 130px; padding: 15px; }
  .journey-slide .task-detail { min-height: 85px; padding: 10px 0; }
  .journey-slide .agent-map { max-width: 350px; }
  .journey-slide .agent-detail h3 { font-size: 31px; margin: 10px 0; }
  .journey-slide .agent-detail > p:not(.micro) { font-size: 12px; }
  .journey-slide .agent-rule { margin-top: 10px; padding-top: 10px; }
  .journey-slide .agent-detail .model-note { margin-top: 12px; }
  .journey-slide .workbench { padding: 16px 24px; }
  .journey-slide .workbench textarea { height: 58px; min-height: 58px; }
  .journey-slide .workbench-fields label { padding-top: 12px; }
  .journey-slide .workbench-top { padding-bottom: 12px; }
  .journey-slide .workbench-bottom { margin-top: 12px; }
  .journey-slide .guardrail-statement { padding-top: 15px; font-size: 22px; }
}
@media (min-width: 600px) and (max-width: 979px) and (max-height: 1000px) {
  .journey-slide { padding-top: 78px; padding-bottom: 88px; }
  .slide-inner { gap: 16px; }
  .slide-kicker { padding-bottom: 12px; font-size: 8px; }
  .slide-heading { gap: 12px; }
  .slide-heading h2 { font-size: 35px; }
  .slide-heading > p { font-size: 12px; }
  .slide-content { gap: 16px; }
  .journey-slide .hero h1 { font-size: 98px; }
  .journey-slide .hero-type { margin-top: 20px; }
  .journey-slide .hero-art { height: 57%; width: 53%; top: 21%; }
  .journey-slide .hero-bottom > div > p:first-child { font-size: 17px; }
  .journey-slide .hero-sub { font-size: 10px; }
  .agenda-stop { padding: 15px 0; }
  .agenda-stop strong { font-size: 20px; }
  .journey-slide .task-river { gap: 4px; }
  .journey-slide .task-river button { padding: 11px 17px; }
  .journey-slide .task-river strong { font-size: 17px; }
  .journey-slide .task-river i { font-size: 19px; }
  .journey-slide .task-detail { padding: 10px 0; gap: 8px; min-height: 0; }
  .journey-slide .task-detail p { font-size: 12px; }
  .journey-slide .redistribution-takeaway { gap: 9px; }
  .journey-slide .redistribution-takeaway > p { font-size: 23px; }
  .journey-slide .redistribution-takeaway > span { font-size: 11px; }
  .journey-slide .pattern-tabs button { padding: 14px 0; font-size: 19px; }
  .journey-slide .pattern-lab { gap: 20px; }
  .journey-slide .pattern-description h3 { font-size: 27px; }
  .journey-slide .pattern-description > p { font-size: 12px; }
  .journey-slide .framework-questions li { padding: 13px 0; }
  .journey-slide .framework-questions strong { font-size: 18px; }
  .journey-slide .framework-questions p { font-size: 12px; margin-top: 6px; }
  .journey-slide .evidence-grid { gap: 16px; }
  .journey-slide .evidence-grid article { padding-top: 12px; gap: 7px 20px; }
  .journey-slide .evidence-grid h3 { font-size: 17px; }
  .journey-slide .evidence-grid p { font-size: 11px; }
  .journey-slide .evidence-grid a { font-size: 9px; padding-bottom: 6px; }
  .journey-slide .evidence-grid .stat { font-size: 43px; }
  .journey-slide .agent-explorer { grid-template-columns: .9fr 1.1fr; gap: 25px; }
  .journey-slide .agent-detail { display: block; border: 0; padding: 0; }
  .journey-slide .agent-map { max-width: 260px; }
  .journey-slide .map-human { width: 42%; }
  .journey-slide .map-human strong { font-size: 10px; }
  .journey-slide .agent-node { padding: 9px 10px; font-size: 9px; gap: 4px; }
  .journey-slide .agent-node > span { font-size: 7px; }
  .journey-slide .agent-detail h3 { font-size: 28px; }
  .journey-slide .agent-detail > p:not(.micro) { font-size: 12px; }
  .journey-slide .delegation-boundaries { gap: 20px; }
  .journey-slide .delegation-boundaries h3 { font-size: 22px; }
  .journey-slide .delegation-boundaries li { font-size: 13px; }
  .role-ribbon { padding: 14px 0; font-size: 8px; }
  .journey-slide .authority-lab { gap: 22px; }
  .journey-slide .authority-meter { display: none; }
  .journey-slide #authority-panel { min-height: 0; }
  .journey-slide #authority-title { font-size: 30px; }
  .journey-slide #authority-copy { font-size: 12px; }
  .journey-slide .authority-limit { margin-top: 18px; padding-top: 15px; }
  .journey-slide .agent-passport { gap: 24px; }
  .journey-slide .agent-passport h3 { font-size: 40px; }
  .journey-slide .agent-passport li { padding: 15px 0; }
  .journey-slide .guardrail-statement { font-size: 21px; padding-top: 20px; }
  .exercise-page .slide-heading h2 { font-size: 35px; }
  .journey-slide .workbench { padding: 16px 20px; }
  .journey-slide .workbench-top { gap: 10px; padding-bottom: 12px; }
  .journey-slide .workbench-fields label { padding-top: 13px; }
  .journey-slide .workbench-fields strong { font-size: 16px; }
  .journey-slide .workbench textarea { height: 75px; min-height: 75px; }
  .journey-slide .workbench-bottom { margin-top: 13px; }
  .journey-slide .closing-questions p { font-size: 21px; }
  .journey-slide.closing-page .slide-content > h2 { font-size: 43px; }
}
@media (min-width: 980px) and (max-height: 760px) {
  .journey-slide { padding-top: 76px; padding-bottom: 74px; }
  .slide-inner, .slide-content { gap: 16px; }
  .slide-kicker { padding-bottom: 12px; }
  .slide-heading h2, .exercise-page .slide-heading h2 { font-size: 42px; }
  .slide-heading > p { font-size: 13px; }
  .journey-slide .hero h1 { font-size: 120px; }
  .journey-slide .task-river button { min-height: 110px; padding: 12px; }
  .journey-slide .task-river strong { margin: 12px 0; min-height: 42px; font-size: 19px; }
  .journey-slide .task-detail { min-height: 0; }
  .journey-slide .task-detail p { font-size: 12px; }
  .journey-slide .redistribution-takeaway > p { font-size: 23px; }
  .journey-slide .pattern-tabs button { padding: 16px 0; font-size: 21px; }
  .journey-slide .pattern-description h3 { font-size: 29px; }
  .journey-slide .pattern-description > p { font-size: 12px; }
  .journey-slide .evidence-grid .stat { font-size: 62px; margin: 16px 0; }
  .journey-slide .evidence-grid h3 { font-size: 19px; }
  .journey-slide .evidence-grid p { font-size: 12px; }
  .journey-slide .agent-map { max-width: 300px; }
  .journey-slide .agent-detail h3 { font-size: 28px; }
  .journey-slide .concerns summary { padding: 16px 0; }
  .journey-slide .authority-lab { padding: 22px 30px; gap: 40px; }
  .journey-slide #authority-panel { min-height: 0; }
  .journey-slide #authority-title { font-size: 31px; }
  .journey-slide #authority-copy { font-size: 12px; }
  .journey-slide .agent-passport h3 { font-size: 45px; }
  .journey-slide .agent-passport li { padding: 14px 0; }
  .journey-slide .guardrail-statement { font-size: 20px; }
  .journey-slide .workbench textarea { min-height: 50px; height: 50px; }
  .journey-slide .workbench-fields label { padding-top: 10px; }
  .journey-slide.closing-page .slide-content > h2 { font-size: 48px; }
}
/* Keep all four answers readable together after their one-way scroll expansion. */
.journey-slide.concerns-page { overflow: clip; }
.journey-slide.concerns-page .slide-content { justify-content: flex-start; }
.journey-slide.concerns-page .concerns {
  max-width: 1100px; display: grid; grid-template-columns: 1fr 1fr;
  align-items: start; gap: 22px 42px;
}
.journey-slide.concerns-page .concerns details { min-width: 0; border-bottom: 0; }
.journey-slide.concerns-page .concerns summary { font-size: 20px; padding: 16px 0; }
.journey-slide.concerns-page .concern-body { display: grid; grid-template-rows: var(--concern-row, 1fr); }
.journey-slide.concerns-page .concern-body > div { min-height: 0; overflow: hidden; }
.journey-slide.concerns-page .concerns details p {
  max-width: none; font-size: 14px; line-height: 1.55; padding: 0 0 12px 28px;
  margin: 0; animation: none; opacity: var(--concern-opacity, 1);
}
@media (min-width: 980px) and (max-height: 760px) {
  .journey-slide.concerns-page .concerns { gap: 14px 36px; }
  .journey-slide.concerns-page .concerns summary { font-size: clamp(18px, 1.55vw, 20px); padding: 12px 0; }
  .journey-slide.concerns-page .concerns details p { font-size: clamp(12.5px, 1.1vw, 14px); line-height: 1.5; }
}
@media (min-width: 600px) and (max-width: 979px) {
  .journey-slide.concerns-page .concerns { gap: 18px 26px; }
  .journey-slide.concerns-page .concerns summary { font-size: 16px; gap: 10px; padding: 14px 0; align-items: baseline; }
  .journey-slide.concerns-page .concerns details p { font-size: 13px; padding-left: 0; }
}
@media (min-width: 600px) and (max-width: 979px) and (min-height: 1001px) {
  .journey-slide.concerns-page .concerns { grid-template-columns: 1fr; gap: 8px; }
  .journey-slide.concerns-page .concerns summary { font-size: 19px; }
  .journey-slide.concerns-page .concerns details p { font-size: 13px; padding-left: 28px; }
}
/* Compact windows use reading view; users can always return there from the toolbar. */
@media print {
  #journey, .journey-toolbar, .journey-controls, .journey-dialog, .journey-resume { display: none !important; }
}