/* The Nommo: site shell w1 (12 Nov 2026). Shared frame fixes, loaded on every page with the site header or bottom bar.
   A2 header fit on phones: the same rules the homepage, Community, 3D Models and Alignment Map pages carry inline as #hdrfit,
      so the menu button stays inside the screen on every page.
   B6 phone bottom bar (and the plain phone menu sheet on pages without the Explore menu): solid, so page text never shows through.
   A4 desktop top nav: five sections (Explore, Investigations, Community, 3D Models, Alignment Map) fit from 901 px; the tagline under
      the wordmark hides below 1240 px to make room.
   A4 bottom bar: five labels (Explore, Investigations, Community, 3D Models, You) fit at 360 px and up.
   B7 Alignment Map: no blue browser focus ring on Close; a gold ring for keyboard focus only.
   Undo: remove the <link> to this file. */
@media(max-width:900px){header.top.v12{min-width:0;max-width:100vw;box-sizing:border-box}header.top.v12 .logo{flex:0 1 auto;min-width:0;overflow:hidden}header.top.v12 .logo .nmwm{min-width:0;overflow:hidden}header.top.v12 .hact{flex:none;margin-left:auto}}
@media(max-width:480px){header.top.v12 .logo .tagl{font-size:8px;letter-spacing:.05em}}
@media(max-width:379px){header.top .nmwm .tagl{display:none!important}}
@media(min-width:901px) and (max-width:1239px){header.top.v12 .logo .tagl{display:none!important}header.top.v12 .pnav{gap:4px;margin-left:24px}header.top.v12 .pnav>a,header.top.v12 .pnav>.dd>button{padding:0 10px}}
.msheet{background:#000;-webkit-backdrop-filter:none;backdrop-filter:none}
nav.bnav{background:#050505!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-top:1px solid rgba(255,255,255,.09)}
@media(max-width:900px){nav.bnav{grid-template-columns:1fr 1.34fr 1.16fr 1.16fr .8fr!important}nav.bnav a{min-width:0;padding:0 2px}nav.bnav a span{white-space:nowrap;letter-spacing:.02em}}
@media(max-width:374px){nav.bnav a span{font-size:10px;letter-spacing:0}}
body.sv #sv-close:focus,body.sv .bx .btn2:focus{outline:none;box-shadow:none}
body.sv #sv-close:focus-visible,body.sv .bx .btn2:focus-visible{outline:2px solid #d8c79a;outline-offset:2px;box-shadow:none}
#sv-close{-webkit-tap-highlight-color:transparent}


/* The Nommo: site shell w2 (12 Nov 2026). Keeps every w1 rule, then the launch-walk polish:
   #5 3D model phone toolbars (Machu Picchu, Göbekli Tepe, and the same bar on the Great Pyramid):
      the button row scrolls sideways inside the viewport instead of clipping Share and the other tools.
   #6 Alignment Map phone: hide the floating Tools button while the tools sheet is open, so it cannot paint over the sheet.
   #7 Record pages phone: space under the hero so Share / Copy citation / Save clear the solid bottom bar and the safe area.
   #8 Homepage phone: the rounded panel under the four door cards is the compact globe; show the globe poster until the live globe paints, so the panel is never an empty box.
   #10 models.html phone: extra bottom space so the last how-to card clears the bottom bar.
   #14 Record "Nearby" cards: when a thumbnail has both the distance badge and the Illustration mark, move Illustration to the bottom-left so they do not overlap.
   Undo: point the <link> back at shell.w1-20261112.css. */
@media(max-width:900px){
  /* #5: beat the earlier !important toolbar rules; keep the title, scroll the buttons */
  html body.g3site .g3top{overflow:hidden}
  html body.g3site .g3top h1{flex:0 1 auto!important;min-width:0!important;max-width:42%!important;overflow:hidden!important}
  html body.g3site .g3act{flex:1 1 auto!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;justify-content:flex-start!important;-webkit-overflow-scrolling:touch;padding-right:14px!important}
  html body.g3site .g3act::-webkit-scrollbar{display:none}
  html body.g3site .g3act button{flex:0 0 auto}
  /* #7 */
  .ihero{padding-bottom:calc(20px + 56px + env(safe-area-inset-bottom,0px))}
  /* #10 */
  body:has(#models-hub){padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
  /* #6: hide the launcher whenever the sheet is not closed (covers tsheet class gaps) */
  body.sv:has(#svw[data-sheet="half"]) .sv-launcher,
  body.sv:has(#svw[data-sheet="full"]) .sv-launcher,
  body.sv:has(#svp.open) .sv-launcher,
  body.sv.ts-page:not(.ts-collapsed) .sv-launcher{display:none!important;pointer-events:none!important}
}
/* #8 poster fill on the compact globe (phone and desktop; the live globe covers it once it paints) */
.home2 .stage-quiet .gwrap,
.home2 .stage-quiet #globe{background:#050507 url("/img/globe-poster.webp") center / cover no-repeat}
.home2 .stage-quiet .loading{color:#c8c2b4;letter-spacing:.08em}
/* #14 */
.xc-m{position:relative}
.xc-m:has(.xc-l) .ill{top:auto;bottom:8px;left:8px;right:auto;z-index:2}
