/* NCHF v2 design layer (v135, Nov 2026). Loaded AFTER css/styles.css on every page that uses the shared header.
   It re-skins the existing markup through the site's own CSS variables plus a few component overrides.
   Remove the <link> to this file to fall back to the previous look. */
:root{
  --night:#0b1a2e; --amber:#f2a531; --amber-ink:#8a5200; --haze:#c3d0e0; --spruce:#173a2c; --snow:#f2f5f7; --line:#d6dee6;
  --green:#1d6a4b; --green-dark:#173a2c; --blue:#1b4f8f; --brown:#0b1a2e;
  --cream:#f2f5f7; --cream-dark:#d6dee6; --orange:#d9861a; --gray:#5c6b7e; --gray-light:#d6dee6;
  --radius:10px; --radius-lg:14px;
  --sans:"Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --display:"Archivo", "Arial Narrow", Arial, sans-serif;
  --mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
}
body{font-size:17.5px;color:#28384c}
h1,h2,h3,h4{font-stretch:108%;letter-spacing:-.015em;text-wrap:balance}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:6px}

/* buttons */
.btn{border-radius:10px;padding:.9rem 1.45rem;line-height:1.15;font-size:1rem}
.btn-primary{background:var(--amber);color:#201300}
.btn-primary:hover{background:#ffb84d;color:#201300}
.btn-dark{background:var(--night);color:#fff}
.btn-dark:hover{background:#12294a;color:#fff}
.btn:hover{transform:translateY(-2px)}

/* utility bar: ground school and portal one tap away on every page */
.topbar{background:#07111f;color:var(--haze);font-size:.9rem}
.topbar .container{display:flex;align-items:center;justify-content:space-between;gap:.5rem 1.5rem;flex-wrap:wrap;padding-top:.5rem;padding-bottom:.5rem}
.topbar a{color:#fff;font-weight:600}
.topbar a:hover{color:var(--amber)}
.topbar .tb-l{font-family:var(--mono);font-size:.78rem;letter-spacing:.04em}
.topbar .tb-r{display:flex;flex-wrap:wrap;gap:.4rem 1.3rem;align-items:center}
.topbar .tb-gs{background:var(--amber);color:#201300;border-radius:7px;padding:.28rem .7rem;font-weight:700}
.topbar .tb-gs:hover{background:#ffb84d;color:#201300}
@media (max-width:720px){ .topbar .tb-l{display:none} .topbar .container{justify-content:center} .topbar .tb-r a:nth-child(3){display:none} }

/* header */
.site-header{background:var(--night);border-bottom:1px solid rgba(255,255,255,.12)}
.brand-text{color:#fff;font-stretch:108%}
.brand-text small{color:var(--haze);font-family:var(--mono);font-weight:500;font-size:.66rem;letter-spacing:.1em}
.nav-links a{color:#fff}
.nav-links a:hover,.nav-links a.active{color:var(--amber)}
.nav-links a.btn-primary,.nav-links a.btn-primary.active,.nav-links a.btn-primary:hover{color:#201300}
.nav-toggle span{background:#fff}
.nav-links .sub{background:#12233b;border-color:rgba(255,255,255,.16);box-shadow:0 16px 36px rgba(0,0,0,.4)}
.nav-links .sub a:hover{background:rgba(255,255,255,.08)}
@media (max-width:880px){
  .nav-links{background:var(--night)}
  .nav-links a{color:#fff;background:transparent;border-bottom-color:rgba(255,255,255,.14)}
  .nav-links a:hover,.nav-links a:active{background:rgba(255,255,255,.08);color:#fff}
  .nav-links .sub li:last-child a{border-bottom-color:rgba(255,255,255,.14)}
  .nav-links .btn-primary{background:var(--amber);color:#201300}
  .nav-links .btn-primary:hover{background:#ffb84d;color:#201300}
}

@media (max-width:1240px){ .site-header .nav{padding-left:1rem;padding-right:1rem} }
@media (max-width:880px){ .brand{flex-shrink:1;min-width:0;gap:.55rem} .brand img{height:46px} .brand-text{font-size:.95rem;white-space:normal} }

/* page furniture */
.hero h1{font-stretch:112%;letter-spacing:-.02em}
.section-head .eyebrow{font-family:var(--mono);font-weight:500;font-size:.75rem;letter-spacing:.11em;color:var(--amber-ink)}
section.dark .eyebrow,.dark .section-head .eyebrow{color:var(--amber)}
.card{border:1px solid var(--line);box-shadow:none}
.card:hover{box-shadow:0 18px 40px rgba(11,26,46,.12)}
.tour-table th{background:var(--night)}
.stat .num{color:var(--night)}
.quote{border-left-color:var(--amber)}
.faq-item summary::after{color:var(--amber-ink)}
.faq-category{border-bottom-color:var(--amber)}
.form input,.form select,.form textarea{border-color:var(--line);border-width:1.5px;padding:.8rem .9rem}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--night)}
.cta-banner{background:linear-gradient(135deg,#12294a,var(--night))}
.notice{border-left-color:var(--amber);background:#fff7e8}
.includes-pill{font-family:var(--mono);font-weight:500}

/* footer */
.site-footer{background:#07111f}
.site-footer h4{font-family:var(--mono);font-weight:500;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}
.site-footer .ft-key a{color:#fff;font-weight:700}