/* Responsive */
     @media (max-width: 920px) {
        .layout, .team-layout { grid-template-columns: 1fr; }
        .filters, .team-news { position: static; }
      }
      
      @media (max-width: 640px) {
        .topbar { flex-wrap: wrap; gap: 10px; padding: 10px 12px; }
        .topbar-right { display: flex; align-items: center; gap: 12px; }
        .topbar-left { width: 100%; justify-content: space-between; }
        .topbar .search { order: 3; width: 100%; margin: 0; }
        .topbar .profile-btn { order: 2; }
    
        .menu-dropdown { padding: 8px 12px; }
        .dropdown { left: 12px; top: 48px; }
      
        .headline-banner { padding: 10px 12px; }
        .headline-banner .headlines { grid-template-columns: 1fr; }
      
        .container { padding: 0 12px; }
        .calendar-grid { grid-template-columns: 1fr; padding: 12px; }
        .calendar-event { padding: 12px; }
      
        .filters { padding: 10px; }
        .checkbox { padding: 8px 2px; }
      
        /* Make scores table horizontally scrollable on small screens */
        .table { overflow-x: auto; }
        .table .row { min-width: 560px; }
      
        /* Touch-friendly tabs */
        .tab { padding: 10px 14px; }
        .panel { padding: 10px; }
      }
      
      @media (max-width: 480px){
        .form-card{ padding: 16px; margin: 24px auto; }
        .form-row.between{ flex-direction: column; align-items: flex-start; gap: 8px; }
      }