/* v38: header-only sizing; preserve each area's existing colors and layout. */
body > header nav .links,body > header nav .nav-links,body #site-shell nav{flex-wrap:nowrap;white-space:nowrap}
@media(max-width:600px){
 body > header > nav{padding-left:14px;padding-right:14px;gap:10px}
 body > header nav .links,body > header nav .nav-links,body #site-shell nav{gap:10px}
 body > header nav .links a,body > header nav .nav-links a,body #site-shell nav a{font-size:12px;line-height:1.3;display:inline-flex;align-items:center;min-height:28px}
 body #site-shell .shell-inner{width:calc(100% - 28px);gap:10px}
 body > header nav .logo,body #site-shell .shell-logo{flex-shrink:0}
}
@media(max-width:360px){
 body > header nav .links,body > header nav .nav-links,body #site-shell nav{gap:8px}
 body > header nav .links a,body > header nav .nav-links a,body #site-shell nav a{font-size:11.5px}
}

/* v42.2: keep rotated Test/Choice hero artwork inside its actual container.
   A 24px inset plus a 48px size allowance accommodates the existing 9deg turn.
   Scoped to these heroes only; game navigation and game artwork are unchanged. */
@media(max-width:680px){
 .test-hero > .test-hero-art,
 main > .hero > .hero-art,
 .choice-page-hero.intro > .hero-art{
  width:min(265px,calc(100% - 48px));
  height:auto;
  aspect-ratio:1 / 1;
  right:24px;
 }
}