/* A single editorial rhythm for the three hero messages. */
@media(min-width:901px){
 body[data-hero="true"] #experience .hero-global-vision{
  top:calc(var(--bbx-hero-proof-top,65%) + var(--bbx-hero-proof-height,150px) + 46px);
  font-size:clamp(20px,1.75vw,28px);line-height:1.12;
 }
 body[data-hero="true"] #experience .hero-global-vision::before{top:-18px}
}
body[data-hero="true"] #chain-panel:has(#chain-content[hidden]) #chain-toggle small{
 font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
 font-size:clamp(14px,1.05vw,16px);line-height:1.55;font-weight:400;letter-spacing:0;
}
body[data-hero="true"] #chain-panel:has(#chain-content[hidden]) .chain-action-cta{
 margin-top:10px;font-size:14px;line-height:1.35;
}
/* Open reading sheet: seven colour-coded topics, one set of controls. */
body[data-hero="true"] #chain-panel:has(#chain-content:not([hidden])) #chain-content{
 display:flex;flex-direction:column;gap:16px;padding-top:18px;
}
body[data-hero="true"] #chain-panel .chain-heading{
 margin:0;font:600 14px/1.45 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
body[data-hero="true"] #chain-panel .chain-events{
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;
}
body[data-hero="true"] #chain-panel .chain-events button{
 min-height:44px;padding:8px 6px;font:650 12px/1.25 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
body[data-hero="true"] #chain-panel .chain-current{margin:0;padding:2px 0 2px 12px}
body[data-hero="true"] #chain-panel .chain-current strong{font:700 15px/1.4 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
body[data-hero="true"] #chain-panel .chain-current p{font:400 13px/1.6 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
body[data-hero="true"] #chain-panel .chain-meta{margin:0}
body[data-hero="true"] #chain-panel .chain-meta dt{font:700 11px/1.4 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;letter-spacing:.05em}
body[data-hero="true"] #chain-panel .chain-meta dd{font:500 13px/1.5 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
body[data-hero="true"] #chain-panel .chain-disclosure{font:400 12px/1.55 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
@media(max-width:480px){
 body[data-hero="true"] #chain-panel .chain-events{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-hero="true"] #chain-panel:has(#chain-content[hidden]) #chain-toggle small{font-size:13px;line-height:1.45}
}
/* Keep the fallback readable on small screens in the same content order. */
@media(max-width:900px){
 body[data-rendering="static"][data-hero="true"] #scroll-track{display:none}
 body[data-rendering="static"][data-hero="true"] #experience{
  position:relative;inset:auto;min-height:100dvh;overflow:visible;
  display:flex;flex-direction:column;align-items:stretch;
 }
 body[data-rendering="static"][data-hero="true"] #experience>header{
  position:relative;left:auto;right:auto;top:auto;order:0;flex:none;
  margin:0 4%;width:92%;
 }
 body[data-rendering="static"][data-hero="true"] #hero{
  position:relative;inset:auto;order:1;width:auto;height:auto;margin:24px 5% 0;
 }
 body[data-rendering="static"][data-hero="true"] #hero .hero-editorial{
  position:relative;inset:auto;width:100%;max-width:none;
 }
 body[data-rendering="static"][data-hero="true"] #experience #scene{
  position:relative;inset:auto;order:2;flex:none;width:100%;height:clamp(220px,82vw,420px);margin:8px 0;
 }
 body[data-rendering="static"][data-hero="true"] #experience #fallback{inset:0}
 body[data-rendering="static"][data-hero="true"] #fallback svg{height:100%;width:min(100%,420px)}
 body[data-rendering="static"][data-hero="true"] #chain-panel:has(#chain-content[hidden]){
  position:relative;inset:auto;order:3;width:auto;max-width:none;margin:0 5%;
 }
 body[data-rendering="static"][data-hero="true"] #experience .hero-global-vision{
  display:block;position:relative;inset:auto;order:4;width:auto;max-width:none;margin:32px 5% 0;
 }
 body[data-rendering="static"][data-hero="true"] #experience .hero-global-vision::before{top:-16px}
 body[data-rendering="static"][data-hero="true"] #zefu-fallback-nav{
  position:relative;inset:auto;order:5;width:auto;max-height:none;margin:24px 5% 28px;
 }
 body[data-rendering="static"][data-hero="true"]:has(#chain-content:not([hidden])) #experience .hero-global-vision{display:none}
}
@media(max-width:900px){
 body[data-rendering="static"][data-hero="true"] #experience :is(#journey-panel,#journey-dock,.scene-caption){display:none}
}
@media(max-width:900px){
 body[data-rendering="static"][data-hero="true"] #experience footer#journey-dock{display:none!important}
}
@media(max-width:900px){
 body[data-rendering="static"][data-hero="true"] #chain-panel:has(#chain-content:not([hidden])){
  position:fixed;top:max(12px,env(safe-area-inset-top));bottom:12px;left:3%;right:3%;
  width:auto;max-height:calc(100dvh - 24px);overflow-y:auto;z-index:25;
 }
}

/* In static desktop fallback keep navigation clear of the reading rail. */
@media(min-width:901px){
 body[data-rendering="static"][data-hero="true"] #zefu-fallback-nav{
  left:3%;right:auto;bottom:3%;width:min(440px,44vw);max-height:35vh;
 }
}