/* Compact homepage performance panel. Full names remain in accessible ETF links. */
.home-hero .etf-kind{display:none}
#homepage-indexes{scroll-margin-top:110px}

@media(max-width:760px){
  .home-hero .hero-index-panel{padding:12px 16px}
  .home-hero .panel-heading{font-size:.65rem;letter-spacing:.1em;padding-bottom:10px}
  .home-hero .hero-index{padding:8px 0;gap:6px;align-items:start}
  .home-hero .hero-index-name>a{gap:10px;align-items:baseline}
  .home-hero .hero-index h2{font-size:.9rem;line-height:1.3;margin:0}
  .home-hero .hero-index-name .ticker{font-size:.6rem;line-height:1.3}
  .home-hero .hero-index p.etf-tracking{font-size:.67rem;line-height:1.35;margin:3px 0 0}
  .home-hero .etf-tracking>span{font-size:inherit;letter-spacing:0;text-transform:none;margin-right:4px}
  .home-hero .etf-fund-name{display:none}
  .home-hero .etf-kind{display:inline}
  .home-hero .index-metrics{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px;align-items:start}
  .home-hero .daily-performance{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:10px;align-items:center}
  .home-hero .index-chart{height:36px;align-self:center}
  .home-hero .index-chart>span{font-size:.56rem;line-height:1.2}
  .home-hero .hero-index-performance{gap:2px}
  .home-hero .metric-label{font-size:.6rem;line-height:1.3;letter-spacing:.025em}
  .home-hero .hero-index-performance strong{font-size:1.2rem;line-height:1.2}
  .home-hero .hero-index-performance small{font-size:.62rem;line-height:1.35;max-width:none}
  .home-hero .index-metrics [data-ytd-metric]{padding-left:12px}
  .home-hero .index-panel-foot{padding-top:10px}
  .home-hero .index-more-button{margin:0;min-height:36px;padding:7px 12px;font-size:.75rem}
}

@media(max-width:350px){
  .home-hero .hero-index-panel{padding:12px}
  .home-hero .hero-index-name>a{gap:8px}
  .home-hero .hero-index h2{font-size:.85rem}
  .home-hero .index-metrics{gap:9px}
  .home-hero .daily-performance{gap:8px}
  .home-hero .index-metrics [data-ytd-metric]{padding-left:9px}
  .home-hero .hero-index-performance strong{font-size:1.1rem}
  .home-hero .metric-label{font-size:.58rem}
  .home-hero .hero-index-performance small{font-size:.6rem}
}