@media (max-width: 768px) {
    .header {
        padding: 1rem;
    }

    .logo-placeholder {
        font-size: 0.9rem;
        padding: 8px 16px;
    }

    .profile-button span {
        display: none;
    }

    .main-content {
        padding: 1rem;
    }

    .section-title {
        font-size: 1.4rem;
    }

    .video-card {
        flex: 0 0 300px;
    }

    .podcast-card {
        flex: 0 0 250px;
    }

    .school-layout {
        padding: 0 1rem 1.5rem;
    }

    .school-main {
        padding: 1.5rem;
    }

    .school-name {
        font-size: 1.7rem;
    }

    .roster-table-wrapper {
        overflow-x: auto;
    }

    .profile-layout {
        grid-template-columns: 1fr;
    }

    .profile-videos-grid {
        justify-content: center;
    }

    .profile-video-card {
        width: 100%;
        max-width: 320px;
    }

    .game-card {
        padding: 0.8rem 0.9rem;
    }

    .game-card-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.15rem;
    }

    .game-main-row {
        align-items: flex-start;
    }

    .game-score-badge {
        padding: 0.2rem 0.5rem;
        min-width: 3.8rem;
    }

    .game-score-numbers {
        font-size: 1.05rem;
    }

}