/* One shell for every page.

   The approved home page has its own header and page frame (scoped to .home-screen in
   home.css). Every other page kept the older ones, so the logo, menu and page edges
   jumped whenever a visitor moved between Home and any other page. This file applies
   the home shell everywhere. It is GENERATED from home.css by the backend session's
   build_shell.py so the numbers cannot drift; frontend is welcome to fold these rules
   into frontend.css, drop the .home-screen scoping there, and delete this file. */

body .live-strip {display:none;}
body .page-width {max-width:1360px; width:calc(100% - 80px);}
body .hero-slim,body .hero[data-art="full"] {max-width:1360px; width:calc(100% - 80px);}
body .site-header {position:relative; box-shadow:0 2px 10px #20426a03;}
body .header-inner {height:88px; gap:30px;}
body .primary-nav {gap:27px;}
body .nav-link {font-size:16px; font-weight:600;}
body .header-utilities {gap:14px;}
body .search-form {width:190px; background:#f3f7fb; border:1px solid #edf2f8;}
body .ticker {display:none;}
@media (max-width:1199px) {
  body .header-inner {height:auto; min-height:84px; row-gap:0;}
  body .page-width {width:calc(100% - 48px);}
  body .hero-slim,body .hero[data-art="full"] {width:calc(100% - 48px);}
  body .primary-nav {width:auto; height:70px; order:0; margin:0; gap:19px;}
  body .header-utilities {margin-left:auto;}
  body .search-form {width:140px;}
  body .header-inner {column-gap:22px;}
  body .nav-link {font-size:14px;}
}
@media (max-width:1059px) {
  body .header-inner {flex-wrap:wrap; padding-top:12px;}
  body .primary-nav {order:3; width:100%; height:54px; justify-content:space-between;}
  body .nav-link {font-size:16px;}
  body .search-form {width:210px;}
}
@media (max-width:620px) {
  body .page-width {width:calc(100% - 32px);}
  body .hero-slim,body .hero[data-art="full"] {width:calc(100% - 32px);}
  body .header-inner {min-height:0; padding-top:14px; gap:8px;}
  body .header-utilities {gap:10px;}
  body .search-form {width:calc(100% - 128px); height:42px;}
  body .primary-nav {display:grid; grid-template-columns:.8fr .9fr 1.1fr 1fr 1.5fr; height:auto; gap:2px; padding:4px 0 7px;}
  body .nav-link {min-height:44px; font-size:14px; padding:8px 3px; background:transparent; border-radius:7px;}
  body .nav-link.is-active {background:#eef5ff;}
}
@media (max-width:620px) {
  body.home-screen .header-inner>.brand:has(.brand-image) {width:128px; flex-basis:128px;}
}