/* Nobal Sanat — the region map as a globe. Loaded only when the globe is on.
   Everything is scoped under .nsc-mp.is-globe (the class the script adds) or
   html.nsc-globe (set in the head, so the band has its height before paint). */
html.nsc-globe .nsc-mp{ height:clamp(460px,44vw,600px); }
html.nsc-globe .nsc-mp__stage{ position:absolute; inset:0; height:100%; }
/* the flat map goes only once the globe is really there (the script adds .is-globe) */
.nsc-mp.is-globe .nsc-mp__canvas,.nsc-mp.is-globe .nsc-mp__pins,.nsc-mp.is-globe .nsc-mp__grid{ display:none; }
.nsc-mp__globe{ position:absolute; inset:0; z-index:1; display:block; width:100% !important; height:100% !important; cursor:grab; touch-action:pan-y; }
.nsc-mp__globe.is-drag{ cursor:grabbing; }
/* the scrim reaches further in: the words sit beside the globe, not on it */
html.nsc-globe .nsc-mp__stage::before{ z-index:2; background:linear-gradient(to left, rgba(17,20,24,.94) 0%, rgba(17,20,24,.7) 22%, rgba(17,20,24,0) 46%); }
html.nsc-globe .nsc-mp[data-lang="en"] .nsc-mp__stage::before{ background:linear-gradient(to right, rgba(17,20,24,.94) 0%, rgba(17,20,24,.7) 22%, rgba(17,20,24,0) 46%); }
html.nsc-globe .nsc-mp__stage::after{ display:none; }
html.nsc-globe .nsc-mp__cap{ inset-block-start:auto; top:clamp(40px,8vw,110px); font-size:clamp(1.4rem,2.8vw,2.3rem); }
html.nsc-globe .nsc-mp__list{ inset-block-end:auto; top:calc(clamp(40px,8vw,110px) + clamp(70px,7vw,96px)); gap:6px; }
html.nsc-globe .nsc-mp__list button{ font-size:1.02rem; padding:7px 2px; }
@media (max-width:760px){
  html.nsc-globe .nsc-mp{ height:auto; padding-block:26px 0; display:flex; flex-direction:column; }
  html.nsc-globe .nsc-mp__stage{ position:relative; order:3; height:360px; }
  html.nsc-globe .nsc-mp__stage::before{ display:none; }
  html.nsc-globe .nsc-mp__cap{ order:1; top:auto; font-size:1.3rem; }
  html.nsc-globe .nsc-mp__list{ order:2; top:auto; }
}
