/* Sky Scout V29: the requested blue horizon, compact navigation and animation controls. */
:root {--sky-lavender:#edf4fb}
html {background:#153e60;}
body {
  min-height:100vh;
  background:
    radial-gradient(ellipse 90% 20% at 55% 0%,rgba(255,255,255,.63) 0%,rgba(255,255,255,0) 100%),
    linear-gradient(180deg,
      #edf4fb 0%,
      #d9e9f7 16%,
      #b6d2e8 36%,
      #82aecb 55%,
      #4b81a7 72%,
      #2e6086 86%,
      #194566 97%,
      #153e60 100%) !important;
  background-attachment:scroll !important;
}
/* Leaner paired page buttons, close to the height of the Now button. */
header .site-nav a, .site-nav a,
html.sky-desktop header .site-nav a {
  min-height:34px !important;
  padding:5px 9px !important;
  line-height:1.12 !important;
  box-sizing:border-box;
}
/* Match Animate to the height of the central Now control, not the taller other controls. */
#pwAnimate,.controls .pw-animation-toolbar #pwAnimate,
html.sky-desktop .controls .pw-animation-toolbar #pwAnimate {
  height:30px !important;
  min-height:30px !important;
  max-height:30px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  align-self:center;
  line-height:1 !important;
}
@media(max-width:380px) {
  header .site-nav a {font-size:11px !important;}
}


/* V31: stable, non-repainting fixed sky backdrop for mobile browsers.
   Instead of a dynamic 100dvh CSS pseudo-element, mount a separate fixed,
   prerendered backdrop at the *largest* viewport height. This height stays
   constant when Chrome's toolbars appear/disappear or scrolling hits an edge.
   The image preserves V30's original gradient colors and soft top highlight. */
html { background: #153e60 !important; overscroll-behavior-y: none; }
body { background: #153e60 !important; isolation: isolate; overscroll-behavior-y: none; }
body::before { content: none !important; display:none !important; }
#sky-static-backdrop {
  position:fixed;
  top:0;left:0;right:0;
  width:100%;
  height:100vh; /* fallback */
  height:100lvh; /* stable viewport height, not the toolbar-changing 100dvh */
  z-index:0;
  pointer-events:none;
  background-color:#153e60;
  background-image:url('assets/sky-viewport-gradient.png');
  background-position:center center;
  background-repeat:no-repeat;
  background-size:100% 100%;
  transform:translate3d(0,0,0);
  backface-visibility:hidden;
  will-change:transform;
}
body > main { position:relative; z-index:1; }