/* Phone refinements only. The approved laptop layout and type scale stay intact. */
@media (max-width: 760px) {
  body { min-width: 0; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  .site-header { padding-inline: max(16px, env(safe-area-inset-right)); }
  .nav-wrap { gap: .5rem; min-height: 80px; }
  .site-header.is-scrolled .nav-wrap { min-height: 76px; }
  .header-identity { gap: .5rem; }
  .header-identity .menu-toggle { width: 44px; height: 44px; padding: 10px; }
  .header-identity .menu-toggle i { width: 25px; }
  .header-identity .brand, .header-identity .brand img,
  .site-header.is-scrolled .header-identity .brand,
  .site-header.is-scrolled .header-identity .brand img { width: 46px; height: 46px; }
  .header-actions { gap: .75rem; }
  .header-actions .header-contact { min-height: 44px; font-size: .9rem; }
  .header-actions .language-toggle { width: 40px; height: 40px; min-width: 40px; font-size: .875rem; }
  .language-menu { max-width: calc(100vw - 32px); max-height: 65svh; overflow-y: auto; }
  .language-menu button { min-height: 44px; }
  [id], html[data-route="interior"] .section { scroll-margin-top: 92px; }
  .section, .home-news, .home-programs { padding-inline: 1.25rem; }
  .section { padding-block: 2.6rem; }

  /* Bold titles, medium subheadings, regular reading copy. */
  .hero h1, .interior-intro h1 { font-weight: 700; letter-spacing: 0; line-height: 1.65; }
  .hero h1 { font-size: clamp(2rem, 8.3vw, 2.65rem); }
  .interior-intro h1 { font-size: clamp(1.9rem, 7.8vw, 2.5rem); }
  .section h2, html[data-route="interior"] .section h2,
  .home-section-head h2, .home-news h2, .partners-heading h2,
  .national-journey > h2 { font-size: clamp(1.65rem, 6.7vw, 1.95rem); font-weight: 700; line-height: 1.8; letter-spacing: 0; }
  .section h3, .person-card h4, .home-pathway strong,
  .directory-link strong, .compact-values .value-copy strong,
  .membership-panel h4 { font-weight: 500; letter-spacing: 0; line-height: 1.85; }
  .section p, .section li, .hero-copy > p, .interior-intro > p { font-weight: 400; }
  .hero-copy > p, .section > .section-heading > p,
  .about-statement > p, .vision-cards p, .strategy-list p,
  .programs-heading > p, .program-body p, .media-heading > p,
  .media-card p, .leadership-heading > p, .person-card .person-bio,
  .executive-copy p, .membership-panel p, .membership-panel li,
  .contact-copy > p, .national-bridge p { font-size: 1rem; line-height: 2.05; }
  .section-kicker, .vision-cards .mini-label, .news-category,
  .program-body > span, .person-card .person-role { font-size: .9rem; font-weight: 400; }
  .home-pathway strong { font-size: 1.05rem; }
  .pathway-copy p, .directory-link > span { font-size: .9rem; line-height: 1.9; }
  .home-news-card h3, .media-card h3, .action-link-card h3 { font-size: 1.15rem; }
  .home-news-card .news-excerpt { font-size: 1rem; line-height: 2; }
  .national-card-copy h3 { font-size: 1.05rem; }
  .national-card-copy p, .national-card-copy blockquote { font-size: 1rem; line-height: 2; }
  .national-card-copy h3 small { font-size: .9rem; font-weight: 400; }

  /* Flowing hero content prevents overlap on shorter and narrower screens. */
  .hero { min-height: 100svh; padding: 112px 1.25rem 2rem; justify-content: center; }
  .hero-copy { width: 100%; padding: 0; }
  .hero .eyebrow { font-size: .9rem; margin-bottom: 1.3rem; }
  .hero h1 { margin-bottom: 1.25rem; }
  .hero-actions { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; margin-top: 1.5rem; }
  .hero .button { min-height: 48px; font-size: .9rem; padding: .6rem .8rem; }
  .hero-facts { position: relative; inset: auto; width: 100%; margin-top: 2rem; padding-top: 1.25rem; }
  .hero-facts > div { min-width: 0; flex: 1; padding-inline: .6rem; }
  .hero-facts strong { font-size: clamp(1.35rem, 5.7vw, 1.75rem); }
  .hero-facts span { font-size: .75rem; line-height: 1.85; }
  .hero-media-controls { position: relative; inset: auto; align-self: start; margin-top: 1.1rem; padding-inline-end: 58px; }
  .hero-media-controls button { min-height: 40px; font-size: .85rem; }
  .hero-scroll-hint { display: none; }

  .home-directory { padding-inline: 1.25rem; }
  .directory-link { min-height: 78px; padding-block: .75rem; }
  .directory-link strong { font-size: 1rem; }
  .vision-cards article, .vision-cards article:nth-child(2) { padding: 1.25rem; }
  .goals-disclosure summary { min-height: 52px; }
  .goals-disclosure summary h3 { font-size: 1.1rem; }
  .about-goals ol, html[data-route="interior"] #about-goals-list { font-size: 1rem; line-height: 2; }
  .home-pathway, .home-pathway:nth-child(2), .home-pathway:nth-child(3) { padding: 1rem .85rem; min-height: 300px; }
  .home-pathway img, .home-pathway:hover img { height: 130px; }
  .home-pathway:hover { transform: none; }
  .program-tracks button, .media-filter-bar button, .page-subnav a { min-height: 44px; }
  .page-subnav { gap: .55rem; }
  .page-subnav a { display: flex; align-items: center; font-size: .9rem; padding: .45rem .75rem; }
  .program-tracks button, .media-filter-bar button { font-size: .95rem; }
  .media-card-body, .person-card, .membership-panel { padding: 1.25rem; }
  .media-card a, .action-link-card a, .person-linkedin { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
  .national-cards { scroll-padding-inline: 0; }
  .national-cards { display: grid; grid-template-columns: 1fr; gap: 1.1rem; overflow: visible; scroll-snap-type: none; padding-bottom: 0; }
  .national-card { min-width: 0; }
  .national-card-copy { padding: 1.25rem; }
  .main-nav { padding-top: 104px; padding-bottom: calc(80px + env(safe-area-inset-bottom)); }
  .main-nav a.menu-page { min-height: 56px; font-weight: 500; }
  .main-nav .menu-contact { min-height: 44px; }
  .contact-field input, .contact-field textarea, .contact-field select { font-size: 16px; min-height: 48px; }
  .contact-form .button { min-height: 48px; font-size: 1rem; }
  .site-footer { padding-bottom: calc(5rem + env(safe-area-inset-bottom)); font-size: .875rem; }
  .footer-pages { gap: .4rem 1.25rem; font-size: .95rem; }
  .footer-pages a { display: inline-flex; align-items: center; min-height: 44px; }
}
@media (max-width: 359px) {
  .header-actions { gap: .45rem; }
  .header-actions .header-contact { font-size: .85rem; }
  .header-identity { gap: .25rem; }
  .header-identity .brand, .header-identity .brand img { width: 40px; height: 40px; }
  .hero-actions { grid-template-columns: 1fr; }
  .home-pathways { grid-template-columns: 1fr; }
  .home-pathway, .home-pathway:nth-child(2), .home-pathway:nth-child(3) { min-height: 0; }
  .home-pathway img, .home-pathway:hover img { height: 160px; }
}
@media (max-width: 760px) and (orientation: landscape) {
  .hero { padding-top: 100px; }
  .hero-copy { max-width: 620px; }
  .main-nav { padding-top: 90px; }
}