/* Phone-only composition; desktop selectors and scroll mapping stay unchanged. */
html.mobile-journey{--header-h:85px;--gutter:22px}
html.mobile-journey.story-motion .scene-content{inset:100px 22px 110px;display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:18px;overflow:hidden;overscroll-behavior-y:auto;padding:0 0 12px;scrollbar-width:thin}
html.mobile-journey.story-motion .scene-content>*{flex:none;grid-column:auto!important;grid-row:auto!important;width:100%;max-width:100%;margin:0}
html.mobile-journey.story-motion .scene-content h2{font-size:36px;line-height:1.08}
html.mobile-journey.story-motion .scene-content p,html.mobile-journey.story-motion .scene-content .lead{font-size:15px;line-height:1.6}
html.mobile-journey .hero-eyeline{font-size:15px;margin-bottom:12px}
html.mobile-journey.story-motion .hero-title h1{font-size:39px}
html.mobile-journey.story-motion .hero-title p{font-size:15px;margin-top:16px}
html.mobile-journey.story-motion .hero-actions{display:flex;flex-wrap:wrap;margin-top:16px}
html.mobile-journey .hero-actions>.button{width:auto;font-size:12px}
html.mobile-journey .hero-credentials{font-size:11px;margin-top:12px}
html.mobile-journey.story-motion .signature-art{height:190px!important;min-height:190px;margin-top:12px}
html.mobile-journey .signature-note{display:none}
html.mobile-journey .signature-four .portrait-pair{inset:0 12%}
html.mobile-journey .replay-drawing{display:none}
html.mobile-journey.story-motion .scene-questions .portrait-orbit{display:flex;height:auto;gap:15px}
html.mobile-journey.story-motion .scene-questions .floating-portrait{width:45%;margin:0}
html.mobile-journey.story-motion .floating-portrait img{height:145px}
html.mobile-journey.story-motion .understanding-portrait{width:100%}
html.mobile-journey.story-motion .understanding-portrait img{height:160px;width:100%;object-fit:cover}
html.mobile-journey.story-motion .listening-words{font-size:21px;gap:10px}
html.mobile-journey.story-motion .year-stages{display:grid;grid-template-columns:1fr;gap:12px}
html.mobile-journey .year-stages h3{font-size:22px;margin:0 0 5px}
html.mobile-journey .year-stages .number-node{display:none}
html.mobile-journey .physicians-orbit{display:grid!important;grid-template-columns:1fr 1fr;gap:15px}
html.mobile-journey .physician-mini img{height:105px!important;width:100%;object-fit:contain}
html.mobile-journey .physician-mini h3{font-size:17px;margin:8px 0}
html.mobile-journey .physician-mini p{font-size:11px!important}
html.mobile-journey .clinic-picture img{height:180px!important;width:100%;object-fit:cover}
html.mobile-journey .story-next{background:var(--paper)}
html.mobile-journey .story-next>span{font-size:10px}
html.mobile-journey .story-controls{background:var(--paper)}
html.mobile-journey .is-horizontal .journey-viewport{height:calc(100% - 115px);padding-top:95px}
html.mobile-journey .is-horizontal .journey-track{padding:0!important;gap:0;height:100%}
html.mobile-journey .is-horizontal .journey-panel{width:100vw!important;height:100%;min-height:0;max-width:none;display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:10px 22px 25px!important;margin:0;gap:20px;overflow:hidden;scrollbar-width:thin}
html.mobile-journey .is-horizontal .journey-panel>*{flex:none;min-width:0}
html.mobile-journey .is-horizontal .reasons-intro{display:block!important}
html.mobile-journey .is-horizontal .reasons-intro h2{font-size:44px}
html.mobile-journey .is-horizontal .reason-topics .pill{font-size:12px;min-height:38px}
html.mobile-journey .is-horizontal .discretion-note{font-size:12px}
html.mobile-journey .is-horizontal .reason-case .persona-card>img{height:180px}
html.mobile-journey .is-horizontal .reason-context{font-size:14px}
html.mobile-journey .is-horizontal .reason-case .card-topics{font-size:13px}
html.mobile-journey .is-horizontal .reason-case .card-bottom h3{font-size:30px;min-height:0}
html.mobile-journey .is-horizontal .journey-panel h2{font-size:35px;line-height:1.08;margin:15px 0 20px}
html.mobile-journey .is-horizontal .journey-panel p:not(.eyebrow,.fineprint){font-size:15px!important;line-height:1.65}
html.mobile-journey .is-horizontal .journey-panel .text-link,html.mobile-journey .is-horizontal .journey-panel .button{font-size:13px;min-height:44px;margin-top:18px}
html.mobile-journey .is-horizontal .programme-visual{display:block}
html.mobile-journey .is-horizontal .life-portraits{height:260px}
html.mobile-journey .is-horizontal .arrival-visual img,html.mobile-journey .is-horizontal .arrival-visual>.editorial-vehicle,html.mobile-journey .is-horizontal .life-visual>img,html.mobile-journey .is-horizontal .pillar-editorial img,html.mobile-journey .is-horizontal .programme-rhythm img,html.mobile-journey .is-horizontal .programme-conversation img{height:220px;width:100%;margin-left:0}
html.mobile-journey .is-horizontal .arrival-opening .arrival-copy{position:static;width:100%}
html.mobile-journey .is-horizontal .arrival-opening .arrival-visual{width:100%}
html.mobile-journey .is-horizontal .arrival-opening{gap:30px}
html.mobile-journey .is-horizontal .arrival-visual figcaption,html.mobile-journey .is-horizontal .life-visual figcaption{font-size:18px;margin-top:10px}
html.mobile-journey .is-horizontal .arrival-route{bottom:90px;height:45px;left:22px;right:22px}
html.mobile-journey .arrival-route-line{height:40px}
html.mobile-journey .arrival-vehicle{width:80px;height:42px}
html.mobile-journey .arrival-stops,html.mobile-journey .is-horizontal .arrival-bottom,html.mobile-journey .is-horizontal .case-controls,html.mobile-journey .is-horizontal .life-controls,html.mobile-journey .is-horizontal .programme-controls,html.mobile-journey .is-horizontal .region-controls{visibility:hidden;pointer-events:none}
html.mobile-journey .arrival-journey.is-horizontal .journey-viewport{height:calc(100% - 145px)}
.mobile-journey-controls{display:none}
html.mobile-journey .mobile-journey-controls{display:flex;position:absolute;bottom:20px;left:22px;right:22px;gap:12px;align-items:center;justify-content:space-between;background:var(--paper);padding-top:12px;border-top:1px solid var(--line);z-index:3}
.mobile-journey-controls button{white-space:nowrap;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:24px;font-size:13px}
.mobile-journey-controls button:disabled{opacity:.35}
.mobile-journey-controls span{font-size:11px;text-align:center}
html.mobile-journey .connected-thread{display:none!important}
@media(prefers-reduced-motion:reduce){.mobile-journey-controls{display:none!important}}

/* Stable small viewport: browser toolbar expansion must not move chapter boundaries. */
html.mobile-journey .story-sticky,html.mobile-journey .is-horizontal .journey-sticky{height:100svh}
html.mobile-journey .mobile-journey-controls{bottom:max(20px,env(safe-area-inset-bottom))}

/* Claim only deliberate horizontal touch gestures; retain vertical pan and pinch zoom. */
html.mobile-journey .story-sticky,html.mobile-journey .scene-content,html.mobile-journey .is-horizontal .journey-sticky,html.mobile-journey .is-horizontal .journey-panel{touch-action:pan-y pinch-zoom}

/* Keep type crisp while a neighbouring chapter follows a touch drag. */
html.mobile-journey .story-scene{--scene-opacity:1!important;--scene-blur:0px!important}