/* Archive presentation only. Keep SS1 data, weights, scoring and scripts intact. */
#sec-home > div[style*="grid-template-columns:1fr 1fr"] {grid-template-columns:repeat(2,minmax(0,1fr))!important}
#sec-home > div[style*="grid-template-columns:1fr 1fr"] > .card {min-width:0}
#chartTop10,#chartStep {max-width:100%;width:100%!important}
@media (max-width: 1000px) {
  .topbar-inner {height:auto;min-height:64px;flex-wrap:wrap;padding-top:10px;gap:8px}
  .topbar-brand {min-width:0;max-width:100%}
  .nav-tabs {width:100%;min-width:0;margin-left:0;overflow-x:auto;overscroll-behavior-x:contain}
  .nav-tab {flex:0 0 auto;padding:13px 12px}
}
@media (max-width: 768px) {
  .section,.card,.kpi,.hof-card,.modal,.s2-modal {min-width:0;max-width:100%}
  .section {scroll-margin-top:120px}
  .hero h1 {overflow-wrap:break-word}
  .kpi-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .hof-grid {grid-template-columns:minmax(0,1fr)}
  #sec-reveal div[style*="minmax(280px,1fr)"] {grid-template-columns:minmax(0,1fr)!important}
  /* This archived chart grid had two fixed 518px canvases. Stack the cards. */
  #sec-home > div[style*="grid-template-columns:1fr 1fr"] {grid-template-columns:minmax(0,1fr)!important}
  .card {padding:20px 16px}
  .s2-btn-banner {padding:18px 16px}
  .s2-btn-banner > div,.s2-btn-banner-text {min-width:0;max-width:100%}
  .btn-goto-s2,.btn-missing {max-width:100%;white-space:normal}
  .card-search-row {flex-wrap:wrap}
  .card-search-row input {min-width:0;flex:1 1 170px}
  .card-search-row button {flex:0 0 auto}
  .ray-fb-card {padding:24px 18px}
  .modal {padding:26px 18px}
  .metric-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .score-row {gap:12px}
  .score-row-label {min-width:0}
  .score-row-val {flex:none}
  /* Existing table wrappers keep all columns available by scrolling locally. */
  #sec-wellness div[style*="overflow-x:auto"],#step-table-wrap {max-width:100%;min-width:0}
}
@media (max-width: 374px) {
  .hero {padding:22px 16px}
  .kpi {padding:18px 12px}
  .kpi-val {font-size:30px}
  .award-card-big {padding:24px 16px}
  .hof-card {padding:16px 14px;gap:10px}
}