@media (max-width: 860px) {
    .health-inner { flex-wrap: wrap; gap: 12px; }
    .health-kpis  { flex-wrap: wrap; }
    .hkpi { border-right: none; padding: 0 16px; }
    .health-interp { border-left: none; padding-left: 0; }
    .pillar-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
    .topbar, .site-header, .disclaimer, footer { padding-left: 16px; padding-right: 16px; }
    #hero { padding: 36px 16px 32px; }
    #hiw  { padding: 36px 16px; }
    .matrix-header, .state-matrix, .locked-wrap { padding-left: 16px; padding-right: 16px; }
    .hero-headline { font-size: 32px; }
    .hiw-step { grid-template-columns: 36px 1fr; gap: 14px; }
    .mkt-bottom { flex-direction: column; align-items: flex-start; }
}