/* ── MOBILE STYLES ── */
@media (max-width: 720px) {
  .hero, .section { 
    padding-left: 20px; 
    padding-right: 20px; 
  }
  
  .highlight-grid, .two-col, .squad-grid { 
    grid-template-columns: 1fr; 
  }
  
  .highlight-card.featured { 
    flex-direction: column; 
    gap: 16px; 
  }
  
  .points-grid { 
    grid-template-columns: repeat(2, 1fr); 
  }
  
  .activekids-box { 
    grid-template-columns: 1fr; 
  }
  
  .cta-buttons { 
    flex-direction: column; 
    align-items: center; 
  }
  
  .cta-section h2 { 
    font-size: 32px;
  }
  
  .result-list {
    padding-left: 24px;
    padding-right: 24px;
  }
  
  .highlight-card:first-child {
    padding-bottom: 30px;
  }

  .note {
    margin: 0 20px;
  }
}

@media (max-width: 480px) {
  .stats-strip { 
    padding: 40px 40px; 
  }
  
  .stats-inner { 
    grid-template-columns: 1fr; 
    gap: 16px; 
  }
  
  .stat { 
    border-right: none; 
    border-bottom: 1.5px solid rgb(255,255,255,0.17); 
    padding-bottom: 16px; 
    padding-bottom: 26px; 
    padding-top: 26px; 
    width: 40%; 
    place-self: center;
  }
  
  .stat:last-child { 
    border-bottom: none; 
  }

  .last-child { 
    display: none; 
  }

  .race-calendar {
    margin: 20px;
  }
}