/* Keep the canonical story readable independently of the active visual panel. */
.globe-section .copy-panel{opacity:1!important;filter:opacity(1);transition:filter .3s ease}
.imports-prose-paged{display:grid}
.imports-prose-page{grid-area:1/1;align-self:start;filter:opacity(0)}
.globe-section .copy-panel:not(.desktop-card-active):not(.mobile-card-active):not(.reader-measuring){
  position:absolute!important;visibility:visible!important;opacity:1!important;filter:opacity(0)!important;
  top:50%!important;pointer-events:none;
}
@media(min-width:768px){
  .globe-section .copy-panel:not(.desktop-card-active):not(.mobile-card-active):not(.reader-measuring){opacity:1!important;filter:opacity(0)!important;pointer-events:none}
  .copy-panel.desktop-card-active{filter:opacity(var(--desktop-copy-opacity,1));transition:none}
  
}
@media(max-width:767px){
  #vikingSection .copy-panel.mobile-card-active{filter:opacity(var(--globe-entry,0))}
  .globe-section .copy-panel{top:calc(var(--copy-top) - 26px);height:calc(100svh - var(--copy-top) + 2px - var(--safe-bottom))}
  .globe-section .copy-panel:not(.mobile-card-active):not(.reader-measuring){
    height:auto;max-height:none;overflow:visible;transform:translateY(-50%);
  }
}

@media(max-width:767px){
  .mobile-card-active:not(.reader-measuring) .mobile-passage{min-height:var(--passage-height);display:flow-root}
  .mobile-passage.source-tail > p:not(.source-credit){margin-bottom:8px}
  .mobile-passage.source-tail .source-credit{margin-top:8px;padding-top:8px}
}

@media(max-width:767px){
  #overlandSection .copy-panel.mobile-card-active{filter:opacity(var(--scene-exit,1))}
  #apgImportsSection .copy-panel{transition:none}
  #apgImportsSection .copy-panel.mobile-card-active{filter:opacity(var(--handoff-opacity,1))}
  .mobile-card-active .mobile-copy-window{height:100%;overflow:hidden}
}

/* Give short phone landscape a reading column beside the globe. */
@media(max-width:767px) and (max-height:480px) and (orientation:landscape){
  .vertical-section.globe-section{--copy-top:calc(var(--story-top) + 26px)}
  #globeStage,#globeStage.asean-map-active{left:16px;right:auto;width:42vw;top:var(--story-top);height:calc(100svh - var(--story-top) - 12px - var(--safe-bottom))}
  .globe-section .copy-panel{left:calc(42vw + 28px);right:16px;width:calc(58vw - 44px);height:calc(100svh - var(--story-top) - 12px - var(--safe-bottom));padding:0}
}