@media (max-width: 900px) {
    .release-hero {
        grid-template-columns: 220px minmax(0, 1fr);
    }

    .artist-living-status {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .artist-living-status-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .artist-pulse-card-main {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .artist-pulse-meta {
        justify-content: flex-start;
        text-align: left;
    }
}

@media (max-width: 760px) {
    .release-hero {
        grid-template-columns: 1fr;
        padding: 18px;
    }

    .release-hero-art {
        width: min(100%, 340px);
    }

    .release-actions .button {
        min-width: 0;
    }

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

    .artist-living-status {
        margin: 12px 0;
        padding: 13px;
    }

    .artist-living-status-item {
        min-height: 60px;
        padding: 9px 10px;
    }

    .artist-pulse-list {
        padding: 8px;
    }

    .artist-hero .hero-actions .button {
        min-width: 0;
    }

    .artist-pulse-card {
        min-height: 0;
        gap: 12px;
        padding: 14px;
    }

    .artist-pulse-meta {
        justify-content: flex-start;
        min-width: 0;
        text-align: left;
    }

    .artist-pulse-context-chips span {
        min-height: 30px;
    }

    .artist-pulse-story-chip,
    .artist-pulse-related-note {
        min-height: 32px;
    }

    .artist-pulse-reaction-options {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .release-hero-copy h1 {
        font-size: 2.35rem;
    }

    .release-stats {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .release-stats span {
        min-width: 0;
    }

    .release-actions,
    .release-discography-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .release-discography-grid {
        grid-template-columns: 1fr;
    }

    .release-discography-card {
        grid-template-columns: 84px minmax(0, 1fr);
        align-items: center;
    }

    .release-discography-art {
        width: 84px;
    }

    .release-discography-actions,
    .release-discography-card .release-feedback {
        grid-column: 1 / -1;
    }

    .artist-living-status {
        gap: 10px;
    }

    .artist-living-status-heading h2 {
        font-size: 1rem;
    }

    .artist-living-status-grid {
        gap: 7px;
    }

    .artist-living-status-item {
        min-height: 56px;
        padding: 8px;
    }

    .artist-living-status-item span {
        font-size: 0.62rem;
    }

    .artist-living-status-item strong {
        font-size: 0.86rem;
        line-height: 1.22;
    }

    .artist-pulse-section {
        padding: 14px;
    }

    .artist-pulse-list {
        gap: 9px;
        padding: 7px;
    }

    .artist-pulse-card {
        padding: 13px 12px;
    }

    .artist-pulse-body,
    .artist-pulse-card:first-child .artist-pulse-body {
        font-size: 0.96rem;
        line-height: 1.54;
    }

    .artist-pulse-read-toggle {
        min-height: 36px;
        margin-top: 7px;
        padding: 8px 11px;
    }

    .artist-pulse-context-chips {
        gap: 5px;
    }

    .artist-pulse-context-chips span {
        max-width: 100%;
        min-height: 29px;
        padding: 5px 8px;
        font-size: 0.68rem;
    }

    .artist-pulse-story-links {
        gap: 5px;
    }

    .artist-pulse-story-chip,
    .artist-pulse-related-note {
        min-height: 32px;
        padding: 5px 8px;
        font-size: 0.67rem;
    }

    .artist-pulse-meta {
        gap: 5px;
        font-size: 0.68rem;
    }

    .artist-pulse-reactions {
        gap: 7px 10px;
    }

    .artist-pulse-reaction-bar {
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
    }

    .artist-pulse-reaction-current,
    .artist-pulse-reaction-toolbox-toggle {
        min-height: 34px;
        padding: 7px 10px;
    }

    .artist-pulse-reaction-current {
        min-width: 88px;
    }

    .artist-pulse-reaction-toolbox-toggle {
        min-width: 82px;
    }

    .artist-pulse-reaction-total {
        text-align: center;
    }

    .artist-pulse-reaction-toolbox {
        padding-top: 8px;
    }

    .artist-pulse-reaction-options {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
    }

    .artist-pulse-reaction-option {
        min-height: 58px;
        padding: 8px;
    }

    .artist-pulse-reaction-option-copy strong {
        font-size: 0.76rem;
    }

    .artist-pulse-reaction-option-copy small {
        font-size: 0.66rem;
    }
}

@media (max-width: 1365px) {
    .explore-release-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

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

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

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

@media (max-width: 1364px) {
    .explore-main-layout {
        grid-template-columns: 1fr;
    }

    .explore-track-row {
        grid-template-columns: 34px 54px minmax(0, 1fr) 82px;
    }

    .explore-track-tags {
        grid-column: 3 / -1;
        grid-row: 2;
    }

    .explore-track-actions {
        grid-column: 4;
        grid-row: 1;
    }

    .explore-track-duration {
        display: none;
    }

    .explore-queue-rail {
        position: static;
        max-height: 360px;
        overflow: auto;
    }
}

@media (max-width: 1180px) {
    .explore-hero {
        grid-template-columns: 1fr;
    }

    .explore-discovery-form {
        grid-template-columns: minmax(0, 1fr) minmax(150px, 0.55fr) minmax(150px, 0.55fr);
    }

    .explore-discovery-search {
        grid-column: 1 / -1;
    }

    .explore-feature-track {
        grid-template-columns: 230px minmax(0, 1fr);
        align-items: center;
    }

    .explore-feature-art {
        aspect-ratio: 1;
    }

    .explore-release-grid,
    .explore-playlist-grid,
    .explore-room-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

}

@media (max-width: 900px) {
    .explore-hero-copy h1,
    .artist-hero-copy h1,
    .release-hero-copy h1 {
        font-size: 3.2rem;
    }

    .explore-discovery-form {
        grid-template-columns: minmax(0, 1fr) minmax(150px, 0.55fr) minmax(150px, 0.55fr);
    }

    .explore-discovery-search {
        grid-column: 1 / -1;
    }

    .explore-search-tabs {
        flex-wrap: wrap;
        overflow-x: visible;
    }

    .explore-mood-floor {
        grid-template-columns: 64px minmax(0, 1fr);
        align-items: start;
    }

    .explore-mood-floor-count {
        grid-column: 2;
        justify-self: start;
    }

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

    .explore-queue-rail {
        max-height: none;
    }

    .artist-hero {
        grid-template-columns: 220px minmax(0, 1fr);
    }
}

@media (max-width: 700px) {
    .explore-hero,
    .artist-hero,
    .release-hero {
        padding: 18px;
    }

    .explore-hero-copy h1,
    .artist-hero-copy h1,
    .release-hero-copy h1 {
        font-size: 2.35rem;
    }

    .explore-feature-track,
    .artist-hero,
    .release-hero {
        grid-template-columns: 1fr;
    }

    .explore-release-grid,
    .explore-artist-grid,
    .explore-playlist-grid,
    .explore-room-grid {
        grid-template-columns: 1fr;
    }

    .explore-filter-panel .section-heading,
    .explore-section > .section-heading,
    .explore-queue-rail .section-heading {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .explore-filter-panel .section-heading .button,
    .explore-section-action,
    .explore-queue-rail .section-heading .button,
    .explore-playlist-actions .button,
    .explore-room-card .button {
        justify-self: stretch;
        width: 100%;
    }

    .explore-discovery-form {
        grid-template-columns: 1fr;
    }

    .explore-mode-link {
        flex: 1 1 150px;
        min-width: 0;
    }

    .explore-mood-floors {
        padding: 14px;
    }

    .explore-mood-floor {
        min-height: 82px;
    }

    .explore-sound-browser {
        padding: 14px;
    }

    .explore-sound-grid {
        grid-template-columns: 1fr;
    }

    .explore-sound-card {
        min-height: 76px;
    }

    .explore-sound-card-followable,
    .explore-sound-card-radio {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .explore-sound-main {
        grid-template-columns: 62px minmax(0, 1fr);
        gap: 12px;
    }

    .explore-sound-art {
        width: 62px;
    }

    .explore-track-row {
        grid-template-columns: 48px minmax(0, 1fr) 82px;
        gap: 10px;
    }

    .explore-track-rank {
        display: none;
    }

    .explore-track-art-button {
        width: 48px;
    }

    .explore-track-tags {
        grid-column: 2 / -1;
        grid-row: 2;
    }

    .explore-track-actions {
        grid-column: 2 / -1;
        grid-row: 3;
        justify-self: end;
    }

    .explore-pagination {
        justify-content: center;
        width: 100%;
        padding: 8px;
    }

    .explore-page-step {
        flex: 1 1 112px;
    }
}

@media (max-width: 520px) {
    .explore-search-tab {
        flex: 1 1 calc(50% - 8px);
        justify-content: space-between;
        min-width: 0;
    }

    .explore-sound-card-followable,
    .explore-sound-card-radio {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .explore-sound-card-followable .follow-chip,
    .genre-radio-button {
        width: 100%;
    }

    .explore-room-card {
        grid-template-columns: 66px minmax(0, 1fr);
    }

    .explore-room-art {
        width: 66px;
    }

    .explore-mood-floor {
        grid-template-columns: 54px minmax(0, 1fr);
        gap: 10px;
        padding: 9px;
    }

    .explore-mood-floor-marker {
        width: 48px;
        min-height: 50px;
        font-size: 1.06rem;
    }

    .explore-mood-floor-count {
        grid-column: 1 / -1;
        justify-self: stretch;
        width: 100%;
    }
}

/* Dense responsive discovery layout */
@media (min-width: 1366px) {
    .explore-main-layout {
        grid-template-columns: minmax(0, 1fr) clamp(340px, 22vw, 460px);
    }

    .explore-release-grid {
        grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    }

    .explore-artist-grid {
        grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
    }

    .explore-playlist-grid,
    .explore-room-grid,
    .explore-sound-grid {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }

    .explore-track-row {
        grid-template-columns: 42px 64px minmax(220px, 1.15fr) minmax(260px, 0.95fr) 78px 88px;
    }
}

@media (min-width: 1600px) {
    .explore-hero {
        grid-template-columns: minmax(0, 1fr) clamp(360px, 27vw, 560px);
        min-height: clamp(420px, 30vw, 620px);
        padding: clamp(28px, 2.4vw, 46px);
    }

    .explore-hero-copy h1 {
        font-size: clamp(4.8rem, 5vw, 7.4rem);
    }

    .explore-discovery-form {
        grid-template-columns: minmax(320px, 1.6fr) repeat(4, minmax(150px, 0.8fr)) auto;
    }
}

@media (min-width: 2200px) {
    .explore-main-layout {
        grid-template-columns: minmax(0, 1fr) clamp(420px, 19vw, 560px);
    }

    .explore-release-grid {
        grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    }

    .explore-artist-grid {
        grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    }
}

@media (max-width: 560px) {
    .explore-hero-stats {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .explore-hero-stats span {
        min-width: 0;
    }

    .explore-track-actions {
        width: auto;
        min-width: 82px;
        justify-self: end;
        justify-content: flex-end;
    }

    .explore-track-actions .explore-icon-button,
    .explore-track-actions .favorite-track-manage-button {
        flex: 0 0 36px;
        width: 36px;
        min-width: 36px;
        height: 36px;
    }

    .artist-page .artist-tracks-section .explore-track-actions {
        width: 82px;
        justify-content: flex-end;
    }

    .artist-page .artist-tracks-section .explore-track-actions .explore-icon-button,
    .artist-page .artist-tracks-section .explore-track-actions .favorite-track-manage-button {
        flex: 0 0 36px;
        width: 36px;
        min-width: 36px;
    }
}