@media (min-width: 1366px) {
    .for-you-hub {
        grid-template-columns: minmax(0, 1.35fr) minmax(340px, 0.75fr);
    }
}

@media (max-width: 1180px) {
    .for-you-hub {
        grid-template-columns: 1fr;
    }

    .for-you-resume-card {
        grid-template-columns: minmax(0, 1fr) minmax(260px, 0.9fr);
    }

    .for-you-resume-actions {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .for-you-continue-heading {
        align-items: start;
        flex-direction: column;
    }

    .for-you-daily-mix {
        grid-template-columns: 1fr;
    }

    .for-you-daily-mix-preview {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .for-you-hub-picks,
    .for-you-hub-artists,
    .for-you-hub-pulse {
        grid-column: auto;
    }
}

@media (max-width: 760px) {
    .for-you-hub {
        gap: 12px;
        padding-top: 12px;
    }

    .for-you-hub-intro h1 {
        font-size: 2.4rem;
    }

    .for-you-hub-actions,
    .for-you-hub-actions .button {
        width: 100%;
    }

    .for-you-hub-actions .button {
        justify-content: center;
    }

    .for-you-resume-card {
        grid-template-columns: 1fr;
        padding: 12px;
    }

    .for-you-resume-actions,
    .for-you-resume-actions .button {
        width: 100%;
    }

    .for-you-resume-actions .button {
        justify-content: center;
    }

    .for-you-continue-shelf {
        padding: 12px;
    }

    .for-you-continue-grid {
        grid-template-columns: 1fr;
    }

    .for-you-continue-art {
        height: clamp(132px, 42vw, 180px);
    }

    .for-you-continue-tile {
        min-height: 0;
    }

    .for-you-continue-empty {
        grid-template-columns: 1fr;
    }

    .for-you-continue-empty-slots {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .for-you-continue-actions,
    .for-you-continue-actions .button,
    .for-you-continue-room-form,
    .for-you-continue-room-form .button,
    .for-you-continue-empty-actions,
    .for-you-continue-empty-actions .button {
        width: 100%;
    }

    .for-you-continue-actions .button,
    .for-you-continue-room-form .button,
    .for-you-continue-empty-actions .button {
        justify-content: center;
    }

    .for-you-daily-mix {
        padding: 12px;
    }

    .for-you-tonight-card {
        padding: 12px;
    }

    .for-you-tonight-actions,
    .for-you-tonight-actions .button {
        width: 100%;
    }

    .for-you-tonight-actions .button {
        justify-content: center;
    }

    .for-you-daily-mix-moods {
        flex-wrap: nowrap;
        margin-inline: -2px;
        padding-bottom: 4px;
        overflow-x: auto;
        scrollbar-width: thin;
    }

    .for-you-daily-mix-chip {
        flex: 0 0 auto;
    }

    .for-you-daily-mix-preview {
        grid-template-columns: 1fr;
    }

    .for-you-hub-pick-grid {
        grid-template-columns: 1fr;
    }

    .for-you-pulse-meta {
        display: grid;
    }
}

@media (max-width: 1365px) {
    .home-stage-grid {
        grid-template-columns: minmax(250px, 0.8fr) minmax(360px, 1fr) minmax(250px, 0.7fr);
    }

    .home-stage-copy {
        gap: 16px;
        padding: 24px;
    }

    .home-stage-copy h1 {
        font-size: 3.55rem;
    }
}

@media (max-width: 1240px) {
    .home-stage-grid {
        grid-template-columns: minmax(260px, 0.82fr) minmax(0, 1fr);
    }

    .home-stage-side {
        grid-column: 1 / -1;
    }

    .home-stage-track-list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .home-music-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .home-podcast-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-live-strip-shell,
    .home-live-feed {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 980px) {
    .home-stage-copy h1 {
        font-size: 3.5rem;
    }

    .home-stage-tagline {
        font-size: 1.04rem;
    }

    .home-stage-track-list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .home-music-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .home-stage-grid {
        grid-template-columns: 1fr;
    }

    .home-stage-copy {
        order: -1;
        padding: 20px;
    }

    .home-stage-side {
        display: none;
    }

    .home-stage-cover {
        aspect-ratio: 16 / 10;
        max-height: 280px;
    }

    .home-stage-copy h1 {
        font-size: 3rem;
    }

    .home-stage-stats {
        grid-template-columns: repeat(3, minmax(88px, 1fr));
        overflow-x: auto;
        scrollbar-width: thin;
    }

    .home-stage-track-list,
    .home-podcast-grid,
    .home-live-room-chips {
        grid-template-columns: 1fr;
    }

    .home-rail-section {
        padding: 14px;
    }

    .home-music-section .section-heading,
    .home-podcast-section .home-section-intro {
        display: grid;
        gap: 10px;
        align-items: start;
    }

    .home-music-grid {
        grid-auto-columns: minmax(148px, 44vw);
        grid-auto-flow: column;
        grid-template-columns: none;
        margin-inline: -2px;
        overflow-x: auto;
        padding: 0 2px 6px;
        scrollbar-width: thin;
    }

    .home-live-pulse-item {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .home-live-pulse-item .eyebrow {
        grid-column: 2;
    }

    .home-live-pulse-item > span:last-child,
    .home-live-pulse-item strong {
        grid-column: 2;
    }
}

@media (max-width: 520px) {
    .home-landing-hero {
        gap: 10px;
    }

    .home-landing-hero .home-beta-notice {
        gap: 8px;
        padding: 10px;
    }

    .home-landing-hero .home-beta-notice-text {
        display: -webkit-box;
        overflow: hidden;
        font-size: 0.82rem;
        line-height: 1.35;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .home-stage-copy {
        gap: 10px;
        padding: 16px;
    }

    .home-stage-copy .signal {
        min-height: 30px;
        padding: 6px 10px;
        font-size: 0.78rem;
    }

    .home-stage-copy h1 {
        font-size: 2.25rem;
    }

    .home-stage-tagline {
        font-size: 0.94rem;
        line-height: 1.44;
    }

    .home-stage-stats {
        display: none;
    }

    .home-stage-copy .hero-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .home-stage-copy .hero-actions .button {
        min-width: 0;
        min-height: 40px;
        padding-inline: 13px;
        font-size: 0.88rem;
    }

    .home-stage-copy .hero-actions .button:first-child {
        grid-column: 1 / -1;
    }

    .home-stage-feature,
    .home-stage-side {
        padding: 8px;
    }

    .home-stage-cover {
        max-height: 190px;
    }

    .home-stage-track-row {
        grid-template-columns: 54px minmax(0, 1fr);
        min-height: 68px;
    }

    .home-stage-row-art {
        width: 54px;
    }

    .home-music-grid {
        grid-auto-columns: minmax(150px, 58vw);
    }

    .home-podcast-card {
        grid-template-columns: 82px minmax(0, 1fr);
        min-height: 104px;
        padding: 8px;
    }

    .home-podcast-cover,
    .home-podcast-placeholder-art {
        width: 82px;
    }

    .home-podcast-copy h3,
    .home-podcast-copy strong {
        font-size: 0.98rem;
    }

    .home-live-strip-shell {
        padding: 12px;
    }

    .home-page .nightflat-onboarding--home {
        gap: 10px;
        margin: 12px auto 18px;
        padding: 12px;
    }

    .home-page .nightflat-onboarding--home .nightflat-onboarding-copy {
        gap: 6px;
    }

    .home-page .nightflat-onboarding--home .nightflat-onboarding-role {
        display: none;
    }

    .home-page .nightflat-onboarding--home .nightflat-onboarding-panel {
        max-height: 300px;
        overflow: auto;
        scrollbar-width: thin;
    }
}