/* Responsive UX corrections identified in the 3 Oct 2026 current-build audit. */
@media(max-width:480px){
  .impact-card{grid-template-columns:116px minmax(0,1fr)}
  .impact-card strong{font-size:1.75rem;max-width:100%;overflow-wrap:anywhere}
}

/* Keep the navigation readable on small tablets instead of compressing seven links. */
@media(min-width:801px) and (max-width:960px){
  .header-inner{min-height:74px;flex-wrap:wrap;gap:0}
  .menu-toggle{display:block;border-color:#d4a28280;border-radius:999px;padding:.45rem .85rem}
  .site-nav{width:100%;flex-wrap:wrap;gap:.5rem 1.5rem;padding:.8rem 0 1.1rem;border-top:1px solid #ffffff18}
  .js .site-nav:not(.is-open){display:none}
  .site-nav a{min-height:46px;font-size:.94rem}
  .site-nav .header-cta{max-width:none;width:100%;justify-content:center;margin-top:.55rem;line-height:1.25}
  .impact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Impact dashboard refinement: avoid a spreadsheet-like five-column strip.
   Three primary signals sit on the first row; two supporting signals span the second row. */
@media(min-width:961px){
  .impact-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .impact-card{min-width:0;min-height:176px;padding:1.7rem}
  .impact-card:nth-child(-n+3){grid-column:span 2}
  .impact-card:nth-child(n+4){grid-column:span 3}
  .impact-card strong{overflow-wrap:normal;word-break:normal;text-wrap:balance}

  /* Textual authority signals should not impersonate numeric KPIs. */
  .impact-card:nth-child(2) strong,
  .impact-card:nth-child(3) strong,
  .impact-card:nth-child(5) strong{font-size:clamp(1.65rem,2.6vw,2.45rem);line-height:1.08;max-width:11ch}

  /* “International” previously dominated and wrapped awkwardly inside a narrow cell. */
  .impact-card:nth-child(3) strong{font-family:var(--sans);font-size:.78rem;line-height:1.35;letter-spacing:.16em;text-transform:uppercase;color:#d4a282;margin-bottom:1.3rem;max-width:none}
  .impact-card:nth-child(3) span{font:400 1.35rem/1.28 var(--serif);max-width:19ch;letter-spacing:-.02em}
  .impact-card:nth-child(3) small{max-width:30ch}
}

/* Mid-size desktop: keep the hierarchy but reduce density. */
@media(min-width:961px) and (max-width:1120px){
  .impact-card{padding:1.45rem;min-height:168px}
  .impact-card span{font-size:.88rem}
}