/* R20_LAYOUT_CONTINUITY. ZOOM_CONSISTENCY_20261031: shared host/native layout, not browser-zoom detection.
   Copy stays in normal document flow; fixed native overlays remain locally scrollable.
   Native geometry, films, environment assets and distinct card effects are unchanged. */
:root{
  --mvx-layout-gutter:clamp(1rem,4vw,4rem);
  --mvx-layout-header:5.25rem;
  --mvx-layout-gap:clamp(.75rem,2.4vh,1.5rem);
  --mvx-layout-bottom:4.5rem;
}
html{scroll-padding-top:calc(var(--mvx-layout-header) + var(--mvx-layout-gap))}
#maverixx-phase2-root .scroll-story-header,body>header{
  box-sizing:border-box;
  padding-inline:max(var(--mvx-layout-gutter),env(safe-area-inset-left)) max(var(--mvx-layout-gutter),env(safe-area-inset-right));
}
#maverixx-phase2-root .scroll-story-header{
  height:auto!important;min-height:5.25rem;
  padding-block:max(.5rem,env(safe-area-inset-top)) .5rem;
}
#maverixx-phase2-root .scroll-story-header .brand,body>header .mvx-native-brand{
  max-width:100%!important;min-width:0;white-space:normal;line-height:1.2!important;
}
#maverixx-phase2-root .scroll-story-header .brand>span,body>header .mvx-native-brand>span{min-width:0;overflow-wrap:anywhere}
#maverixx-phase2-root .scene-shell{
  box-sizing:border-box;min-height:0!important;min-width:0!important;
  width:100%!important;height:100vh!important;height:100lvh!important;
}
#maverixx-phase2-root .scene-shell>#governance-scene{height:100%!important;width:100%!important}
#maverixx-phase2-root :is(.transformation,.story-track){box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0}
#maverixx-phase2-root .transformation{min-height:0!important}
#maverixx-phase2-root .story-panel,
#maverixx-phase2-root .story-panel.story-hero,
#maverixx-phase2-root .story-panel[data-panel="5"]{
  box-sizing:border-box;width:100%!important;max-width:100%!important;
  height:auto!important;min-height:120vh;min-height:120svh;
  padding:calc(var(--mvx-layout-header) + var(--mvx-layout-gap)) var(--mvx-layout-gutter) 4.5rem!important;
  overflow:visible!important;scroll-margin-top:var(--mvx-layout-header);
}
#maverixx-phase2-root .story-panel.story-hero{min-height:100vh;min-height:100svh}
#maverixx-phase2-root .story-panel[data-panel="5"]{align-items:flex-start}
#maverixx-phase2-root .story-panel :is(.story-copy,.story-copy.compact){
  box-sizing:border-box;min-width:0;max-width:100%;padding-block:0!important;
}
#maverixx-phase2-root .story-copy :is(h1,h2,p,aside,a,button){max-width:100%;overflow-wrap:anywhere}
#maverixx-phase2-root .story-copy :is(h1,h2){line-height:1.02}
/* One opening type scale on the last host chapter and the first native chapter. */
#maverixx-phase2-root .story-panel[data-panel="5"] .story-copy h2,#hero h1{
  font-family:var(--display,Inter,Arial,sans-serif)!important;
  font-size:clamp(2.45rem,3.35vw,4rem)!important;line-height:1.04!important;
  font-weight:900!important;letter-spacing:-.055em!important;text-transform:uppercase;
  text-wrap:balance;overflow-wrap:anywhere;max-width:100%;
}
#maverixx-phase2-root .story-how,
#maverixx-phase2-root .hero-actions .primary-action{
  box-sizing:border-box;min-width:0;max-width:100%;min-height:44px;
  white-space:normal;text-align:left;line-height:1.5;overflow-wrap:anywhere;
}
#maverixx-phase2-root .story-how>span:first-child{min-width:0;flex:1 1 auto}
#maverixx-phase2-root .story-how>span:last-child{flex:0 0 auto}
#maverixx-phase2-root .scene-status{
  left:var(--mvx-layout-gutter);right:var(--mvx-layout-gutter);
  bottom:max(.75rem,env(safe-area-inset-bottom));line-height:1.5;flex-wrap:wrap;gap:.5rem;
}
#maverixx-phase2-root :is(.story-how,.primary-action),
#hero,#inner-chapter,#journey-final{scroll-margin-block:calc(var(--mvx-layout-header) + 1rem) 4.5rem}
/* R32: horizontal/full-width composition follows width, not height. The separate
   short-height rule adjusts vertical chrome only; no inverse zoom/text scaling. */
