/* Compact phone/tablet header (2026-10-13; up to 1200px since the Weekly Announcements link was added): brand + Give + menu button.
   Page links move into a drop-down panel built by the inline nav script. Desktop is unchanged. */
.nav-toggle, .nav-menu { display: none; }

@media (max-width: 1200px) {
  html body .nav .nav-inner { flex-wrap: nowrap; justify-content: space-between; padding: 0.55rem 0.9rem; gap: 0.6rem; row-gap: 0; }
  html body .nav .nav-brand { font-size: 1.02rem; gap: 0.6rem; flex: 1 1 auto; min-width: 0; }
  html body .nav .nav-brand .brand-mark { height: 42px; width: 42px; }
  html body .nav .nav-brand .brand-txt { line-height: 1.1; }
  html body .nav .nav-brand .brand-txt span { font-size: 0.68rem; }
  html body .nav .nav-links { width: auto; flex: 0 0 auto; flex-wrap: nowrap; gap: 0; }
  html body .nav .nav-links a:not(.nav-cta) { display: none; }
  html body .nav .nav-links a.nav-cta { font-size: 0.85rem; padding: 0 1rem; min-height: 40px; display: inline-flex; align-items: center; }

  .nav-toggle { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 44px; height: 44px; padding: 0; background: transparent; color: #fff; border: 1px solid rgba(255,255,255,0.28); border-radius: 10px; cursor: pointer; }
  .nav-toggle svg { width: 22px; height: 22px; }
  .nav-toggle[aria-expanded="true"] { background: rgba(255,255,255,0.08); }

  .nav-menu { display: block; position: absolute; left: 0; right: 0; top: 100%; background: #12261B; border-top: 1px solid rgba(255,255,255,0.1); box-shadow: 0 14px 28px rgba(0,0,0,0.35); padding: 0.25rem 0 0.5rem; }
  .nav-menu[hidden] { display: none; }
  .nav-menu a { display: flex; align-items: center; min-height: 50px; padding: 0 1.4rem; color: rgba(255,255,255,0.92); font: 500 1.05rem/1.2 'Inter', sans-serif; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.07); }
  .nav-menu a:last-child { border-bottom: 0; }
  .nav-menu a.active, .nav-menu a:hover { color: #d9b77e; }

  /* Header is shorter now, so anchor targets need less clearance */
  html body main [id], html body #main-content { scroll-margin-top: 84px; }
}

/* Desktop: keep each nav link on one line */
.nav-links a { white-space: nowrap; }