/* Mobile-only shared chrome. Load AFTER byte-locked shared-navigation.css
   on every public entry. Never target page content or generic controls here. */
@media (max-width:760px){
  .world-nav{
    /* Opening navigation belongs to the document, never the reading viewport. */
    position:absolute;
    height:calc(76px + env(safe-area-inset-top,0px));
    padding:calc(12px + env(safe-area-inset-top,0px)) 0 12px;
    align-items:stretch;
  }
  .world-nav > a{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    justify-self:stretch;
    min-width:0;
    min-height:52px;
    margin-inline:4px;
    padding:4px;
    touch-action:manipulation;
    -webkit-tap-highlight-color:rgba(255,255,255,.15);
  }
  .world-nav > .world-brand{
    display:flex!important;
    gap:4px;
    transform:none;
  }
  .world-nav > a:focus-visible{
    outline:1px solid currentColor;
    outline-offset:-3px;
  }
}
@media (max-width:760px) and (max-height:500px){
  .world-nav{
    height:calc(64px + env(safe-area-inset-top,0px));
    padding-top:calc(4px + env(safe-area-inset-top,0px));
    padding-bottom:8px;
  }
}

/* Parent visual finish: readable over the real bright mobile sky, no header slab. */
@media (max-width:760px){
  .world-nav > a{ text-shadow:0 1px 2px #000,0 0 5px #000c; }
  .world-nav .world-brand img{ filter:drop-shadow(0 1px 2px #000) drop-shadow(0 0 4px #0009); }
}