/* Fixed native copy can grow beyond a short viewport without disappearing beneath
   the host header or pause control. Never clip it with a fixed content height. */
#hero,#inner-chapter,#journey-final{
  box-sizing:border-box!important;min-width:0!important;min-height:0!important;
  left:var(--mvx-layout-gutter)!important;right:auto!important;
  top:calc(var(--mvx-layout-header) + var(--mvx-layout-gap))!important;bottom:auto!important;
  width:min(42rem,calc(100% - var(--mvx-layout-gutter)*2))!important;
  max-width:calc(100% - var(--mvx-layout-gutter)*2)!important;
  max-height:calc(100vh - var(--mvx-layout-header) - var(--mvx-layout-gap) - var(--mvx-layout-bottom))!important;
  max-height:calc(100dvh - var(--mvx-layout-header) - var(--mvx-layout-gap) - var(--mvx-layout-bottom))!important;
  overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:thin;
  overscroll-behavior-y:auto!important;scroll-padding-block:.5rem;
}
#hero{width:min(42rem,48vw)!important;padding:.125rem 0 1rem!important}
#inner-chapter{width:min(32.5rem,39vw)!important;padding:.125rem .5rem 1rem 0!important}
#journey-final{align-items:flex-start!important;padding:1rem!important}
#journey-final .contact-section{box-sizing:border-box;min-width:0;max-width:100%}
#journey-final .contact-actions{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%}
#journey-final .contact-actions :is(a,button){box-sizing:border-box;min-width:0;max-width:100%;min-height:44px;white-space:normal;overflow-wrap:anywhere}
:is(#hero,#inner-chapter,#journey-final) :is(h1,h2,p,a,button){min-width:0;max-width:100%;overflow-wrap:anywhere}
#hero small{margin-bottom:1rem!important;line-height:1.5!important}
#hero p{margin-top:1.2rem!important;line-height:1.6!important}
#energy-toggle{
  box-sizing:border-box;right:max(var(--mvx-layout-gutter),env(safe-area-inset-right))!important;
  bottom:max(.5rem,env(safe-area-inset-bottom))!important;max-width:calc(100% - var(--mvx-layout-gutter)*2)!important;
  min-height:44px!important;white-space:normal!important;line-height:1.4!important;
}
#hero[data-mvx-scrollable="true"]:focus-visible,#inner-chapter[data-mvx-scrollable="true"]:focus-visible,#journey-final[data-mvx-scrollable="true"]:focus-visible{outline:2px solid #a18cff;outline-offset:3px}
#mvx-story-how,#journey-detail{
  box-sizing:border-box;min-width:0!important;max-width:calc(100% - 2rem)!important;
  max-height:calc(100vh - 2rem)!important;max-height:calc(100dvh - 2rem)!important;
  overflow-y:auto!important;overscroll-behavior:contain;scroll-padding-block:1rem;
}
#mvx-story-how .story-how-heading,#journey-detail .detail-heading{min-width:0;flex-wrap:wrap;gap:.75rem}
#journey-detail :is(.detail-close,.detail-body,.outcome-card,.digest-grid,.outcome-grid){min-width:0;max-width:100%}
#journey-detail :is(h2,h3,p,a,summary){overflow-wrap:anywhere}
@media(max-width:60rem){
  :root{--mvx-layout-header:4.5rem;--mvx-layout-gap:1rem}
  #maverixx-phase2-root .scroll-story-header{min-height:4.5rem}
  #maverixx-phase2-root .story-panel,
  #maverixx-phase2-root .story-panel.story-hero,
  #maverixx-phase2-root .story-panel[data-panel="5"]{align-items:flex-start;min-height:100vh;min-height:100svh;padding-bottom:3.5rem!important}
  #maverixx-phase2-root .story-panel .story-copy,
  #maverixx-phase2-root .story-panel .story-copy.compact{
    width:min(100%,42rem)!important;max-width:100%!important;margin-inline:0!important;
  }
  #maverixx-phase2-root .story-copy h1{font-size:clamp(2rem,8vw,3.2rem);line-height:1.04}
  #maverixx-phase2-root .story-panel .story-copy h2,
  #maverixx-phase2-root .story-panel[data-panel="5"] .story-copy h2,#hero h1{
    font-size:clamp(1.6rem,6.4vw,2.45rem)!important;line-height:1.06!important;max-width:22ch;
  }
  #maverixx-phase2-root .story-panel .story-lead{width:100%!important;max-width:100%!important;font-size:1rem!important;line-height:1.6;margin-top:1.2rem}
  #maverixx-phase2-root .story-copy .eyebrow{margin-bottom:1rem}
  #maverixx-phase2-root .story-how{width:100%;gap:.8rem;padding:.85rem 1rem}
  #maverixx-phase2-root .hero-actions{min-width:0;max-width:100%}
  #maverixx-phase2-root .story-panel[data-panel="5"] .story-copy.compact{gap:1rem}
  #maverixx-phase2-root .mvx-mobile-final-slot-02{display:block;width:100%;height:clamp(10rem,32svh,20rem);pointer-events:none}
  
  #hero,#inner-chapter,#journey-final{
    left:var(--mvx-layout-gutter)!important;width:calc(100% - var(--mvx-layout-gutter)*2)!important;
    max-width:calc(100% - var(--mvx-layout-gutter)*2)!important;
  }
  #hero,#inner-chapter{background:linear-gradient(90deg,#060609eb,#060609a8);padding:.25rem .5rem 1rem 0!important}
  #hero p,#inner-chapter p{font-size:1rem!important;line-height:1.6!important}
  #inner-chapter h2{font-size:clamp(1.4rem,5vw,2rem)!important;line-height:1.12!important}
  #journey-final .contact-section{width:100%!important;max-width:100%!important}
  #journey-final h2{font-size:clamp(1.6rem,6.4vw,2.45rem)!important;line-height:1.06!important;margin-bottom:1rem}
  #journey-final .eyebrow{margin-bottom:1rem}
  #journey-final .contact-intro{font-size:1rem!important;line-height:1.6!important;margin-bottom:1.2rem}
  #journey-final .contact-actions{grid-template-columns:minmax(0,1fr)!important;gap:.65rem}
  #journey-final .contact-actions :is(a,button){font-size:.75rem!important;line-height:1.4!important;padding:.8rem 1rem!important;letter-spacing:.04em!important}
}
@media(max-height:32rem){
  :root{--mvx-layout-header:3.25rem;--mvx-layout-gap:.75rem;--mvx-layout-bottom:4rem}
  #maverixx-phase2-root .scroll-story-header,body>header{min-height:3.25rem!important;padding-block:.25rem!important}
  #maverixx-phase2-root .scroll-story-header .brand,body>header .mvx-native-brand{font-size:1rem!important;gap:.5rem!important;min-height:44px}
  #maverixx-phase2-root .scroll-story-header .brand-glyph,body>header .mvx-native-brand img{width:2.4rem!important;height:2.4rem!important}
}
@media(max-width:20rem){
  #maverixx-phase2-root .scroll-story-header .brand{font-size:1rem!important;gap:.5rem!important}
  #maverixx-phase2-root .scroll-story-header .brand-glyph{width:2.4rem!important;height:2.4rem!important}
  #journey-detail .outcome-grid,#journey-detail .digest-grid{grid-template-columns:minmax(0,1fr)!important}
}
@media(forced-colors:active){#hero,#inner-chapter,#journey-final{background:Canvas!important;color:CanvasText!important}}

/* R12 final invitation: measured header, one grid, reflow at magnification.
 No inverse scale, zoom restriction, concealment, wrapper translation or input capture. */
#maverixx-phase2-root .story-panel[data-panel="5"] .story-copy.compact{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;min-width:0;max-width:100%;padding:0!important}
#maverixx-phase2-root .story-panel[data-panel="5"] .story-copy :is(.eyebrow,h2,.story-lead){box-sizing:border-box;min-width:0;max-width:100%!important;margin-block:0!important;overflow-wrap:anywhere!important;white-space:normal!important}
@media(max-width:60rem){
 #maverixx-phase2-root .story-panel[data-panel="5"]{padding-top:calc(var(--mvx-final-header-height,var(--mvx-layout-header)) + var(--mvx-layout-gap))!important}
 #maverixx-phase2-root .story-panel[data-panel="5"] .story-copy.compact{width:min(100%,42rem,max(1px,calc(var(--mvx-final-readable-width,100vw) - var(--mvx-layout-gutter)*2)))!important}
 #maverixx-phase2-root .story-panel[data-panel="5"] .mvx-mobile-final-slot-02{box-sizing:border-box;display:block;width:100%;height:clamp(10rem,32svh,20rem);margin:0}
}

/* R15: stable scene extent; only readable controls follow the visible viewport. */
html.mvx-scroll-child #energy-toggle{bottom:calc(max(.5rem,env(safe-area-inset-bottom)) + var(--mvx-viewport-occlusion,0px))!important}
html.mvx-scroll-child :is(#hero,#inner-chapter,#journey-final){max-height:calc(100vh - var(--mvx-layout-header) - var(--mvx-layout-gap) - var(--mvx-layout-bottom))!important}
/* R31: respect the mounted host header; keep Close reachable while reading. */
html.mvx-scroll-child #journey-detail{position:fixed!important;inset:calc(var(--mvx-layout-header,4rem) + var(--mvx-layout-gap,1rem)) 0 auto!important;max-height:calc(var(--mvx-visible-height,100vh) - var(--mvx-layout-header,4rem) - var(--mvx-layout-gap,1rem) - 1rem)!important;margin:0 auto!important}
html.mvx-scroll-child #journey-detail .detail-close{position:sticky!important;top:0;z-index:3}

/* R20: native final is a viewport layout, not a clipped left-hand 42rem scroller. */
html.mvx-scroll-child #journey-final{left:0!important;right:0!important;width:100%!important;max-width:100%!important;top:calc(var(--mvx-layout-header) + var(--mvx-layout-gap))!important;padding:1rem var(--mvx-layout-gutter)!important;align-items:flex-start!important;justify-content:flex-start!important}
html.mvx-scroll-child #journey-final .contact-section{width:min(51vw,43.125rem)!important;max-width:100%!important}
html.mvx-scroll-child :is(#hero,#inner-chapter,#journey-final){overflow-y:visible!important;overflow-x:visible!important;max-height:none!important}
html.mvx-scroll-child :is(#hero,#inner-chapter,#journey-final)[data-mvx-reading-overflow="true"]{overflow-y:auto!important;overflow-x:hidden!important;max-height:var(--mvx-reading-height)!important;overscroll-behavior-y:auto!important}
html.mvx-scroll-child :is(#hero,#inner-chapter,#journey-final)[data-mvx-reading-unavailable="true"]{padding-block:0!important;min-height:0!important}
@media(max-width:60rem){html.mvx-scroll-child #journey-final .contact-section{width:min(100%,42rem)!important}}

/* R20_2_BREAKPOINT_TRAVEL: width-only reflow must not shorten completed story
   chapters and move the native handoff origin. Keep the authored desktop travel
   budget at every width; text remains auto-height and can grow without clipping.
   Hero/final remain one viewport. No target/progress remap or document seek. */
html.mvx-scroll-host #maverixx-phase2-root .story-panel,
html.mvx-scroll-host #maverixx-phase2-root .story-panel[data-panel="5"]{min-height:var(--mvx-journey-panel-unit,100svh)}
html.mvx-scroll-host #maverixx-phase2-root .story-panel:not(.story-hero):not([data-panel="5"]){min-height:calc(var(--mvx-journey-panel-unit,100svh)*1.2)}

/* R31 optimization01: a stable, non-interactive scroll invitation. */
#maverixx-phase2-root .scroll-enter-label{display:inline-flex;align-items:center;justify-self:start;gap:.65em;max-width:100%;margin:1rem 0 0;color:#eee8f8;font:500 .86rem/1.5 var(--body,Arial,sans-serif);letter-spacing:.025em;white-space:normal;position:relative;isolation:isolate}
#maverixx-phase2-root .scroll-enter-label::before,#maverixx-phase2-root .scroll-enter-label::after{content:none!important}
#maverixx-phase2-root .mvx-entry-arrow{display:block;flex:none;font:400 1.25em/1 Arial,sans-serif;transform:none;animation:none;border:0;background:none;box-shadow:none;clip-path:none}
@media(forced-colors:active){#maverixx-phase2-root .scroll-enter-label{color:CanvasText}}

/* R33: mobile Mxnd story copy sits directly on the scene, without black plaques.
   Preserve reading scroll/spacing and all dialog/control surfaces. Forced colors
   retains its authored Canvas readability treatment. */
@media(max-width:60rem) and (forced-colors:none){
 :is(#hero,#inner-chapter,#journey-final),#journey-final .contact-section{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}