/**
 * Release list / topic row UI (releaseViewer list + topic subTypes).
 *
 * Scoped via `data-sv-release-ui="list"` on releaseView/topicView containers.
 * List typeHead: `.releaseViewer.list` only.
 * Release rows + modal: `[data-sv-release-ui="list"] .release`.
 * Topic accordion cards: `.topicView-container[data-sv-release-ui="list"] .topic-container-outer`.
 * Favourites widget embed: `.releaseFavouritesWidget[data-sv-release-ui="list"]` (customerManagement — no `.webRoot.moduleDesign`).
 * Topic cards in widget: `.releaseFavouritesWidget-topicView` only (Materialart/type headers use widget CSS).
 */

.webRoot.moduleDesign :is(
    .releaseViewer.list .releaseView-container[data-sv-release-ui="list"],
    .releaseViewer.topic .topicView-container[data-sv-release-ui="list"]
),
.releaseFavouritesWidget[data-sv-release-ui="list"] :is(
    .releaseView-container[data-sv-release-ui="list"],
    .topicView-container[data-sv-release-ui="list"]
),
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] {
    --sv-release-row-gap: 12px;
    --sv-release-row-radius: 18px;
    --sv-release-row-layer-head-radius: 24px;
    --sv-release-row-pad-y: 14px;
    --sv-release-row-pad-x: 16px;
    --sv-release-row-pad-left: 20px;
    --sv-release-row-bg: rgba(255, 255, 255, 0.94);
    --sv-release-row-bg-hover: rgba(255, 252, 248, 0.99);
    --sv-release-row-border: rgba(116, 106, 100, 0.14);
    --sv-release-row-shadow: 0 10px 28px rgba(80, 52, 38, 0.07);
    --sv-release-row-shadow-hover: 0 14px 34px rgba(80, 52, 38, 0.11);
    --sv-release-row-thumb-frame-tint: 20%;
    --sv-release-row-thumb-frame-tint-strong: 24%;
    --sv-release-row-thumb-frame-border: 34%;
    --sv-release-row-rail-w: 4px;
    --sv-release-row-thumb: 56px;
    --sv-release-row-thumb-frame: 68px;
    --sv-release-row-title: 20px;
    --sv-release-row-type: 12px;
    --sv-release-row-meta: 13px;
    --sv-release-row-desc: 14px;
    --sv-release-row-text: var(--sv-header-text-color);
    --sv-release-row-muted: #746a64;
    --sv-release-row-topic-title: 18px;
    --sv-release-row-topic-desc: 13px;
    --sv-release-row-topic-thumb: 72px;
    --sv-release-row-topic-thumb-frame: 84px;
    --sv-release-row-topic-radius: 20px;
    --sv-release-row-topic-action-slot: 24px;
    --sv-release-row-topic-action-gap: 4px;
    --sv-release-row-topic-action-col-w: 40px;
    --sv-release-row-nested-radius: 12px;
}

.webRoot.moduleDesign .releaseViewer.list .releaseView-container[data-sv-release-ui="list"] {
    display: flex;
    flex-direction: column;
    gap: var(--sv-release-row-gap);
    padding-top: 10px;
    padding-bottom: 4px;
    --sv-release-row-thumb-frame-border: 24%;
}

.releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-typeView .releaseView-container[data-sv-release-ui="list"] {
    display: flex;
    flex-direction: column;
    gap: var(--sv-release-row-gap);
    padding-top: 6px;
    padding-bottom: 2px;
    --sv-release-row-thumb-frame-border: 24%;
}

/* —— type head (pill + filter row): no card frame — border looked like a halo around pill/switch —— */
.webRoot.moduleDesign .releaseViewer.list .releaseView-container[data-sv-release-ui="list"] > .seasonHead.typeHead {
    margin: 0 0 4px;
    padding: 0 0 10px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.webRoot.moduleDesign .releaseViewer.list .releaseView-container[data-sv-release-ui="list"] > .seasonHead.typeHead .seasonHead-desc {
    margin-top: 10px;
    color: var(--sv-release-row-muted);
    font-size: 15px;
    line-height: 1.45;
    max-width: 52em;
}

.webRoot.moduleDesign .releaseViewer.list .releaseView-container[data-sv-release-ui="list"] > .seasonHead.typeHead .seasonHead-title,
.webRoot.moduleDesign .releaseViewer.list .releaseView-container[data-sv-release-ui="list"] > .seasonHead.typeHead .seasonHead-entryWord {
    color: #fff;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.webRoot.moduleDesign .releaseViewer.list .releaseView-container[data-sv-release-ui="list"] > .seasonHead.typeHead > .sv-releaseHeadStickyCluster > .topicTitle,
.webRoot.moduleDesign .releaseViewer.list .releaseView-container[data-sv-release-ui="list"] > .seasonHead.typeHead > .sv-releaseHeadStickyCluster.sv-releaseHeadStickyCluster-docked > .topicTitle {
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

/* —— release list card row —— */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release:not(.openInLayer) {
    margin: 0 !important;
    padding: 0;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    isolation: auto;
    cursor: pointer;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release:not(.openInLayer)::before {
    display: none !important;
    content: none !important;
}

/* Favourites widget: list-row chrome lives on `.head` only — not moduleDesign `.release` card shell. */
.webRoot.moduleDesign .releaseFavouritesWidget[data-sv-release-ui="list"] .releaseView-container[data-sv-release-ui="list"] .release.sv-fav-widget-release:not(.openInLayer) {
    margin: 0 0 var(--sv-release-row-gap, 12px) !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    isolation: auto;
}

.webRoot.moduleDesign .releaseFavouritesWidget[data-sv-release-ui="list"] .releaseView-container[data-sv-release-ui="list"] .release.sv-fav-widget-release:not(.openInLayer)::before {
    display: none !important;
    content: none !important;
}

/* Pre-mix season colors once per row — iOS Safari drops color-mix() inside gradient stops when the % is a var(). */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release:not(.openInLayer),
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release:not(.openInLayer),
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer,
.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer {
    --sv-release-row-tint-fill: color-mix(in srgb, var(--release-season-color, #e83331) 16%, #fff);
    --sv-release-row-border-fill: color-mix(in srgb, var(--release-season-color, #e83331) 22%, var(--sv-release-row-border));
    --sv-release-row-pattern-soft: color-mix(in srgb, var(--release-season-color, #e83331) 21%, transparent);
    --sv-release-row-pattern-warm: color-mix(in srgb, var(--release-season-color, #e83331) 15%, transparent);
    --sv-release-row-pattern-line: color-mix(in srgb, var(--release-season-color, #e83331) 22%, transparent);
    --sv-release-row-pattern-a-x: 96%;
    --sv-release-row-pattern-a-y: 8%;
    --sv-release-row-pattern-b-x: 84%;
    --sv-release-row-pattern-b-y: 76%;
    --sv-release-row-pattern-c-x: 58%;
    --sv-release-row-pattern-c-y: 18%;
    --sv-release-row-accent-top: 8px;
    --sv-release-row-accent-right: 12px;
    --sv-release-row-accent-width: 38%;
    --sv-release-row-accent-height: 70%;
    --sv-release-row-accent-radius: 72% 28% 76% 34%;
    --sv-release-row-accent-rotate: -5deg;
    --sv-release-row-accent-opacity: 0.34;
    --sv-release-row-accent-bg: radial-gradient(ellipse at 70% 34%, var(--sv-release-row-pattern-soft) 0%, transparent 70%);
    --sv-release-row-card-bg:
        radial-gradient(
            ellipse 44% 84% at var(--sv-release-row-pattern-a-x) var(--sv-release-row-pattern-a-y),
            var(--sv-release-row-pattern-soft) 0%,
            transparent 74%
        ),
        radial-gradient(
            ellipse 40% 58% at var(--sv-release-row-pattern-b-x) var(--sv-release-row-pattern-b-y),
            var(--sv-release-row-pattern-warm) 0%,
            transparent 76%
        ),
        radial-gradient(
            ellipse 22% 30% at var(--sv-release-row-pattern-c-x) var(--sv-release-row-pattern-c-y),
            color-mix(in srgb, var(--release-season-color, #e83331) 7%, rgba(255, 255, 255, 0.78)) 0%,
            transparent 74%
        ),
        linear-gradient(
            132deg,
            var(--sv-release-row-tint-fill, var(--sv-release-row-bg)) 0%,
            var(--sv-release-row-bg) 48%,
            rgba(255, 255, 255, 0.98) 100%
        );
    --sv-release-row-thumb-fill-a: color-mix(in srgb, var(--release-season-color, #e83331) 24%, #fff);
    --sv-release-row-thumb-fill-b: color-mix(in srgb, var(--release-season-color, #e83331) 20%, #fff);
    --sv-release-row-thumb-border: color-mix(in srgb, var(--release-season-color, #e83331) 34%, rgba(116, 106, 100, 0.16));
    --sv-release-row-thumb-inset: color-mix(in srgb, var(--release-season-color, #e83331) 10%, transparent);
}

/* Pattern variants — stable per release/topic (`data-sv-release-row-variant` from id % 6). */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release[data-sv-release-row-variant="1"],
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer[data-sv-release-row-variant="1"],
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release[data-sv-release-row-variant="1"],
.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer[data-sv-release-row-variant="1"] {
    --sv-release-row-pattern-a-x: 92%;
    --sv-release-row-pattern-a-y: 22%;
    --sv-release-row-pattern-b-x: 76%;
    --sv-release-row-pattern-b-y: 86%;
    --sv-release-row-pattern-c-x: 54%;
    --sv-release-row-pattern-c-y: 10%;
    --sv-release-row-accent-top: 16px;
    --sv-release-row-accent-right: 8px;
    --sv-release-row-accent-width: 28%;
    --sv-release-row-accent-height: 58%;
    --sv-release-row-accent-radius: 58% 42% 64% 36%;
    --sv-release-row-accent-rotate: 8deg;
    --sv-release-row-accent-bg: radial-gradient(ellipse at 38% 42%, var(--sv-release-row-pattern-soft) 0%, transparent 72%);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release[data-sv-release-row-variant="2"],
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer[data-sv-release-row-variant="2"],
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release[data-sv-release-row-variant="2"],
.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer[data-sv-release-row-variant="2"] {
    --sv-release-row-pattern-a-x: 104%;
    --sv-release-row-pattern-a-y: 36%;
    --sv-release-row-pattern-b-x: 68%;
    --sv-release-row-pattern-b-y: 72%;
    --sv-release-row-pattern-c-x: 62%;
    --sv-release-row-pattern-c-y: 24%;
    --sv-release-row-accent-top: -4px;
    --sv-release-row-accent-right: 18px;
    --sv-release-row-accent-width: 44%;
    --sv-release-row-accent-height: 48%;
    --sv-release-row-accent-radius: 999px;
    --sv-release-row-accent-rotate: -2deg;
    --sv-release-row-accent-opacity: 0.28;
    --sv-release-row-accent-bg: radial-gradient(ellipse at 72% 48%, var(--sv-release-row-pattern-soft) 0%, transparent 74%);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release[data-sv-release-row-variant="3"],
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer[data-sv-release-row-variant="3"],
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release[data-sv-release-row-variant="3"],
.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer[data-sv-release-row-variant="3"] {
    --sv-release-row-pattern-a-x: 88%;
    --sv-release-row-pattern-a-y: -4%;
    --sv-release-row-pattern-b-x: 86%;
    --sv-release-row-pattern-b-y: 70%;
    --sv-release-row-pattern-c-x: 48%;
    --sv-release-row-pattern-c-y: 30%;
    --sv-release-row-accent-top: 20px;
    --sv-release-row-accent-right: -8px;
    --sv-release-row-accent-width: 36%;
    --sv-release-row-accent-height: 62%;
    --sv-release-row-accent-radius: 42% 58% 52% 48%;
    --sv-release-row-accent-rotate: -16deg;
    --sv-release-row-accent-bg: radial-gradient(ellipse at 50% 68%, var(--sv-release-row-pattern-soft) 0%, transparent 76%);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release[data-sv-release-row-variant="4"],
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer[data-sv-release-row-variant="4"],
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release[data-sv-release-row-variant="4"],
.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer[data-sv-release-row-variant="4"] {
    --sv-release-row-pattern-a-x: 100%;
    --sv-release-row-pattern-a-y: 12%;
    --sv-release-row-pattern-b-x: 72%;
    --sv-release-row-pattern-b-y: 62%;
    --sv-release-row-pattern-c-x: 60%;
    --sv-release-row-pattern-c-y: 6%;
    --sv-release-row-accent-top: 10px;
    --sv-release-row-accent-right: 26px;
    --sv-release-row-accent-width: 30%;
    --sv-release-row-accent-height: 76%;
    --sv-release-row-accent-radius: 999px 44px 999px 44px;
    --sv-release-row-accent-rotate: 12deg;
    --sv-release-row-accent-opacity: 0.3;
    --sv-release-row-accent-bg: radial-gradient(ellipse at 58% 28%, var(--sv-release-row-pattern-soft) 0%, transparent 72%);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release[data-sv-release-row-variant="5"],
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer[data-sv-release-row-variant="5"],
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release[data-sv-release-row-variant="5"],
.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer[data-sv-release-row-variant="5"] {
    --sv-release-row-pattern-a-x: 82%;
    --sv-release-row-pattern-a-y: 18%;
    --sv-release-row-pattern-b-x: 96%;
    --sv-release-row-pattern-b-y: 82%;
    --sv-release-row-pattern-c-x: 50%;
    --sv-release-row-pattern-c-y: 22%;
    --sv-release-row-accent-top: 2px;
    --sv-release-row-accent-right: -12px;
    --sv-release-row-accent-width: 46%;
    --sv-release-row-accent-height: 72%;
    --sv-release-row-accent-radius: 66% 34% 44% 56%;
    --sv-release-row-accent-rotate: 4deg;
    --sv-release-row-accent-opacity: 0.32;
    --sv-release-row-accent-bg: radial-gradient(ellipse at 62% 50%, var(--sv-release-row-pattern-soft) 0%, transparent 74%);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release:not(.openInLayer):hover > .head,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release:not(.openInLayer):focus-within > .head,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.sv-fav-widget-release:not(.openInLayer):hover > .head,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.sv-fav-widget-release:not(.openInLayer):focus-within > .head {
    border-color: color-mix(in srgb, var(--release-season-color, #e83331) 28%, var(--sv-release-row-border));
    box-shadow:
        var(--sv-release-row-shadow-hover),
        0 0 0 1px color-mix(in srgb, var(--release-season-color, #e83331) 8%, transparent);
    transform: translateY(-1px);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release:not(.openInLayer):hover > .head::after,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release:not(.openInLayer):focus-within > .head::after,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.sv-fav-widget-release:not(.openInLayer):hover > .head::after,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.sv-fav-widget-release:not(.openInLayer):focus-within > .head::after {
    opacity: calc(var(--sv-release-row-accent-opacity) * 0.72);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release:not(.openInLayer) > .head,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.sv-fav-widget-release:not(.openInLayer) > .head {
    position: relative;
    margin: 0;
    padding: var(--sv-release-row-pad-y) var(--sv-release-row-pad-x) var(--sv-release-row-pad-y) var(--sv-release-row-pad-left);
    background-color: var(--sv-release-row-tint-fill, var(--sv-release-row-bg)) !important;
    background-image: var(--sv-release-row-card-bg) !important;
    border: 1px solid var(--sv-release-row-border-fill, var(--sv-release-row-border)) !important;
    border-radius: var(--sv-release-row-radius) !important;
    box-shadow: var(--sv-release-row-shadow) !important;
    overflow: hidden;
    transition:
        background-color var(--sv-motion-duration-ui, 0.18s) var(--sv-motion-ease-standard, ease),
        background-image var(--sv-motion-duration-ui, 0.18s) var(--sv-motion-ease-standard, ease),
        border-color var(--sv-motion-duration-ui, 0.18s) ease,
        box-shadow var(--sv-motion-duration-ui, 0.18s) ease,
        transform var(--sv-motion-duration-ui, 0.18s) var(--sv-motion-ease-standard, ease);
}

/* —— shared row + modal head chrome —— */
/* Beat core clearfix `.releaseView-container .release .head:after { display: table }` — orbs need block layout. */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release:not(.openInLayer) > .head::after,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head::after,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.sv-fav-widget-release:not(.openInLayer) > .head::after,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.sv-fav-widget-release.openInLayer > .head::after,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head::after {
    display: block !important;
    clear: none !important;
    content: "";
    position: absolute;
    top: var(--sv-release-row-accent-top);
    right: var(--sv-release-row-accent-right);
    width: var(--sv-release-row-accent-width);
    height: var(--sv-release-row-accent-height);
    border-radius: var(--sv-release-row-accent-radius);
    background: var(--sv-release-row-accent-bg);
    opacity: var(--sv-release-row-accent-opacity);
    pointer-events: none;
    z-index: 0;
    -webkit-transform: rotate(var(--sv-release-row-accent-rotate)) translateZ(0);
    transform: rotate(var(--sv-release-row-accent-rotate)) translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release:not(.openInLayer) > .head::before,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.sv-fav-widget-release:not(.openInLayer) > .head::before {
    display: block !important;
    clear: none !important;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: var(--sv-release-row-rail-w);
    background: var(--release-season-color, #e83331);
    border-radius: var(--sv-release-row-rail-w) 0 0 var(--sv-release-row-rail-w);
    pointer-events: none;
    z-index: 2;
}

/* Release detail modal: no row season rail (topic card bracket unchanged). */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head::before,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.sv-fav-widget-release.openInLayer > .head::before,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head::before {
    display: none !important;
    content: none !important;
}

/* List view + fav widget Materialart list: rail at 0.7 opacity. */
.webRoot.moduleDesign .releaseViewer.list .releaseView-container[data-sv-release-ui="list"] .release:not(.openInLayer) > .head::before,
.releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-typeView .releaseView-container[data-sv-release-ui="list"] .release.sv-fav-widget-release:not(.openInLayer) > .head::before {
    opacity: 0.7;
}

/* Topic view nested releases: no row rail (topic `.topic-container::before` bracket stays). */
.webRoot.moduleDesign .releaseViewer.topic .topic-container-outer:not(.releaseFavouritesWidget-typeAccordion) .children [data-sv-release-ui="list"] .release:not(.openInLayer) > .head::before,
.releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-topicView .topic-container-outer .children [data-sv-release-ui="list"] .release.sv-fav-widget-release:not(.openInLayer) > .head::before {
    display: none !important;
    content: none !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release > .head > .releaseHeadMain,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.sv-fav-widget-release > .head > .releaseHeadMain,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain {
    position: relative;
    z-index: 1;
    align-items: center;
    gap: 14px;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release > .head > .releaseHeadMain > .block.upper,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .block.upper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--sv-release-row-thumb-frame);
    height: var(--sv-release-row-thumb-frame);
    margin-left: -4px;
    padding: 0;
    border-radius: calc(var(--sv-icon-squircle-radius-md, 16px) + 5px);
    background:
        radial-gradient(circle at 28% 22%, rgba(255, 255, 255, 0.88), transparent 46%),
        linear-gradient(
            145deg,
            var(--sv-release-row-thumb-fill-a, #fff) 0%,
            var(--sv-release-row-thumb-fill-b, #fff) 100%
        );
    border: 1.5px solid var(--sv-release-row-thumb-border, rgba(116, 106, 100, 0.16));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.82),
        inset 0 -10px 18px var(--sv-release-row-thumb-inset, transparent),
        0 8px 18px rgba(80, 52, 38, 0.08);
}

/* List view + fav Materialart list: thinner seasonal icon frame (not modal / topic nested). */
.webRoot.moduleDesign .releaseViewer.list .releaseView-container[data-sv-release-ui="list"] .release:not(.openInLayer) > .head > .releaseHeadMain > .block.upper,
.releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-typeView .releaseView-container[data-sv-release-ui="list"] .release.sv-fav-widget-release:not(.openInLayer) > .head > .releaseHeadMain > .block.upper {
    border-width: 1px;
    border-radius: calc(var(--sv-icon-squircle-radius-md, 16px) + 3px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.82),
        inset 0 -6px 12px var(--sv-release-row-thumb-inset, transparent),
        0 6px 14px rgba(80, 52, 38, 0.07);
}

/* Beat legacy moduleDesign 44px mobile cap — match topic-nested fill (--sv-release-row-thumb in frame). */
.webRoot.moduleDesign .releaseViewer.list .releaseView-container[data-sv-release-ui="list"] .release:not(.openInLayer) > .head > .releaseHeadMain > .block.upper > .releaseIcon,
.webRoot.moduleDesign .releaseViewer.list .releaseView-container[data-sv-release-ui="list"] .release:not(.openInLayer) > .head > .releaseHeadMain > .block.upper > .releaseIcon img,
.releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-typeView .releaseView-container[data-sv-release-ui="list"] .release.sv-fav-widget-release:not(.openInLayer) > .head > .releaseHeadMain > .block.upper > .releaseIcon,
.releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-typeView .releaseView-container[data-sv-release-ui="list"] .release.sv-fav-widget-release:not(.openInLayer) > .head > .releaseHeadMain > .block.upper > .releaseIcon img {
    width: var(--sv-release-row-thumb) !important;
    min-width: var(--sv-release-row-thumb) !important;
    max-width: var(--sv-release-row-thumb) !important;
    height: var(--sv-release-row-thumb) !important;
    max-height: var(--sv-release-row-thumb) !important;
    object-fit: cover !important;
    object-position: center center !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release > .head .releaseIcon,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head .releaseIcon {
    width: var(--sv-release-row-thumb);
    height: var(--sv-release-row-thumb);
    flex-shrink: 0;
    border-radius: var(--sv-icon-squircle-radius-md, 16px);
    overflow: hidden;
    background: transparent;
    box-shadow: none;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release > .head .releaseIcon img,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head .releaseIcon img {
    width: var(--sv-release-row-thumb);
    height: var(--sv-release-row-thumb);
    object-fit: cover;
    border-radius: var(--sv-icon-squircle-radius-md, 16px);
    background: transparent;
    box-shadow: none;
    filter: none;
    opacity: 1;
}

/* List modal: beat legacy core openInLayer icon sizes (100px desktop / 89px ≤1065px). */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .block.upper,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .block.upper,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .block.upper {
    width: var(--sv-release-row-thumb-frame) !important;
    height: var(--sv-release-row-thumb-frame) !important;
    min-width: 0 !important;
    max-width: var(--sv-release-row-thumb-frame) !important;
    padding-right: 0 !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .block.upper > .releaseIcon,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .block.upper > .releaseIcon img,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .block.upper > .releaseIcon,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .block.upper > .releaseIcon img,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .block.upper > .releaseIcon,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .block.upper > .releaseIcon img,
.releaseView-container[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .block.upper > .releaseIcon,
.releaseView-container[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .block.upper > .releaseIcon img {
    width: var(--sv-release-row-thumb) !important;
    height: var(--sv-release-row-thumb) !important;
    min-width: 0 !important;
    max-width: var(--sv-release-row-thumb) !important;
    object-fit: cover;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head.scrolling > .releaseHeadMain > .block.upper > .releaseIcon,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head.scrolling > .releaseHeadMain > .block.upper > .releaseIcon img,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head.scrolling > .releaseHeadMain > .block.upper > .releaseIcon,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head.scrolling > .releaseHeadMain > .block.upper > .releaseIcon img,
.releaseView-container[data-sv-release-ui="list"] .release.openInLayer > .head.scrolling > .releaseHeadMain > .block.upper > .releaseIcon,
.releaseView-container[data-sv-release-ui="list"] .release.openInLayer > .head.scrolling > .releaseHeadMain > .block.upper > .releaseIcon img {
    width: var(--sv-release-row-thumb) !important;
    min-width: 0 !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release > .head h2,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head h2 {
    margin: 0 0 2px;
    color: var(--sv-release-row-text);
    font-size: var(--sv-release-row-title);
    font-weight: 800;
    line-height: 1.22;
    letter-spacing: -0.025em;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release > .head > .releaseHeadMain > .block.text,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .block.text {
    min-width: 0;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release > .head > .releaseHeadMain > .block > .title .image-inner,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .block > .title .image-inner {
    display: none !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release > .head > .releaseHeadMain > .block > .subTitle,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .block > .subTitle {
    margin: 11px 0 0;
    padding: 0 !important;
    color: inherit;
    font-weight: inherit;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release > .head > .releaseHeadMain > .block .subTitle .releaseRow-typeLabel,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .block .subTitle .releaseRow-typeLabel {
    display: inline;
    margin: 0;
    padding: 0.18em 0.55em;
    border-radius: 0.45em;
    background: color-mix(in srgb, var(--release-season-color, #e83331) 16%, #fff);
    color: color-mix(in srgb, color-mix(in srgb, var(--release-season-color, #e83331) 82%, var(--sv-header-tint-base, #342c28)) 85%, transparent);
    font-size: var(--sv-release-row-type);
    font-weight: 700;
    line-height: 1.55;
    letter-spacing: 0.02em;
    text-align: left;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release > .head .releaseTopicLink,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head .releaseTopicLink {
    display: block;
    margin: 10px 0 0;
    font-size: var(--sv-release-row-meta);
    line-height: 1.35;
    color: var(--sv-release-row-muted);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release > .head .releaseTopicLink-label,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head .releaseTopicLink-label {
    display: inline;
    font-weight: 600;
    margin: 0;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release > .head .releaseTopicLink-label::after,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head .releaseTopicLink-label::after {
    content: "\00a0";
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release > .head .releaseTopicLink-anchor,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head .releaseTopicLink-anchor {
    display: inline;
    margin-left: 0.35em;
    color: var(--release-season-color, #e83331);
    font-weight: 700;
    text-decoration: none;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release > .head .releaseTopicLink-arrow,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head .releaseTopicLink-arrow {
    display: inline-block;
    margin-left: 0.2em;
    font-size: 0.95em;
    line-height: 1;
    white-space: nowrap;
    opacity: 0.85;
    transition: transform var(--sv-motion-duration-fast, 0.15s) ease;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release > .head .releaseTopicLink-anchor:hover .releaseTopicLink-arrow,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release > .head .releaseTopicLink-anchor:focus-visible .releaseTopicLink-arrow,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head .releaseTopicLink-anchor:hover .releaseTopicLink-arrow,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head .releaseTopicLink-anchor:focus-visible .releaseTopicLink-arrow {
    transform: translateX(2px);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release:not(.openInLayer) > .head > .releaseHeadMain > .block > .description {
    margin: 10px 0 0;
    color: var(--sv-release-row-muted) !important;
    font-size: var(--sv-release-row-desc);
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release:not(.openInLayer) .releaseHeadActions,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head .releaseHeadActions,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head .releaseHeadActions {
    align-self: flex-start;
    padding: 2px 0 0 12px;
    transform: none;
}

/* NEU chip (list rows only) */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.new:not(.openInLayer) > .head > .badge {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 12px;
    right: 52px;
    z-index: 3;
    min-width: 0;
    width: auto;
    height: auto;
    margin: 0;
    padding: 3px 8px;
    border-radius: 999px;
    background: var(--release-season-color, #e83331) !important;
    background-image: none !important;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.06em;
    line-height: 1;
    text-indent: 0;
    box-shadow: 0 6px 14px color-mix(in srgb, var(--release-season-color, #e83331) 35%, transparent);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.new:not(.openInLayer) > .head > .badge::before {
    content: "NEU";
}

/* —— release modal header —— */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer {
    border: 1px solid var(--sv-release-row-border-fill, var(--sv-release-row-border));
    border-radius: var(--sv-release-row-layer-head-radius);
    background: #fff;
    box-shadow: 0 24px 55px rgba(80, 52, 38, 0.13);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    overflow: hidden;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    position: relative;
    margin: 0 0 0;
    padding-top: 8px !important;
    padding-bottom: 0 !important;
    padding-left: var(--sv-release-row-pad-left) !important;
    padding-right: var(--sv-release-row-pad-x) !important;
    background-color: var(--sv-release-row-tint-fill, var(--sv-release-row-bg));
    background-image: var(--sv-release-row-card-bg);
    background-blend-mode: normal;
    border: 0 !important;
    border-bottom: 0 !important;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    transform: none;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .block > .description,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .block > .description {
    display: none !important;
}

/* List modal: tabs + heart inside `.releaseHeadMain` (underline nav, not core pill tabs). */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain {
    display: grid;
    grid-template-columns: var(--sv-release-row-thumb-frame, 56px) minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    column-gap: 10px;
    row-gap: 2px;
    align-items: start;
    width: 100%;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .block.upper,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .block.upper {
    grid-column: 1;
    grid-row: 1;
    align-self: start;
    margin-left: -4px;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .block.text,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .block.text {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadActions,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadActions {
    display: none !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot {
    grid-column: 1 / -1;
    grid-row: 2;
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: var(--sv-release-row-thumb-frame, 68px) minmax(0, 1fr) auto;
    column-gap: 10px;
    margin: 2px calc(-1 * var(--sv-release-row-pad-x, 16px)) 0 calc(-1 * var(--sv-release-row-pad-left, 20px));
    padding: 0 var(--sv-release-row-pad-left, 20px);
    width: calc(100% + var(--sv-release-row-pad-left, 20px) + var(--sv-release-row-pad-x, 16px));
    max-width: none;
    box-sizing: border-box;
    overflow: hidden;
    border-bottom: 1px solid color-mix(in srgb, var(--release-season-color, #e83331) 30%, rgba(116, 106, 100, 0.18));
    --sv-release-chrome-band-h: 32px;
    min-height: var(--sv-release-chrome-band-h);
    align-items: stretch;
    --sv-release-chrome-band-mid: color-mix(in srgb, var(--release-season-color, #e83331) 26%, #e3ddd2);
    --sv-release-chrome-band-top: color-mix(in srgb, var(--release-season-color, #e83331) 12%, #f2ede6);
    --sv-release-chrome-band-bottom: color-mix(in srgb, var(--release-season-color, #e83331) 38%, #d9d3c9);
    --sv-release-tab-surface-active: color-mix(in srgb, #fff 58%, var(--release-season-color, #e83331) 12%);
    --sv-release-tab-border: color-mix(in srgb, var(--release-season-color, #e83331) 22%, rgba(88, 70, 55, 0.16));
    --sv-release-tab-text: color-mix(in srgb, var(--release-season-color, #e83331) 50%, var(--sv-release-row-muted, #554130));
    --sv-release-tab-text-active: color-mix(in srgb, var(--release-season-color, #e83331) 72%, var(--sv-header-tint-base, #342c28));
}

/* Full-viewport season band behind tabs + heart (light→mid→dark top to bottom). */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot::before,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    pointer-events: none;
    background-color: var(--sv-release-chrome-band-mid);
    background-image:
        radial-gradient(
            ellipse 48% 90% at 100% 12%,
            color-mix(in srgb, var(--release-season-color, #e83331) 22%, transparent) 0%,
            transparent 68%
        ),
        linear-gradient(
            180deg,
            var(--sv-release-chrome-band-top) 0%,
            var(--sv-release-chrome-band-mid) 50%,
            var(--sv-release-chrome-band-bottom) 100%
        );
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot::after,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 2px;
    right: 12%;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--release-season-color, #e83331) 10%, transparent);
    pointer-events: none;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot > .releaseHeadMediaTabs,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot > .releaseHeadMediaTabs {
    position: relative;
    z-index: 1;
    grid-column: 1 / 3;
    grid-row: 1;
    display: flex;
    align-items: stretch;
    align-self: stretch;
    min-width: 0;
    min-height: var(--sv-release-chrome-band-h, 32px);
    margin: 0;
    padding: 0;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot > .releaseHeadChromeFavourite,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot > .releaseHeadChromeFavourite {
    position: relative;
    z-index: 1;
    grid-column: 3;
    grid-row: 1;
    align-self: center;
    justify-self: end;
    padding: 0;
    margin: 0;
}

/* Single media variant: tab bar band stays (heart); no tab links. */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot--noMediaTabs,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot--noMediaTabs {
    grid-template-columns: minmax(0, 1fr) auto;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot--noMediaTabs > .releaseHeadChromeFavourite,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot--noMediaTabs > .releaseHeadChromeFavourite {
    grid-column: 2;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot > .releaseHeadChromeFavourite .releaseFavourite-btn,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot > .releaseHeadChromeFavourite .releaseFavourite-btn {
    padding: 2px 0 !important;
    color: color-mix(in srgb, var(--release-season-color, #e83331) 68%, #2a211c);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs {
    display: flex;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    align-self: stretch;
    justify-content: flex-start;
    gap: 2px;
    min-height: 100%;
    height: 100%;
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs.sv-mediaTabs-overflow-end:not(.sv-mediaTabs-overflow-start),
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs.sv-mediaTabs-overflow-end:not(.sv-mediaTabs-overflow-start) {
    -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 18px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 18px), transparent 100%);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs.sv-mediaTabs-overflow-start:not(.sv-mediaTabs-overflow-end),
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs.sv-mediaTabs-overflow-start:not(.sv-mediaTabs-overflow-end) {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 18px, #000 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 18px, #000 100%);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs.sv-mediaTabs-overflow-start.sv-mediaTabs-overflow-end,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs.sv-mediaTabs-overflow-start.sv-mediaTabs-overflow-end {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 18px, #000 calc(100% - 18px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 18px, #000 calc(100% - 18px), transparent 100%);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs::-webkit-scrollbar,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs::-webkit-scrollbar {
    display: none;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs > li,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs > li {
    flex: 0 0 auto;
    position: relative;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    align-self: stretch;
    height: 100%;
    min-height: var(--sv-release-chrome-band-h, 32px);
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible;
    transform: none !important;
    vertical-align: baseline;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs > li > a.mediaTab,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs > li > a.mediaTab {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    max-width: none;
    min-height: 23px;
    margin-top: 5px;
    padding: 0 8px !important;
    top: auto !important;
    color: var(--sv-release-tab-text) !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.01em;
    white-space: nowrap;
    text-decoration: none;
    overflow: visible;
    text-overflow: clip;
    border: 1px solid transparent;
    border-bottom-color: transparent;
    border-radius: 8px 8px 0 0;
    background: transparent;
    box-shadow: none;
    transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs > li.active,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs > li.active {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    z-index: 1;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs > li.active > a.mediaTab,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs > li.active > a.mediaTab {
    color: var(--sv-release-tab-text-active) !important;
    border-color: var(--sv-release-tab-border);
    border-bottom-color: transparent;
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, #fff 70%, var(--release-season-color, #e83331) 8%) 0%,
            var(--sv-release-tab-surface-active) 100%
        );
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.58),
        0 -1px 4px color-mix(in srgb, var(--release-season-color, #e83331) 8%, transparent);
    transform: none;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs > li::after,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs > li::after {
    content: none;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs > li.active::after,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs > li.active::after {
    content: none;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head h2,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head h2 {
    margin: 0;
    line-height: 1.18;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .block > .subTitle,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .block > .subTitle {
    margin-top: 7px;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head .releaseTopicLink,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head .releaseTopicLink {
    margin-top: 6px;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head .releaseHeadActions,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head .releaseHeadActions {
    padding-top: 0;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head .closeButton,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head .closeButton {
    z-index: 4;
}

/* Pinned chrome: `.head` fixed; only `.content` scrolls. */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer.sv-release-layer-chrome-pinned > .head,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer.sv-release-layer-chrome-pinned > .head {
    flex: 0 0 auto;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer.sv-release-layer-chrome-pinned > .content,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer.sv-release-layer-chrome-pinned > .content {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .content,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .content {
    --sv-release-section-header-h: 36px;
    --sv-release-section-glass-base:
        radial-gradient(circle at 91% 10%, rgba(255, 255, 255, 0.38) 0, rgba(255, 255, 255, 0.38) 56px, transparent 57px),
        radial-gradient(circle at 14% 116%, rgba(255, 180, 0, 0.1) 0, rgba(255, 180, 0, 0.1) 108px, transparent 109px),
        linear-gradient(145deg, rgba(255, 253, 248, 0.55) 0%, rgba(255, 247, 237, 0.48) 48%, rgba(255, 254, 252, 0.58) 100%);
    --sv-release-section-glass-header:
        linear-gradient(
            128deg,
            color-mix(in srgb, var(--release-season-color, #e83331) 14%, rgba(255, 255, 255, 0.62)) 0%,
            rgba(255, 252, 247, 0.52) 58%,
            rgba(255, 255, 255, 0.58) 100%
        );
    --sv-release-section-glass-body: rgba(255, 255, 255, 0.32);
    --sv-release-section-glass-blur: blur(12px) saturate(1.14);
    --sv-release-section-orb-opacity: 0.54;
    --sv-release-layer-section-gap: 14px;
    display: flex;
    flex-direction: column;
    gap: var(--sv-release-layer-section-gap);
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    border-top: 0;
    border-radius: 0;
    padding-top: var(--sv-release-layer-section-gap);
    padding-bottom: max(22px, env(safe-area-inset-bottom, 0px));
    background: #fff;
}

/* Theme hook only — spacing uses padding-top + flex gap on `.content`. */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .content > .setup,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .content > .setup {
    display: none !important;
}

/* Worksheet releases: no ghost media tab shell when every row was omitted. */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .mediaGroup:has(> .mediaContainer.empty),
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .mediaGroup:has(> .mediaContainer.empty) {
    display: none !important;
}

/* Media block: season-orb video/audio cards (Anleitung stays separate below). */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .mediaGroup,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .mediaGroup {
    position: relative;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: var(--sv-release-row-pad-left, 20px);
    margin-right: var(--sv-release-row-pad-left, 20px);
    width: auto;
    align-self: stretch;
    padding: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

/* Kill moduleDesign nested media chrome in list layer — borders live on tabs + .releaseLayer-mediaVideo. */
.webRoot.moduleDesign .releaseView-container .release.openInLayer .content .mediaContainer,
.webRoot.moduleDesign .releaseView-container .release.openInLayer .content .mediaContainer .mediaEmbed,
body.sv-release-layer-open #sv-global-release-layer-host.releaseView-container .release.openInLayer .content .mediaContainer,
body.sv-release-layer-open #sv-global-release-layer-host.releaseView-container .release.openInLayer .content .mediaContainer .mediaEmbed {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Legacy pill tabs — content `.mediaGroup` only (not header underline tabs). */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .mediaGroup > ul.mediaTabs,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .mediaGroup > ul.mediaTabs {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    align-content: flex-end;
    gap: 3px 2px;
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 5px 8px 0 !important;
    list-style: none;
    overflow: hidden;
    border: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--release-season-color, #e83331) 22%, rgba(116, 106, 100, 0.1));
    border-radius: 0;
    background:
        radial-gradient(
            ellipse 54% 120% at 100% 0%,
            color-mix(in srgb, var(--release-season-color, #e83331) 22%, transparent) 0%,
            transparent 74%
        ),
        radial-gradient(
            ellipse 44% 100% at 0% 100%,
            color-mix(in srgb, var(--release-season-color, #e83331) 14%, transparent) 0%,
            transparent 72%
        ),
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--release-season-color, #e83331) 10%, rgba(255, 255, 255, 0.86)) 0%,
            color-mix(in srgb, var(--release-season-color, #e83331) 6%, rgba(255, 253, 249, 0.92)) 100%
        );
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.68),
        inset 0 -1px 0 color-mix(in srgb, var(--release-season-color, #e83331) 18%, transparent);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .mediaGroup > ul.mediaTabs > li.mediaTabs-rowFill,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .mediaGroup > ul.mediaTabs > li.mediaTabs-rowFill {
    display: none !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .mediaGroup > ul.mediaTabs li,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .mediaGroup > ul.mediaTabs li {
    flex: 0 1 auto;
    max-width: 100%;
    min-width: 0;
    position: relative;
    margin: 0 !important;
    border: 1px solid color-mix(in srgb, var(--release-season-color, #e83331) 14%, rgba(116, 106, 100, 0.1));
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    background: color-mix(in srgb, var(--release-season-color, #e83331) 5%, rgba(255, 255, 255, 0.55));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
    transform: none;
    overflow: hidden;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .mediaGroup > ul.mediaTabs li a,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .mediaGroup > ul.mediaTabs li a {
    padding: 5px 11px 6px;
    color: color-mix(in srgb, var(--release-season-color, #e83331) 38%, var(--sv-release-row-muted));
    font-size: 12px !important;
    line-height: 1.15;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .mediaGroup > ul.mediaTabs li.active,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .mediaGroup > ul.mediaTabs li.active {
    border-color: color-mix(in srgb, var(--release-season-color, #e83331) 20%, rgba(255, 255, 255, 0.95));
    border-bottom-color: transparent;
    background: transparent;
    box-shadow: inset 0 3px 0 var(--release-season-color, #e83331);
    margin-bottom: -1px !important;
    padding-bottom: 1px;
    transform: none;
    z-index: 4;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .mediaGroup > ul.mediaTabs li.active a,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .mediaGroup > ul.mediaTabs li.active a {
    color: color-mix(in srgb, color-mix(in srgb, var(--release-season-color, #e83331) 78%, var(--sv-header-tint-base, #342c28)) 85%, transparent);
}

/* Legacy/non-list: tab pill still in `.mediaGroup` (list modal tabs live in `.head`). */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .mediaGroup:has(> ul.mediaTabs > li > a.mediaTab),
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .mediaGroup:has(> ul.mediaTabs > li > a.mediaTab),
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .mediaGroup:has(> ul.mediaTabs > li > a.mediaTab) {
    display: flex;
    flex-direction: column;
    gap: var(--sv-release-layer-section-gap, 14px);
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .mediaGroup:has(> ul.mediaTabs > li > a.mediaTab) > ul.mediaTabs,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .mediaGroup:has(> ul.mediaTabs > li > a.mediaTab) > ul.mediaTabs,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .mediaGroup:has(> ul.mediaTabs > li > a.mediaTab) > ul.mediaTabs {
    flex: 0 0 auto;
    margin: 0 !important;
    padding: 6px 8px 0 !important;
    border: 1px solid color-mix(in srgb, var(--release-season-color, #e83331) 12%, rgba(116, 106, 100, 0.14)) !important;
    border-bottom: 1px solid color-mix(in srgb, var(--release-season-color, #e83331) 22%, rgba(116, 106, 100, 0.1)) !important;
    border-radius: 18px !important;
    overflow: hidden;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.68),
        0 10px 24px rgba(42, 33, 28, 0.08);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .mediaGroup:has(> ul.mediaTabs > li > a.mediaTab) .content .mediaContainer .media.active > .block.content,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .mediaGroup:has(> ul.mediaTabs > li > a.mediaTab) .content .mediaContainer .media.active > .block.content,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .mediaGroup:has(> ul.mediaTabs > li > a.mediaTab) .content .mediaContainer .media.active > .block.content {
    padding: 0;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .mediaGroup .mediaContainer,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .mediaGroup .mediaContainer {
    position: relative;
    z-index: 3;
    margin: 0 !important;
    width: 100%;
    box-sizing: border-box;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
    padding: 0;
    height: auto !important;
    min-height: 0;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .mediaGroup:not(:has(ul.mediaTabs > li > a.mediaTab)) .mediaContainer,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .mediaGroup:not(:has(ul.mediaTabs > li > a.mediaTab)) .mediaContainer {
    border-radius: 18px;
}

/* Layer: stack media rows — table-cells equalize height across inactive tabs (empty gap under video). */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaContainer .mediaViewport,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaContainer .mediaViewport {
    display: block;
    width: 100%;
    overflow-x: hidden;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaContainer .mediaScroller,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaContainer .mediaScroller {
    left: 0 !important;
    width: 100%;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaContainer .media,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaContainer .media {
    display: none;
    width: 100% !important;
    opacity: 1;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaContainer .media.active,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaContainer .media.active {
    display: block;
}

/* List layer media-only swipe (inside .mediaViewport; accordion stays in normal flow below .mediaGroup). */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaViewport .sv-release-layer-mediaSwipe,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaViewport .sv-release-layer-mediaSwipe {
    display: block;
    overflow: hidden;
    width: 100%;
    touch-action: pan-y;
    transform-origin: 50% 40%;
    transition: transform 0.16s ease;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaViewport .sv-release-layer-mediaSwipe:not(.sv-release-layer-mediaSwipe--dragging):not(.sv-release-layer-mediaSwipe--animating),
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaViewport .sv-release-layer-mediaSwipe:not(.sv-release-layer-mediaSwipe--dragging):not(.sv-release-layer-mediaSwipe--animating) {
    height: auto !important;
    min-height: 0 !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaViewport .sv-release-layer-mediaSwipe.sv-release-layer-mediaSwipe--dragging,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaViewport .sv-release-layer-mediaSwipe.sv-release-layer-mediaSwipe--dragging,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .content.sv-release-layer-content--tabDragging,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .content.sv-release-layer-content--tabDragging {
    touch-action: none;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .content.sv-release-layer-content--swipePrimed .mediaViewport .sv-release-layer-mediaSwipe,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .content.sv-release-layer-content--swipePrimed .mediaViewport .sv-release-layer-mediaSwipe,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .content.sv-release-layer-content--tabDragging .mediaViewport .sv-release-layer-mediaSwipe,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .content.sv-release-layer-content--tabDragging .mediaViewport .sv-release-layer-mediaSwipe {
    transform: none;
}

/* Keep Vimeo crisp — never inherit swipe press filters/transitions on the embed shell. */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed .stage-container,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed .videoFrame,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed iframe,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed .stage-container,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed .videoFrame,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed iframe,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed iframe {
    filter: none !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .content .releaseLayer-card,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .content .releaseLayer-card {
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .content.sv-release-layer-content--swipePrimed .releaseLayer-card,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .content.sv-release-layer-content--swipePrimed .releaseLayer-card,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .content.sv-release-layer-content--tabDragging .releaseLayer-card,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .content.sv-release-layer-content--tabDragging .releaseLayer-card {
    transform: scale(0.994);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .sv-release-layer-mediaSwipeTrack,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .sv-release-layer-mediaSwipeTrack {
    display: flex;
    flex-flow: row nowrap;
    flex-wrap: nowrap;
    align-items: flex-start;
    position: relative;
    box-sizing: border-box;
    transition-property: transform !important;
    transition-duration: 0.32s !important;
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1) !important;
    will-change: transform;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .sv-release-layer-mediaSwipeTrack.is-dragging,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .sv-release-layer-mediaSwipeTrack.is-dragging {
    transition: none !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .sv-release-layer-mediaSwipePage,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .sv-release-layer-mediaSwipePage {
    display: block;
    flex: 0 0 auto;
    box-sizing: border-box;
    pointer-events: none;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .sv-release-layer-mediaSwipePage.is-active,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .sv-release-layer-mediaSwipePage.is-active {
    pointer-events: auto;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .sv-release-layer-mediaSwipePage > .media,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .sv-release-layer-mediaSwipePage > .media {
    display: block !important;
    width: 100% !important;
}

/* At rest: collapse inactive swipe pages (no vertical gap from playback tab; no audio bleed on resize). */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaViewport .sv-release-layer-mediaSwipe:not(.sv-release-layer-mediaSwipe--dragging):not(.sv-release-layer-mediaSwipe--animating) .sv-release-layer-mediaSwipePage:not(.is-active),
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaViewport .sv-release-layer-mediaSwipe:not(.sv-release-layer-mediaSwipe--dragging):not(.sv-release-layer-mediaSwipe--animating) .sv-release-layer-mediaSwipePage:not(.is-active),
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .content .mediaViewport .sv-release-layer-mediaSwipe:not(.sv-release-layer-mediaSwipe--dragging):not(.sv-release-layer-mediaSwipe--animating) .sv-release-layer-mediaSwipePage:not(.is-active) {
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaViewport .sv-release-layer-mediaSwipe:not(.sv-release-layer-mediaSwipe--dragging):not(.sv-release-layer-mediaSwipe--animating) .sv-release-layer-mediaSwipePage:not(.is-active) > .media,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaViewport .sv-release-layer-mediaSwipe:not(.sv-release-layer-mediaSwipe--dragging):not(.sv-release-layer-mediaSwipe--animating) .sv-release-layer-mediaSwipePage:not(.is-active) > .media,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .content .mediaViewport .sv-release-layer-mediaSwipe:not(.sv-release-layer-mediaSwipe--dragging):not(.sv-release-layer-mediaSwipe--animating) .sv-release-layer-mediaSwipePage:not(.is-active) > .media {
    visibility: hidden !important;
    pointer-events: none !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaViewport .sv-release-layer-mediaSwipe.sv-release-layer-mediaSwipe--dragging .sv-release-layer-mediaSwipePage,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaViewport .sv-release-layer-mediaSwipe.sv-release-layer-mediaSwipe--animating .sv-release-layer-mediaSwipePage,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaViewport .sv-release-layer-mediaSwipe.sv-release-layer-mediaSwipe--dragging .sv-release-layer-mediaSwipePage,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaViewport .sv-release-layer-mediaSwipe.sv-release-layer-mediaSwipe--animating .sv-release-layer-mediaSwipePage,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .content .mediaViewport .sv-release-layer-mediaSwipe.sv-release-layer-mediaSwipe--dragging .sv-release-layer-mediaSwipePage,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .content .mediaViewport .sv-release-layer-mediaSwipe.sv-release-layer-mediaSwipe--animating .sv-release-layer-mediaSwipePage {
    height: auto !important;
    overflow: visible !important;
}

/* Desktop: if swipe DOM is still present, never show inactive tab media beside the active tab. */
@media (min-width: 1066px) {
    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaViewport .sv-release-layer-mediaSwipePage:not(.is-active) > .media,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaViewport .sv-release-layer-mediaSwipePage:not(.is-active) > .media {
        display: none !important;
        visibility: hidden;
        pointer-events: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .sv-release-layer-mediaSwipeTrack,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .sv-release-layer-mediaSwipeTrack {
        transition: none !important;
    }
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaContainer .mediaEmbed,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaContainer .mediaEmbed {
    margin: 0;
    max-width: none !important;
    width: 100%;
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
}

/* No video: drop extra gap above description card (never collapse/hide .mediaEmbed — Vimeo init). */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaSections > .mediaDescriptionContainer,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaSections > .mediaDescriptionContainer {
    margin-top: 0;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo:not(:has(.stage-container, .videoFrame, iframe[data-src*="vimeo"])),
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo:not(:has(.stage-container, .videoFrame, iframe[data-src*="vimeo"])),
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo:not(:has(.stage-container, .videoFrame, iframe[data-src*="vimeo"])) {
    display: none;
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    min-height: 0;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio:not(:has(.audioBar .content .table > .item)),
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio:not(:has(.audioBar .content .table > .item)),
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio:not(:has(.audioBar .content .table > .item)) {
    display: none;
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    min-height: 0;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo:not(:has(.stage-container, .videoFrame, iframe[data-src*="vimeo"])) .mediaEmbed,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo:not(:has(.stage-container, .videoFrame, iframe[data-src*="vimeo"])) .mediaEmbed {
    margin: 0;
    padding: 0;
    line-height: 0;
    font-size: 0;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed .stage-container,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed .videoFrame,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed .stage-container,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed .videoFrame {
    position: relative;
    border-radius: var(--sv-icon-squircle-radius-md, 16px);
    overflow: hidden;
}

/* Keep core 16:9 box — flex on `.releaseLayer-mediaVideo` must not collapse `height:0` + padding hack. */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed .stage-container .stage,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed .stage-container .stage,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed .stage-container .stage {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    background: #121110;
    border-radius: var(--sv-icon-squircle-radius-md, 16px);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed .stage-container .stage iframe,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed .stage-container .stage object,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed .stage-container .stage embed,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed .videoFrame,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed .stage-container .stage iframe,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed .stage-container .stage object,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed .stage-container .stage embed,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed .videoFrame,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed .stage-container .stage iframe,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed .videoFrame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaContainer .mediaEmbed .stage-container::after,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaContainer .mediaEmbed .stage-container::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(
        90deg,
        transparent 0%,
        color-mix(in srgb, var(--release-season-color, #e83331) 72%, #fff) 22%,
        color-mix(in srgb, var(--release-season-color, #e83331) 88%, #fff) 50%,
        color-mix(in srgb, var(--release-season-color, #e83331) 72%, #fff) 78%,
        transparent 100%
    );
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaContainer .media.active > .block.content,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaContainer .media.active > .block.content,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .content .mediaContainer .media.active > .block.content {
    display: flex;
    flex-direction: column;
    gap: var(--sv-release-layer-section-gap, 14px);
    padding: 0;
    background: transparent;
}

/* Video: season-orb shell — block layout only (flex breaks Vimeo 16:9 stage). */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo:has(.stage-container, .videoFrame, iframe[data-src*="vimeo"]),
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo:has(.stage-container, .videoFrame, iframe[data-src*="vimeo"]),
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo:has(.stage-container, .videoFrame, iframe[data-src*="vimeo"]) {
    display: block;
    margin: 0;
    padding: 14px;
    overflow: hidden;
    box-sizing: border-box;
    border: 1.5px solid var(--sv-release-row-thumb-border, rgba(116, 106, 100, 0.16));
    border-radius: calc(var(--sv-icon-squircle-radius-md, 16px) + 5px);
    background:
        radial-gradient(circle at 28% 22%, rgba(255, 255, 255, 0.88), transparent 46%),
        linear-gradient(
            145deg,
            var(--sv-release-row-thumb-fill-a, color-mix(in srgb, var(--release-season-color, #e83331) 24%, #fff)) 0%,
            var(--sv-release-row-thumb-fill-b, color-mix(in srgb, var(--release-season-color, #e83331) 12%, #fff)) 100%
        );
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.82),
        inset 0 -10px 18px var(--sv-release-row-thumb-inset, transparent),
        0 8px 18px rgba(80, 52, 38, 0.08);
}

/* Audio: season-orb + flex column for head + player face. */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio:has(.audioBar .content .table > .item) > .audioBar,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio:has(.audioBar .content .table > .item) > .audioBar,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio:has(.audioBar .content .table > .item) > .audioBar {
    --sv-release-audio-player-inner-radius: calc(var(--sv-icon-squircle-radius-md, 16px) - 2px);
    --sv-release-audio-player-face: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 253, 249, 0.9) 100%);
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
    padding: 14px;
    overflow: hidden;
    box-sizing: border-box;
    border: 1.5px solid var(--sv-release-row-thumb-border, rgba(116, 106, 100, 0.16));
    border-radius: calc(var(--sv-icon-squircle-radius-md, 16px) + 5px);
    background:
        radial-gradient(circle at 28% 22%, rgba(255, 255, 255, 0.88), transparent 46%),
        linear-gradient(
            145deg,
            var(--sv-release-row-thumb-fill-a, color-mix(in srgb, var(--release-season-color, #e83331) 24%, #fff)) 0%,
            var(--sv-release-row-thumb-fill-b, color-mix(in srgb, var(--release-season-color, #e83331) 12%, #fff)) 100%
        );
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.82),
        inset 0 -10px 18px var(--sv-release-row-thumb-inset, transparent),
        0 8px 18px rgba(80, 52, 38, 0.08);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border-radius: 10px !important;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.18);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaSections:empty,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaSections:empty,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaSections:empty {
    display: none;
}

/* Anleitung: own card below video — wrapper has no background/border. */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaSections,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaSections,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaSections {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaContainer .media.active > .block.content > .audioBar:empty,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaContainer .media.active > .block.content > .audioBar:empty,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio .audioBar:empty,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio .audioBar:empty {
    display: none !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaContainer .media.active > .block.content > :not(.mediaEmbed):not(.mediaDescriptionContainer):not(.releaseLayer-mediaVideo):not(.releaseLayer-mediaAudio):not(.releaseLayer-mediaSections):not(:empty),
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaContainer .media.active > .block.content > :not(.mediaEmbed):not(.mediaDescriptionContainer):not(.releaseLayer-mediaVideo):not(.releaseLayer-mediaAudio):not(.releaseLayer-mediaSections):not(:empty) {
    margin: 16px 14px 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

/* List layer header tabs: beat core.css pill/wrap rules at <=800px (tabs live in .releaseHeadChromeFoot only). */
@media (max-width: 800px) {
    /* Title overflow exception ONLY: JS adds `.sv-title-overflow` when the title would run under
       the close button. Then the title wraps ~10px before the X and the subtitle (reparented into
       `.title-inner` by JS) sits inline beside the title's last line. Default layout is untouched. */
    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer.sv-title-overflow > .head .title-inner,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer.sv-title-overflow > .head .title-inner {
        padding-right: var(--sv-layer-title-iconlane, 34px);
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer.sv-title-overflow > .head .title-inner h2,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer.sv-title-overflow > .head .title-inner h2 {
        display: inline;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer.sv-title-overflow > .head .title-inner > .subTitle,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer.sv-title-overflow > .head .title-inner > .subTitle {
        display: inline;
        margin: 0 0 0 0.5em;
        padding: 0;
        white-space: nowrap;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head {
        border-bottom: 0 !important;
        padding-top: 7px !important;
        padding-bottom: 0 !important;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs {
        display: flex !important;
        flex-flow: row nowrap !important;
        flex-wrap: nowrap !important;
        flex-direction: row !important;
        align-items: stretch !important;
        align-content: stretch !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        gap: 1px;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs > li,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs > li {
        display: flex !important;
        flex: 0 0 auto !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs > li > a.mediaTab,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs > li > a.mediaTab {
        display: flex !important;
        min-height: 22px;
        margin-top: 5px;
        padding: 0 7px !important;
        top: auto !important;
        font-size: 10px !important;
        font-weight: 650 !important;
        line-height: 1.2 !important;
        border-radius: 7px 7px 0 0;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs > li.active,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs > li.active {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs > li.active > a.mediaTab,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs > li.active > a.mediaTab {
        color: var(--sv-release-tab-text-active) !important;
    }
}

/* Accordion stack below media (account-page card pattern). */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content > .releaseLayer-accordionStack,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content > .releaseLayer-accordionStack {
    display: flex;
    flex-direction: column;
    gap: var(--sv-release-layer-section-gap, 14px);
    margin: 0 var(--sv-release-row-pad-left, 20px);
    padding: 0;
    width: auto;
    align-self: stretch;
    box-sizing: border-box;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content > .related,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content > .related {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-card.releaseLayer-accordion,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-card.releaseLayer-accordion {
    --sv-release-accordion-inset-x: 20px;
    --sv-release-accordion-card-bg: linear-gradient(
        165deg,
        color-mix(in srgb, var(--release-season-color, #e83331) 4%, rgba(255, 255, 255, 0.98)) 0%,
        color-mix(in srgb, var(--release-season-color, #e83331) 8%, rgba(255, 255, 255, 0.96)) 48%,
        color-mix(in srgb, var(--release-season-color, #e83331) 12%, rgba(255, 255, 255, 0.94)) 100%
    );
    position: relative;
    z-index: 1;
    margin: 0 !important;
    padding: 0;
    overflow: hidden;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.82);
    background: var(--sv-release-accordion-card-bg);
    box-shadow:
        0 22px 50px rgba(80, 52, 38, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.92);
    box-sizing: border-box;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-card.releaseLayer-accordion::before,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-card.releaseLayer-accordion::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: -56px;
    right: -44px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--release-season-color, #e83331) 9%, transparent);
    pointer-events: none;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-card.releaseLayer-accordion::after,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-card.releaseLayer-accordion::after {
    content: "";
    position: absolute;
    z-index: 0;
    right: 22px;
    bottom: 22px;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--release-season-color, #e83331) 8%, transparent);
    pointer-events: none;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionHeader,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionHeader {
    display: block;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordion:not(.releaseLayer-accordion--open) .releaseLayer-accordionHeader,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordion:not(.releaseLayer-accordion--open) .releaseLayer-accordionHeader {
    border-radius: 24px;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionTrigger,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionTrigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    width: 100%;
    margin: 0;
    padding: 16px var(--sv-release-accordion-inset-x, 20px);
    border: 0;
    background: transparent;
    color: var(--sv-header-text-color);
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionTitle,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionTitle {
    font-size: clamp(1.05rem, 2.2vw, 1.35rem);
    font-weight: 700;
    line-height: 1.22;
    letter-spacing: -0.02em;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionChevron,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionChevron {
    flex: 0 0 auto;
    width: 9px;
    height: 9px;
    margin-top: -3px;
    border-right: 2px solid color-mix(in srgb, var(--release-season-color, #e83331) 82%, #e83331);
    border-bottom: 2px solid color-mix(in srgb, var(--release-season-color, #e83331) 82%, #e83331);
    transform: rotate(45deg);
    transition: transform 0.2s ease, margin 0.2s ease;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordion--open .releaseLayer-accordionChevron,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordion--open .releaseLayer-accordionChevron {
    margin-top: 2px;
    transform: rotate(-135deg);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordion--open > .releaseLayer-accordionHeader,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordion--open > .releaseLayer-accordionHeader {
    border-bottom: 1px solid rgba(116, 106, 100, 0.14);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel {
    --sv-release-accordion-duration: 0.45s;
    position: relative;
    z-index: 1;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    padding-left: var(--sv-release-accordion-inset-x, 20px);
    padding-right: var(--sv-release-accordion-inset-x, 20px);
    transition:
        max-height var(--sv-release-accordion-duration) cubic-bezier(0.4, 0, 0.2, 1),
        opacity calc(var(--sv-release-accordion-duration) * 0.78) ease,
        padding var(--sv-release-accordion-duration) cubic-bezier(0.4, 0, 0.2, 1);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordion--open .releaseLayer-accordionPanel:not([hidden]),
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordion--open .releaseLayer-accordionPanel:not([hidden]) {
    max-height: min(4000px, var(--sv-release-accordion-max-h, 4000px));
    opacity: 1;
    padding-bottom: 18px;
    overflow-x: hidden;
    overflow-y: hidden;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .mediaDescriptionContainer .mediaDescription .description,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .mediaDescriptionContainer.sv-publicMediaTeaserCard .mediaDescription.public .description,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .mediaDescriptionContainer.sv-shortDescriptionCard .description-short,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .releaseLayer-accordionMediaPane .description,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .releaseLayer-accordionMediaPane .description-short,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .mediaDescriptionContainer .mediaDescription .description,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .mediaDescriptionContainer.sv-publicMediaTeaserCard .mediaDescription.public .description,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .mediaDescriptionContainer.sv-shortDescriptionCard .description-short,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .releaseLayer-accordionMediaPane .description,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .releaseLayer-accordionMediaPane .description-short {
    max-width: 100%;
    overflow-x: hidden;
    overflow-wrap: anywhere;
    word-wrap: break-word;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordion--pending-open,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordion--pending-open {
    pointer-events: none;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionBusy,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionBusy {
    position: absolute;
    inset: 0;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.22s ease, visibility 0.22s ease;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordion--pending-open .releaseLayer-accordionBusy:not([hidden]),
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordion--pending-open .releaseLayer-accordionBusy:not([hidden]) {
    opacity: 1;
    visibility: visible;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionBusy .sv-piepsi-spinner,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionBusy .sv-piepsi-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: calc(var(--sv-piepsi-spinner-size) / -2) 0 0 calc(var(--sv-piepsi-spinner-size) / -2);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionMediaPane,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionMediaPane {
    display: none;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionMediaPane.is-active,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordion--mediaBound .releaseLayer-accordionMediaPane:only-child,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionMediaPane.is-active,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordion--mediaBound .releaseLayer-accordionMediaPane:only-child {
    display: block;
}

/* Accordion body: prose spans title left edge → chevron right (same inset as trigger). */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .mediaDescriptionContainer .mediaDescription,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .mediaDescriptionContainer .mediaDescription {
    display: block;
    padding: 12px 0 16px !important;
    background: transparent !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .mediaDescriptionContainer .mediaDescription .description,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .mediaDescriptionContainer.sv-publicMediaTeaserCard .mediaDescription.public .description,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .mediaDescriptionContainer .mediaDescription .description,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .mediaDescriptionContainer.sv-publicMediaTeaserCard .mediaDescription.public .description,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .mediaDescriptionContainer .mediaDescription .description,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .mediaDescriptionContainer.sv-publicMediaTeaserCard .mediaDescription.public .description {
    padding: 0 !important;
    max-width: none;
    box-sizing: border-box;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .mediaDescriptionContainer.sv-shortDescriptionCard .description-short,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .mediaDescriptionContainer.sv-shortDescriptionCard .description-short {
    display: block;
    padding: 12px 0 16px !important;
    font-size: 14px;
    line-height: 1.5;
    color: var(--sv-release-row-text, #342c28);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .mediaDescriptionContainer,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .audioDownloadContainer,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .chordViewer-container,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .mediaDescriptionContainer,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .audioDownloadContainer,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .chordViewer-container,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .mediaDescriptionContainer,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .audioDownloadContainer,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .chordViewer-container {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    overflow: visible !important;
}

/* Accordion innards: no moduleDesign inner ::before/::after orbs — only outer `.releaseLayer-accordion` card. */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer::before,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer::after,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .chordViewer-container::before,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .chordViewer-container::after,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer::before,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer::after,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .chordViewer-container::before,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .chordViewer-container::after,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer::before,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer::after,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .chordViewer-container::before,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .chordViewer-container::after {
    display: none !important;
    content: none !important;
    background: none !important;
    opacity: 0 !important;
}

/* PDF rows inside accordion: spaced glass tiles over outer card orbs. */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer .tableContainer,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer .tableContainer,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer .tableContainer {
    margin: 0;
    padding: 4px 0 12px;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table {
    display: block;
    width: 100%;
    margin-top: 0;
    padding-bottom: 0;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.55);
    background: rgba(255, 255, 255, 0.42) !important;
    -webkit-backdrop-filter: blur(10px) saturate(1.08);
    backdrop-filter: blur(10px) saturate(1.08);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.65),
        0 4px 14px rgba(80, 52, 38, 0.05);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div:last-child,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div:last-child,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div:last-child {
    margin-bottom: 0;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div > div,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div > div,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div > div {
    display: block !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-right: 12px !important;
    vertical-align: middle;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div > div.icon,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div > div.icon,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div > div.icon {
    flex: 0 0 auto;
    padding-left: 12px !important;
    padding-right: 4px !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div > div.title,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div > div.title,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div > div.title {
    flex: 1 1 0;
    min-width: 0;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div > div.pageCount,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div > div.fileSize,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div > div.pageCount,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div > div.fileSize,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div > div.pageCount,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div > div.fileSize {
    flex: 0 0 auto;
    white-space: nowrap;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div > div.downloadIcon,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div > div.downloadIcon,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div > div.downloadIcon {
    flex: 0 0 auto;
    margin-left: auto;
    align-self: center;
    padding-right: 14px !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div:nth-child(even),
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div:nth-child(even),
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div:nth-child(even) {
    background: rgba(255, 255, 255, 0.36) !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div:hover,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div:hover,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div:hover {
    background: rgba(255, 255, 255, 0.56) !important;
    border-color: color-mix(in srgb, var(--release-season-color, #e83331) 18%, rgba(255, 255, 255, 0.6));
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer > *,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer > *,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer > * {
    position: relative;
    z-index: 1;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .mediaDescriptionTitle,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer > .title,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .audioDownloadContainer > .title,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .chordViewer-container > .title,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .mediaDescriptionTitle,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer > .title,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .audioDownloadContainer > .title,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .chordViewer-container > .title {
    display: none !important;
}

/* Mobile PDF rows: keep flex row; pin download glyph to the right edge. */
@media (max-width: 800px) {
    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table {
        display: block !important;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div {
        display: flex !important;
        flex-wrap: nowrap;
        width: 100%;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div > div,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div > div,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div > div {
        display: block !important;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div > div.title,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div > div.title,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div > div.title {
        flex: 1 1 auto !important;
        min-width: 0;
        max-width: none !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div > div.downloadIcon,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div > div.downloadIcon,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionPanel .documentDownloadContainer.isTable .table > div > div.downloadIcon {
        margin-left: auto !important;
        flex: 0 0 auto !important;
    }
}

/* Tablet/desktop: Akkorde before PDF Downloads (DOM order unchanged for mobile). */
@media (min-width: 801px) {
    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionStack > .releaseLayer-accordion[data-sv-release-accordion="chords"],
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionStack > .releaseLayer-accordion[data-sv-release-accordion="chords"],
    .releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionStack > .releaseLayer-accordion[data-sv-release-accordion="chords"] {
        order: 10;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionStack > .releaseLayer-accordion[data-sv-release-accordion="pdf_downloads"],
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionStack > .releaseLayer-accordion[data-sv-release-accordion="pdf_downloads"],
    .releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionStack > .releaseLayer-accordion[data-sv-release-accordion="pdf_downloads"] {
        order: 11;
    }
}

/* Mobile: no Akkorde accordion — chord PDFs stay under PDF Downloads. */
@media (max-width: 800px) {
    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordion[data-sv-release-accordion="chords"],
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordion[data-sv-release-accordion="chords"],
    .releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordion[data-sv-release-accordion="chords"] {
        display: none !important;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionStack:not(:has(.releaseLayer-accordion:not([data-sv-release-accordion="chords"]))),
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionStack:not(:has(.releaseLayer-accordion:not([data-sv-release-accordion="chords"]))),
    .releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-accordionStack:not(:has(.releaseLayer-accordion:not([data-sv-release-accordion="chords"]))) {
        display: none !important;
    }
}

/* List-layer chords: drop wrapper boxes (chordViewer/chords/chordView); .chordSet is full-width body. */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer:not(.teaser),
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chords,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordView,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer:not(.teaser),
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chords,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordView,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer:not(.teaser),
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chords,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordView {
    display: contents !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

/* Paywall teaser: keep .chordViewer a box — display:contents hoists .truncator onto .chordViewer-container (over CTA). */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.teaser,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.teaser,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.teaser {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    position: relative;
    overflow: visible;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    --sv-chord-teaser-visible-rows: 4;
    --sv-chord-teaser-fade-rows: 4;
    --sv-chord-teaser-chord-row: 23px;
    --sv-chord-teaser-text-row: 15px;
    --sv-chord-teaser-capo-extra: 0px;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.teaser:has(.capoPosition.visible),
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.teaser:has(.capoPosition.visible),
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.teaser:has(.capoPosition.visible) {
    --sv-chord-teaser-capo-extra: 2.25rem;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.teaser > .chords,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.teaser > .chords,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.teaser > .chords {
    display: block !important;
    grid-area: 1 / 1;
    min-width: 0;
    max-height: calc(
        var(--sv-chord-teaser-capo-extra)
        + (var(--sv-chord-teaser-visible-rows) + var(--sv-chord-teaser-fade-rows))
        * (var(--sv-chord-teaser-chord-row) + var(--sv-chord-teaser-text-row))
        / 2
    );
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    /* Same soft text fade as Anleitung — no rectangular season overlay. */
    -webkit-mask-image: linear-gradient(
        to bottom,
        #000 0%,
        #000 28%,
        rgba(0, 0, 0, 0.72) 52%,
        rgba(0, 0, 0, 0.38) 76%,
        rgba(0, 0, 0, 0.14) 100%
    );
    mask-image: linear-gradient(
        to bottom,
        #000 0%,
        #000 28%,
        rgba(0, 0, 0, 0.72) 52%,
        rgba(0, 0, 0, 0.38) 76%,
        rgba(0, 0, 0, 0.14) 100%
    );
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.empty,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.empty,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.empty {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.empty > .truncator,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.empty > .chords,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.empty > .truncator,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.empty > .chords,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.empty > .truncator,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.empty > .chords {
    display: none !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer::before,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chords::before,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordView::before,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordSet::before,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer::before,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chords::before,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordView::before,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordSet::before,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer::before,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chords::before,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordView::before,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordSet::before {
    display: none !important;
    content: none !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .capoPosition,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .capoPosition,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .capoPosition {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: baseline !important;
    gap: 0.2em;
    visibility: visible !important;
    position: static !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    max-width: 100%;
    right: auto !important;
    top: auto !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    color: #c62828 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chords.hideChords .capoPosition,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chords.hideChords .capoPosition,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chords.hideChords .capoPosition {
    display: none !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .capoPosition > .label,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .capoPosition > .value,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .capoPosition > .label,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .capoPosition > .value,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .capoPosition > .label,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .capoPosition > .value {
    display: block !important;
    flex: 0 0 auto;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    white-space: nowrap !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .capoPosition .label + .value,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .capoPosition .label + .value,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .capoPosition .label + .value {
    margin-left: 0.2em !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .capoPosition .value + .label,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .capoPosition .value + .label,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .capoPosition .value + .label {
    margin-left: 0.25em !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordSet,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordSet,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordSet {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
}

/* Chord lines: same rules as core `.releaseView-container … .chordSet` (no list-layer shrink/clip). */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordSet .textLine,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordSet .textLine,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordSet .textLine {
    margin-bottom: 10px;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordSet .chorusBlock,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordSet .chorusBlock,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordSet .chorusBlock {
    border-left: 5px solid #e83331;
    padding-left: 20px;
    margin-bottom: 25px;
    margin-top: 15px;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordSet .chorusBlock > .textLine:first-child pre,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordSet .chorusBlock > .textLine:first-child pre,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordSet .chorusBlock > .textLine:first-child pre {
    font-weight: 600 !important;
    font-size: 15px !important;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 10px;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordSet .chorusBlock > .chordLine:first-child,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordSet .chorusBlock > .chordLine:first-child,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordSet .chorusBlock > .chordLine:first-child {
    margin-top: 0;
    padding-top: 0;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordSet .chordLine,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordSet .chordLine,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordSet .chordLine {
    padding-top: 5px;
    padding-bottom: 3px;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordSet .chordLine pre,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordSet .chordLine pre,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordSet .chordLine pre {
    color: #33d !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordSet .sectionHead pre,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordSet .sectionHead pre,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordSet .sectionHead pre {
    font-weight: 600 !important;
    font-size: 15px !important;
    padding-top: 3px;
    padding-bottom: 5px;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordSet pre,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordSet pre,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordSet pre {
    font-size: 13px !important;
    font-weight: normal;
    line-height: 15px;
    font-family: "Roboto Mono";
    color: #444;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .teaserButton,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .teaserButton,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .teaserButton {
    display: block;
    width: 100%;
    margin: 0 !important;
    padding: 0 0 4px !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container:has(.chordViewer.teaser),
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container:has(.chordViewer.teaser),
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container:has(.chordViewer.teaser) {
    position: static;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.teaser > .truncator,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.teaser > .truncator,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.teaser > .truncator {
    display: none !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.teaser > .teaserButton,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.teaser > .teaserButton,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.teaser > .teaserButton,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.empty > .teaserButton,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.empty > .teaserButton,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.empty > .teaserButton {
    grid-area: 2 / 1;
    position: relative;
    z-index: 3;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.teaser .chordSet,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.teaser .chordSet,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.teaser .chordSet {
    max-height: none;
    overflow: hidden !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.teaser .chordSet .textLine,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.teaser .chordSet .textLine,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.teaser .chordSet .textLine {
    margin-bottom: 0 !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.teaser .chordSet .chordLine,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.teaser .chordSet .chordLine,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container .chordViewer.teaser .chordSet .chordLine {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container.sv-publicChordTeaserCard .chordViewer.teaser .chordSet,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .chordViewer-container:has(> .teaserButton) .chordViewer.teaser .chordSet,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container.sv-publicChordTeaserCard .chordViewer.teaser .chordSet,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container:has(> .teaserButton) .chordViewer.teaser .chordSet,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container.sv-publicChordTeaserCard .chordViewer.teaser .chordSet,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .chordViewer-container:has(> .teaserButton) .chordViewer.teaser .chordSet {
    max-height: none;
    overflow: hidden !important;
}

/* PDF / chords / audio: separate cards — not one moduleDesign .subContainer shell. */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content > .subContainer,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content > .subContainer,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .content > .subContainer {
    display: flex;
    flex-direction: column;
    gap: var(--sv-release-layer-section-gap, 14px);
    margin: 0 var(--sv-release-row-pad-left, 20px);
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    width: auto;
    align-self: stretch;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .subContainer > .releaseLayer-subSections,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content > .releaseLayer-subSections,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .subContainer > .releaseLayer-subSections,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content > .releaseLayer-subSections,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .content .subContainer > .releaseLayer-subSections,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .content > .releaseLayer-subSections {
    display: flex;
    flex-direction: column;
    gap: var(--sv-release-layer-section-gap, 14px);
    margin: 0;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .releaseLayer-sectionShell,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .releaseLayer-sectionShell,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .content .releaseLayer-sectionShell {
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
}

/* moduleDesign .subContainer shell (margin/padding/card) must not narrow PDF/chord blocks in list layer. */
.webRoot.moduleDesign .releaseView-container .release.openInLayer .content > .subContainer,
body.sv-release-layer-open #sv-global-release-layer-host.releaseView-container .release.openInLayer .content > .subContainer {
    margin: 0 24px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .releaseLayer-subSections > .releaseLayer-sectionShell > .documentDownloadContainer,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .releaseLayer-subSections > .releaseLayer-sectionShell > .chordViewer-container,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .releaseLayer-subSections > .releaseLayer-sectionShell > .audioDownloadContainer,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .subContainer > .releaseLayer-subSections > .releaseLayer-sectionShell > .documentDownloadContainer,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .subContainer > .releaseLayer-subSections > .releaseLayer-sectionShell > .chordViewer-container,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .subContainer > .releaseLayer-subSections > .releaseLayer-sectionShell > .audioDownloadContainer,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .releaseLayer-subSections > .releaseLayer-sectionShell > .documentDownloadContainer,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .releaseLayer-subSections > .releaseLayer-sectionShell > .chordViewer-container,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .releaseLayer-subSections > .releaseLayer-sectionShell > .audioDownloadContainer,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .subContainer > .releaseLayer-subSections > .releaseLayer-sectionShell > .documentDownloadContainer,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .subContainer > .releaseLayer-subSections > .releaseLayer-sectionShell > .chordViewer-container,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .subContainer > .releaseLayer-subSections > .releaseLayer-sectionShell > .audioDownloadContainer,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .content .releaseLayer-subSections > .releaseLayer-sectionShell > .documentDownloadContainer,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .content .releaseLayer-subSections > .releaseLayer-sectionShell > .chordViewer-container,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .content .releaseLayer-subSections > .releaseLayer-sectionShell > .audioDownloadContainer {
    margin-top: 0;
}

/* Legacy subContainer shells only — not accordion panel innards (PDF/chords use outer accordion orbs). */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content > .subContainer .audioDownloadContainer,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content > .releaseLayer-subSections .audioDownloadContainer,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content > .subContainer .audioBar,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content > .subContainer .audioDownloadContainer,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content > .releaseLayer-subSections .audioDownloadContainer,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content > .subContainer .audioBar,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .content > .subContainer .audioDownloadContainer,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .content > .releaseLayer-subSections .audioDownloadContainer,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .content > .subContainer .audioBar {
    margin-top: 0;
    border-color: color-mix(in srgb, var(--release-season-color, #e83331) 14%, rgba(116, 106, 100, 0.12));
    background: var(--sv-release-section-glass-base);
    -webkit-backdrop-filter: var(--sv-release-section-glass-blur);
    backdrop-filter: var(--sv-release-section-glass-blur);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.55),
        0 12px 28px rgba(80, 52, 38, 0.08);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .relatedContainer,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .relatedContainer,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .content .relatedContainer {
    margin: 0 24px;
    border-color: color-mix(in srgb, var(--release-season-color, #e83331) 14%, rgba(116, 106, 100, 0.12));
    background: var(--sv-release-section-glass-base);
    -webkit-backdrop-filter: var(--sv-release-section-glass-blur);
    backdrop-filter: var(--sv-release-section-glass-blur);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.55),
        0 12px 28px rgba(80, 52, 38, 0.08);
}

/* Anleitung: same seasonal orb card as moduleDesign (list UI must not dilute ::before). */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaContainer .mediaDescriptionContainer,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaSections .mediaDescriptionContainer,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaContainer .mediaDescriptionContainer,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaSections .mediaDescriptionContainer {
    position: relative;
    isolation: isolate;
    box-sizing: border-box;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid color-mix(in srgb, var(--release-season-color, #e83331) 14%, rgba(116, 106, 100, 0.12));
    background: var(--sv-release-section-glass-base);
    -webkit-backdrop-filter: var(--sv-release-section-glass-blur);
    backdrop-filter: var(--sv-release-section-glass-blur);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.55),
        0 14px 30px rgba(85, 65, 48, 0.09);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaSections > .mediaDescriptionContainer,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaSections > .mediaDescriptionContainer {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaContainer .media.active > .block.content > .mediaDescriptionContainer,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaContainer .media.active > .block.content > .mediaDescriptionContainer {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaContainer .mediaDescriptionContainer::before,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaSections .mediaDescriptionContainer::before,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaContainer .mediaDescriptionContainer::before,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaSections .mediaDescriptionContainer::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        radial-gradient(circle at calc(100% + 34px) -42px, var(--sv-widget-surface-orb-red) 0, var(--sv-widget-surface-orb-red) 112px, transparent 113px),
        radial-gradient(circle at 11% calc(100% + 28px), var(--sv-widget-surface-orb-gold) 0, var(--sv-widget-surface-orb-gold) 78px, transparent 79px),
        radial-gradient(circle at 78% 68%, var(--release-season-color, #91be14) 0, transparent 60px),
        radial-gradient(circle at 30% 18%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 5%, transparent) 0, color-mix(in srgb, var(--sv-current-season-color, #e83331) 5%, transparent) 40px, transparent 41px),
        radial-gradient(circle at 58% 110%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 5%, transparent) 0, color-mix(in srgb, var(--sv-current-season-color, #e83331) 5%, transparent) 52px, transparent 53px),
        radial-gradient(circle at calc(100% + 10px) 58%, var(--release-season-color, #91be14) 0, transparent 36px),
        radial-gradient(circle at 44% 54%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 4%, transparent) 0, color-mix(in srgb, var(--sv-current-season-color, #e83331) 4%, transparent) 24px, transparent 25px),
        radial-gradient(circle at 16% 34%, color-mix(in srgb, var(--sv-current-season-color, #e83331) 4%, transparent) 0, color-mix(in srgb, var(--sv-current-season-color, #e83331) 4%, transparent) 28px, transparent 29px),
        radial-gradient(circle at 88% 88%, var(--release-season-color, #91be14) 0, transparent 24px);
    opacity: var(--sv-release-section-orb-opacity, 0.54);
    pointer-events: none;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaContainer .mediaDescriptionContainer > *,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaSections .mediaDescriptionContainer > *,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaContainer .mediaDescriptionContainer > *,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaSections .mediaDescriptionContainer > * {
    position: relative;
    z-index: 1;
}

/* Accordion PDF/chords: orbs on `.releaseLayer-accordion` only; inner containers suppressed above. */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .audioDownloadContainer::before,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .audioBar::before,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .relatedContainer::before,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .audioDownloadContainer::before,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .audioBar::before,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .relatedContainer::before {
    opacity: var(--sv-release-section-orb-opacity, 0.54);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .audioDownloadContainer > .title,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .documentDownloadContainer > .title,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .audioBar > .title,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .chordViewer-container > .title,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .relatedContainer > .title,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaContainer .mediaDescriptionContainer .mediaDescriptionTitle,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .audioDownloadContainer > .title,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .documentDownloadContainer > .title,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .audioBar > .title,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .chordViewer-container > .title,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .relatedContainer > .title,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaContainer .mediaDescriptionContainer .mediaDescriptionTitle {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    min-height: var(--sv-release-section-header-h, 36px);
    margin: 0;
    padding: 0 16px;
    border: none;
    border-radius: 16px 16px 0 0;
    overflow: hidden;
    background: var(--sv-release-section-glass-header);
    -webkit-backdrop-filter: var(--sv-release-section-glass-blur);
    backdrop-filter: var(--sv-release-section-glass-blur);
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
    color: color-mix(in srgb, color-mix(in srgb, var(--release-season-color, #e83331) 48%, var(--sv-header-tint-base, #342c28)) 85%, transparent);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaContainer .mediaDescriptionContainer .mediaDescription,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaContainer .mediaDescriptionContainer .mediaDescription {
    border-radius: 0 0 18px 18px;
    margin-right: 0;
    margin-bottom: 0;
    background: var(--sv-release-section-glass-body);
}

/* Modal audio: season orb frame; head + body = one inset player face (no gap). */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar {
    position: relative;
    isolation: isolate;
    margin: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

/* Player head: top of unified face — rounded top, same fill as controls (flows into .item). */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .title.audioBar-head,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .title.audioBar-head,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .title.audioBar-head {
    box-sizing: border-box;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 10px 12px;
    min-height: var(--sv-release-section-header-h, 36px);
    margin: 0;
    padding: 10px 14px 8px !important;
    border: 0;
    border-radius: var(--sv-release-audio-player-inner-radius, 14px) var(--sv-release-audio-player-inner-radius, 14px) 0 0 !important;
    background: var(--sv-release-audio-player-face, linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 253, 249, 0.9) 100%)) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar .audioBar-sectionLabel,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar .audioBar-sectionLabel,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar .audioBar-sectionLabel {
    flex: 1 1 auto;
    min-width: 0;
    position: relative;
    margin: 0;
    padding: 0 0 0 30px;
    background: transparent;
    border-radius: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
    color: color-mix(in srgb, color-mix(in srgb, var(--release-season-color, #e83331) 48%, var(--sv-header-tint-base, #342c28)) 85%, transparent);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .title > .audioBar-sectionLabel::before,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .title > .audioBar-sectionLabel::before,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .title > .audioBar-sectionLabel::before {
    content: "\266B";
    position: absolute;
    left: 0;
    top: 50%;
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background:
        radial-gradient(circle at 30% 26%, rgba(255, 255, 255, 0.42) 0, transparent 38%),
        var(--release-season-color, #91be14);
    color: #fff;
    font-size: 13px;
    line-height: 1;
    transform: translateY(-50%);
    box-shadow: 0 3px 8px rgba(120, 60, 40, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .title .volume,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .title .volume,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .title .volume {
    flex: 0 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    margin: 0 0 0 auto;
    max-width: min(100%, 200px);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .title .volume .label,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .title .volume .label,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .title .volume .label {
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
    color: color-mix(in srgb, var(--release-season-color, #e83331) 28%, rgba(85, 65, 48, 0.72));
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .title .volume .control,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .title .volume .control,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .title .volume .control {
    position: relative;
    top: auto;
    flex: 0 0 auto;
    width: 96px;
    height: 11px;
    margin: 0;
    border: 1px solid color-mix(in srgb, var(--release-season-color, #e83331) 18%, rgba(85, 65, 48, 0.14));
    border-radius: 999px;
    background: rgba(85, 65, 48, 0.08);
    overflow: hidden;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .title .volume .control .cover,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .title .volume .control .cover,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .title .volume .control .cover {
    width: 100%;
    height: 100%;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .title .volume .control .inner,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .title .volume .control .inner,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .title .volume .control .inner {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    max-height: 11px;
    border-radius: 999px;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0) 18%),
        var(--release-season-color, #91be14);
}

/* Player body: bottom of unified face — flush under head, rounded bottom only. */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas:
        "controls title download"
        "controls progress download";
    align-items: center;
    column-gap: 14px;
    row-gap: 8px;
    margin: 0;
    padding: 10px 14px 14px !important;
    border: 0;
    border-radius: 0 0 var(--sv-release-audio-player-inner-radius, 14px) var(--sv-release-audio-player-inner-radius, 14px);
    background: var(--sv-release-audio-player-face, linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 253, 249, 0.9) 100%));
    box-shadow: 0 6px 14px rgba(42, 33, 28, 0.06);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item > div,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item > div,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item > div {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item > :first-child,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item > :first-child,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item > :first-child {
    grid-area: controls;
    grid-row: 1 / -1;
    align-self: center;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item > .title,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item > .title,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item > .title {
    grid-area: title;
    align-self: center;
    justify-self: stretch;
    margin: 0;
    padding: 0 !important;
    min-width: 0;
    max-width: none !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "KoHo", "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    color: color-mix(in srgb, var(--release-season-color, #e83331) 36%, #554130);
    letter-spacing: -0.01em;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item > div.takeWidth,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item > div.takeWidth,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item > div.takeWidth {
    grid-area: progress;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    align-self: center;
    justify-self: stretch;
    width: 100%;
    min-width: 0;
    padding: 0 !important;
    margin-top: 2px;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item > div.takeWidth > .progress,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item > div.takeWidth > .progress,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item > div.takeWidth > .progress {
    flex: 1 1 auto;
    min-width: 0;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item > div.takeWidth > .alignRight.time,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item > div.takeWidth > .alignRight.time,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item > div.takeWidth > .alignRight.time {
    flex: 0 0 auto;
    margin: 0;
    padding: 0 !important;
    font-size: 12px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: rgba(85, 65, 48, 0.68);
    white-space: nowrap;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item .progress,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item .progress,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item .progress {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    display: block;
    width: 100%;
    min-width: 0;
    height: 10px;
    margin: 0;
    border-radius: 999px;
    background:
        repeating-linear-gradient(90deg, rgba(85, 65, 48, 0.07) 0, rgba(85, 65, 48, 0.07) 1px, transparent 1px, transparent 10px),
        rgba(85, 65, 48, 0.1);
    box-shadow:
        inset 0 1px 2px rgba(85, 65, 48, 0.08),
        0 1px 0 rgba(255, 255, 255, 0.8);
    overflow: hidden;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item .progress > .current,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item .progress > .current,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item .progress > .current {
    height: 100%;
    border-radius: 999px;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 22%),
        var(--release-season-color, #91be14);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item > div.download,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item > div.download,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item > div.download {
    grid-area: download;
    align-self: center;
    justify-self: end;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content {
    flex: 1 1 auto;
    margin: 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
    box-sizing: border-box;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table {
    display: block;
    width: 100%;
}

/* Short intro text: one glass card — no nested moduleDesign .description-short shell. */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaSections .mediaDescriptionContainer.sv-shortDescriptionCard .mediaDescription,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaSections .mediaDescriptionContainer.sv-shortDescriptionCard .mediaDescription {
    padding: 15px 20px 20px;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaSections .mediaDescriptionContainer.sv-shortDescriptionCard .description-short,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaSections .mediaDescriptionContainer.sv-shortDescriptionCard .description-short {
    margin: 0;
    padding: 0;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none !important;
    color: inherit;
    font-size: inherit;
    line-height: 1.55;
}

/* Public Anleitung paywall teaser — core.css only scopes .mediaContainer; layer uses accordion panes. */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--empty,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--empty,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--empty {
    display: none;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--short,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--short,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--short {
    max-height: none;
    overflow: visible;
    margin-bottom: 14px;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--short .truncator,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--short .truncator,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--short .truncator {
    display: none;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--clip,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--clip,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--clip {
    --sv-public-desc-teaser-visible-lines: 3;
    --sv-public-desc-teaser-fade-lines: 2;
    --sv-public-desc-teaser-lh: 1.45;
    --sv-public-desc-teaser-fs: 14px;
    max-height: calc((var(--sv-public-desc-teaser-visible-lines) + var(--sv-public-desc-teaser-fade-lines)) * var(--sv-public-desc-teaser-lh) * var(--sv-public-desc-teaser-fs));
    overflow: hidden;
    position: relative;
    margin-bottom: 14px;
    /* Soft text fade: long ramp, never wipe the last line to zero (short teasers stay readable). */
    -webkit-mask-image: linear-gradient(
        to bottom,
        #000 0%,
        #000 28%,
        rgba(0, 0, 0, 0.72) 52%,
        rgba(0, 0, 0, 0.38) 76%,
        rgba(0, 0, 0, 0.14) 100%
    );
    mask-image: linear-gradient(
        to bottom,
        #000 0%,
        #000 28%,
        rgba(0, 0, 0, 0.72) 52%,
        rgba(0, 0, 0, 0.38) 76%,
        rgba(0, 0, 0, 0.14) 100%
    );
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--clip .sv-publicDescriptionTeaser-copy,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--clip .sv-publicDescriptionTeaser-copy,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--clip .sv-publicDescriptionTeaser-copy,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--short .sv-publicDescriptionTeaser-copy,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--short .sv-publicDescriptionTeaser-copy,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--short .sv-publicDescriptionTeaser-copy {
    font-size: var(--sv-public-desc-teaser-fs, 14px);
    line-height: var(--sv-public-desc-teaser-lh, 1.45);
    color: #4a3528;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--clip .sv-publicDescriptionTeaser-copy p,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--clip .sv-publicDescriptionTeaser-copy p,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--clip .sv-publicDescriptionTeaser-copy p,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--short .sv-publicDescriptionTeaser-copy p,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--short .sv-publicDescriptionTeaser-copy p,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--short .sv-publicDescriptionTeaser-copy p {
    margin: 0 0 0.65em;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--clip .sv-publicDescriptionTeaser-copy p:last-child,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--clip .sv-publicDescriptionTeaser-copy p:last-child,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--clip .sv-publicDescriptionTeaser-copy p:last-child,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--short .sv-publicDescriptionTeaser-copy p:last-child,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--short .sv-publicDescriptionTeaser-copy p:last-child,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--short .sv-publicDescriptionTeaser-copy p:last-child {
    margin-bottom: 0;
}


.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--clip .sv-publicDescriptionTeaser-copy h3,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--clip .sv-publicDescriptionTeaser-copy h4,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--clip .sv-publicDescriptionTeaser-copy h3,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--clip .sv-publicDescriptionTeaser-copy h4,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--clip .sv-publicDescriptionTeaser-copy h3,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--clip .sv-publicDescriptionTeaser-copy h4,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--short .sv-publicDescriptionTeaser-copy h3,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--short .sv-publicDescriptionTeaser-copy h4,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--short .sv-publicDescriptionTeaser-copy h3,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--short .sv-publicDescriptionTeaser-copy h4,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--short .sv-publicDescriptionTeaser-copy h3,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--short .sv-publicDescriptionTeaser-copy h4 {
    margin: 0 0 0.5em;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--clip .truncator,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--clip .truncator,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .content .mediaDescriptionContainer .mediaDescription.public .truncator-container.sv-publicDescriptionTeaser--clip .truncator {
    display: none;
}

/* Layer modal prose lists — bullet 5px right of fließtext left edge (openInLayer only). */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .mediaDescriptionContainer .mediaDescription :is(.description, .description-short, .sv-publicDescriptionTeaser-copy) :is(ul, ol),
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .mediaDescriptionContainer .mediaDescription :is(.description, .description-short, .sv-publicDescriptionTeaser-copy) :is(ul, ol),
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .mediaDescriptionContainer .mediaDescription :is(.description, .description-short, .sv-publicDescriptionTeaser-copy) :is(ul, ol) {
    margin: 0.35em 0 0.65em !important;
    padding-left: 0 !important;
    padding-inline-start: 0 !important;
    margin-left: 0 !important;
    margin-inline-start: 0 !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .mediaDescriptionContainer .mediaDescription :is(.description, .description-short, .sv-publicDescriptionTeaser-copy) ul,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .mediaDescriptionContainer .mediaDescription :is(.description, .description-short, .sv-publicDescriptionTeaser-copy) ul,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .mediaDescriptionContainer .mediaDescription :is(.description, .description-short, .sv-publicDescriptionTeaser-copy) ul {
    list-style: none !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .mediaDescriptionContainer .mediaDescription :is(.description, .description-short, .sv-publicDescriptionTeaser-copy) ul > li,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .mediaDescriptionContainer .mediaDescription :is(.description, .description-short, .sv-publicDescriptionTeaser-copy) ul > li,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .mediaDescriptionContainer .mediaDescription :is(.description, .description-short, .sv-publicDescriptionTeaser-copy) ul > li {
    position: relative;
    margin: 0.28em 0;
    padding-left: calc(5px + 0.6em) !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .mediaDescriptionContainer .mediaDescription :is(.description, .description-short, .sv-publicDescriptionTeaser-copy) ul > li::before,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .mediaDescriptionContainer .mediaDescription :is(.description, .description-short, .sv-publicDescriptionTeaser-copy) ul > li::before,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .mediaDescriptionContainer .mediaDescription :is(.description, .description-short, .sv-publicDescriptionTeaser-copy) ul > li::before {
    content: "\2022";
    position: absolute;
    left: 5px;
    top: 0.62em;
    transform: translateY(-50%);
    line-height: 1;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .mediaDescriptionContainer .mediaDescription :is(.description, .description-short, .sv-publicDescriptionTeaser-copy) ol,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .mediaDescriptionContainer .mediaDescription :is(.description, .description-short, .sv-publicDescriptionTeaser-copy) ol,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .mediaDescriptionContainer .mediaDescription :is(.description, .description-short, .sv-publicDescriptionTeaser-copy) ol {
    list-style-position: outside;
    padding-left: calc(5px + 1.15em) !important;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .mediaDescriptionContainer .mediaDescription :is(.description, .description-short, .sv-publicDescriptionTeaser-copy) ol > li,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .mediaDescriptionContainer .mediaDescription :is(.description, .description-short, .sv-publicDescriptionTeaser-copy) ol > li,
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .mediaDescriptionContainer .mediaDescription :is(.description, .description-short, .sv-publicDescriptionTeaser-copy) ol > li {
    margin: 0.28em 0;
    padding-left: 0 !important;
}

/* Legacy subSections: no nested chord inset boxes (list layer flattens via display:contents). */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content .releaseLayer-subSections .chordViewer-container :is(.chordViewer, .chordSet),
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content > .subContainer .releaseLayer-subSections .chordViewer-container :is(.chordViewer, .chordSet),
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content .releaseLayer-subSections .chordViewer-container :is(.chordViewer, .chordSet),
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content > .subContainer .releaseLayer-subSections .chordViewer-container :is(.chordViewer, .chordSet),
.releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .content .releaseLayer-subSections .chordViewer-container :is(.chordViewer, .chordSet) {
    border-radius: 0 !important;
    overflow: visible !important;
}

/* —— tablet / desktop scale —— */
@media (min-width: 801px) {
    .webRoot.moduleDesign :is(
        .releaseViewer.list .releaseView-container[data-sv-release-ui="list"],
        .releaseViewer.topic .topicView-container[data-sv-release-ui="list"]
    ),
    .releaseFavouritesWidget[data-sv-release-ui="list"] :is(
        .releaseView-container[data-sv-release-ui="list"],
        .topicView-container[data-sv-release-ui="list"]
    ),
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] {
        --sv-release-row-gap: 14px;
        --sv-release-row-thumb: 68px;
        --sv-release-row-thumb-frame: 82px;
        --sv-release-row-title: 24px;
        --sv-release-row-type: 12px;
        --sv-release-row-desc: 15px;
        --sv-release-row-pad-y: 16px;
        --sv-release-row-pad-x: 20px;
        --sv-release-row-pad-left: 24px;
        --sv-release-row-topic-title: 22px;
        --sv-release-row-topic-desc: 15px;
        --sv-release-row-topic-thumb: 96px;
        --sv-release-row-topic-thumb-frame: 110px;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release:not(.openInLayer) > .head > .releaseHeadMain,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain {
        gap: 18px;
    }

    /* Floating layer: viewport wider than modal — round shell + header top (≤800px keeps square via --sv-release-row-layer-head-radius: 0). */
    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer {
        border-radius: var(--sv-release-row-layer-head-radius, 24px) !important;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head {
        border-top-left-radius: var(--sv-release-row-layer-head-radius, 24px);
        border-top-right-radius: var(--sv-release-row-layer-head-radius, 24px);
        padding-top: 7px !important;
        padding-bottom: 0 !important;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain {
        gap: 12px;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .block > .subTitle,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .block > .subTitle {
        margin-top: 6px;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head .releaseTopicLink,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head .releaseTopicLink {
        margin-top: 5px;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release:not(.openInLayer) > .head > .releaseHeadMain > .block > .description {
        -webkit-line-clamp: 3;
        max-width: 48em;
    }

    .webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topicHeadMain {
        gap: 16px;
    }

    .webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer:not(.open) .topic .description {
        max-height: 4.44em;
    }

    .webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open:not(.releaseFavouritesWidget-typeAccordion) {
        --sv-release-row-topic-thumb: 128px;
        --sv-release-row-topic-thumb-frame: 147px;
    }
}

/* —— mobile —— */
@media (max-width: 800px) {
    .webRoot.moduleDesign :is(
        .releaseViewer.list .releaseView-container[data-sv-release-ui="list"],
        .releaseViewer.topic .topicView-container[data-sv-release-ui="list"]
    ),
    .releaseFavouritesWidget[data-sv-release-ui="list"],
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] {
        --sv-release-row-gap: 10px;
        --sv-release-row-thumb: 50px;
        --sv-release-row-thumb-frame: 58px;
        --sv-release-row-pad-y: 12px;
        --sv-release-row-pad-x: 14px;
        --sv-release-row-pad-left: 18px;
        --sv-release-row-title: 18px;
        --sv-release-row-layer-head-radius: 0;
        --sv-release-row-topic-title: 17px;
        --sv-release-row-topic-desc: 12px;
        --sv-release-row-topic-thumb: 68px;
        --sv-release-row-topic-thumb-frame: 80px;
        --sv-release-row-topic-action-row-w: 30px;
        --sv-release-row-topic-action-gutter: 14px;
        --sv-release-row-topic-action-row-h: 26px;
        --sv-release-row-topic-action-col-w: 40px;
        --sv-release-row-topic-action-slot: 24px;
        --sv-release-row-topic-action-gap: 4px;
    }

    .webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer {
        --sv-release-row-tint-fill: color-mix(in srgb, var(--release-season-color, #e83331) 18%, #fff);
        --sv-release-row-pattern-soft: color-mix(in srgb, var(--release-season-color, #e83331) 17%, transparent);
        --sv-release-row-pattern-warm: color-mix(in srgb, var(--release-season-color, #e83331) 12%, transparent);
        --sv-release-row-accent-opacity: 0.32;
    }

    .releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-topicView .topicView-container[data-sv-release-ui="list"] .topic-container-outer {
        --sv-release-row-tint-fill: color-mix(in srgb, var(--release-season-color, #e83331) 18%, #fff);
        --sv-release-row-pattern-soft: color-mix(in srgb, var(--release-season-color, #e83331) 17%, transparent);
        --sv-release-row-pattern-warm: color-mix(in srgb, var(--release-season-color, #e83331) 12%, transparent);
        --sv-release-row-accent-opacity: 0.32;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release:not(.openInLayer),
    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .release:not(.openInLayer),
    .releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer {
        --sv-release-row-tint-fill: color-mix(in srgb, var(--release-season-color, #e83331) 15%, #fff);
        --sv-release-row-pattern-soft: color-mix(in srgb, var(--release-season-color, #e83331) 20%, transparent);
        --sv-release-row-pattern-warm: color-mix(in srgb, var(--release-season-color, #e83331) 14%, transparent);
        --sv-release-row-accent-opacity: 0.29;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release:not(.openInLayer) > .head,
    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .release:not(.openInLayer) > .head,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer > .head,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head {
        background-image: var(--sv-release-row-card-bg);
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release:not(.openInLayer) > .head > .releaseHeadMain,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .release:not(.openInLayer) > .head > .releaseHeadMain,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain {
        align-items: flex-start;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release:not(.openInLayer) > .head > .releaseHeadMain,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .release:not(.openInLayer) > .head > .releaseHeadMain {
        position: relative;
        gap: 11px;
    }

    /* Heart overlays top-right; text column uses full width beside thumb (topic row is below heart). */
    .webRoot.moduleDesign [data-sv-release-ui="list"] .release:not(.openInLayer) > .head .releaseHeadActions,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .release:not(.openInLayer) > .head .releaseHeadActions {
        position: absolute;
        top: 2px;
        right: 0;
        margin-left: 0;
        padding-left: 0;
        padding-top: 2px;
        transform: translateY(-5px);
        z-index: 3;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release:not(.openInLayer) > .head > .releaseHeadMain > .block.text,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .release:not(.openInLayer) > .head > .releaseHeadMain > .block.text {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
        max-width: none;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release:not(.openInLayer) > .head > .releaseHeadMain > .block.text > .title,
    .webRoot.moduleDesign [data-sv-release-ui="list"] .release:not(.openInLayer) > .head > .releaseHeadMain > .block.text > .subTitle,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .release:not(.openInLayer) > .head > .releaseHeadMain > .block.text > .title,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .release:not(.openInLayer) > .head > .releaseHeadMain > .block.text > .subTitle {
        padding-right: 40px;
    }

    .webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open:not(.releaseFavouritesWidget-typeAccordion),
    .releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-topicView .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open {
        --sv-release-row-topic-thumb: 90px;
        --sv-release-row-topic-thumb-frame: 106px;
    }

    .webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topicHeadMain,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-topicView .topicView-container[data-sv-release-ui="list"] .topicHeadMain {
        grid-template-columns: auto minmax(0, 1fr);
        grid-template-areas: "media copy";
        column-gap: 11px;
        align-items: start;
        padding-right: calc(var(--sv-release-row-pad-x) + var(--sv-release-row-topic-action-col-w, 40px));
    }

    .webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topicHeadActions,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-topicView .topicView-container[data-sv-release-ui="list"] .topicHeadActions {
        gap: var(--sv-release-row-topic-action-gap, 4px);
        padding-top: 0;
        width: var(--sv-release-row-topic-action-col-w, 40px);
        min-width: var(--sv-release-row-topic-action-col-w, 40px);
        max-width: var(--sv-release-row-topic-action-col-w, 40px);
    }

    .webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open:not(.releaseFavouritesWidget-typeAccordion) .topicHeadMain,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-topicView .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open .topicHeadMain {
        padding-right: var(--sv-release-row-pad-x) !important;
    }

    /* Open topic: description uses full copy width below the action rail (heart/chevron/count). */
    .webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open:not(.releaseFavouritesWidget-typeAccordion) .topicHeadCopy,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-topicView .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open .topicHeadCopy {
        width: 100% !important;
        max-width: none !important;
        box-sizing: border-box;
    }

    .webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open:not(.releaseFavouritesWidget-typeAccordion) .topicHeadCopy::before,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-topicView .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open .topicHeadCopy::before {
        content: '';
        float: right;
        width: var(--sv-release-row-topic-action-col-w, 40px);
        height: calc((var(--sv-release-row-topic-action-slot, 24px) * 3) + (var(--sv-release-row-topic-action-gap, 4px) * 2));
        pointer-events: none;
    }

    .webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open:not(.releaseFavouritesWidget-typeAccordion) .topicHeadMain:not(:has(.topicHeadFavourite .releaseFavourite-btn--inHead)) .topicHeadCopy::before,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-topicView .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open .topicHeadMain:not(:has(.topicHeadFavourite .releaseFavourite-btn--inHead)) .topicHeadCopy::before {
        height: calc((var(--sv-release-row-topic-action-slot, 24px) * 2) + var(--sv-release-row-topic-action-gap, 4px));
    }

    .webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer:not(.open) .topicHeadDesc,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-topicView .topicView-container[data-sv-release-ui="list"] .topic-container-outer:not(.open) .topicHeadDesc {
        display: -webkit-box !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important;
        text-overflow: ellipsis !important;
        width: auto !important;
        max-width: none !important;
        max-height: none !important;
    }

    .webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open:not(.releaseFavouritesWidget-typeAccordion) .topicHeadDesc,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-topicView .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open .topicHeadDesc {
        width: auto !important;
        max-width: none !important;
    }

    .webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic .block.text,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-topicView .topicView-container[data-sv-release-ui="list"] .topic .block.text {
        min-width: 0;
    }

    .webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic .topicTitleRow h2,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-topicView .topicView-container[data-sv-release-ui="list"] .topic .topicTitleRow h2 {
        -webkit-line-clamp: 2;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release:not(.openInLayer) > .head > .releaseHeadMain > .block.upper,
    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .block.upper,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .release:not(.openInLayer) > .head > .releaseHeadMain > .block.upper,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .block.upper,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .block.upper {
        margin-left: -2px;
        margin-top: 1px;
        border-radius: calc(var(--sv-icon-squircle-radius-sm, 12px) + 5px);
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release:not(.openInLayer) > .head > .releaseHeadMain > .block > .subTitle,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .release:not(.openInLayer) > .head > .releaseHeadMain > .block > .subTitle {
        margin-top: 10px;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head {
        padding-top: 7px !important;
        padding-bottom: 0 !important;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain {
        gap: 8px;
    }

    /* Legacy pill tabs in content only — header tabs keep underline row. */
    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .mediaGroup > ul.mediaTabs,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .mediaGroup > ul.mediaTabs {
        flex-wrap: wrap !important;
        gap: 2px 2px;
        margin: 0 !important;
        padding: 4px 6px 0 !important;
        border-radius: 14px !important;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot {
        margin: 2px calc(-1 * var(--sv-release-row-pad-x, 14px)) 0 calc(-1 * var(--sv-release-row-pad-left, 18px));
        padding: 0 var(--sv-release-row-pad-left, 18px);
        width: calc(100% + var(--sv-release-row-pad-left, 18px) + var(--sv-release-row-pad-x, 14px));
        --sv-release-chrome-band-h: 28px;
        column-gap: 8px;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs {
        gap: 1px;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs > li > a.mediaTab,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot ul.mediaTabs > li > a.mediaTab {
        padding: 0 7px !important;
        font-size: 10px !important;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot > .releaseHeadMediaTabs,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .releaseHeadChromeFoot > .releaseHeadMediaTabs {
        min-height: var(--sv-release-chrome-band-h, 28px);
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .mediaGroup,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .mediaGroup {
        margin: 0 var(--sv-release-row-pad-left, 18px);
        padding: 0;
        overflow: visible !important;
        border: 0;
        border-radius: 0;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .mediaGroup:has(ul.mediaTabs > li > a.mediaTab) ul.mediaTabs,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .mediaGroup:has(ul.mediaTabs > li > a.mediaTab) ul.mediaTabs {
        border-radius: 16px !important;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .mediaGroup:has(ul.mediaTabs > li > a.mediaTab) .content .mediaContainer .media.active > .block.content,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .mediaGroup:has(ul.mediaTabs > li > a.mediaTab) .content .mediaContainer .media.active > .block.content {
        padding: 0;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo:has(.stage-container, .videoFrame, iframe[data-src*="vimeo"]),
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo:has(.stage-container, .videoFrame, iframe[data-src*="vimeo"]),
    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio:has(.audioBar .content .table > .item) > .audioBar,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio:has(.audioBar .content .table > .item) > .audioBar {
        padding: 12px;
        border-radius: calc(var(--sv-icon-squircle-radius-md, 16px) + 3px);
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .title.audioBar-head,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .title.audioBar-head {
        padding: 8px 12px 6px !important;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .content > .subContainer,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .content > .subContainer {
        margin: 0 12px;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .mediaGroup > ul.mediaTabs li a,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .mediaGroup > ul.mediaTabs li a {
        padding: 6px 10px 7px;
        font-size: 12px !important;
        white-space: nowrap;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed,
    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed .stage-container,
    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed .videoFrame,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed .stage-container,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaVideo .mediaEmbed .videoFrame {
        border-radius: var(--sv-icon-squircle-radius-md, 16px) !important;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .block > .subTitle,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .block > .subTitle {
        margin-top: 6px;
        padding-right: 0 !important;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer > .head .releaseTopicLink,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head .releaseTopicLink {
        margin-top: 5px;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release:not(.openInLayer) > .head .releaseTopicLink {
        margin-right: 0;
        padding-right: 0;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release > .head > .releaseHeadMain > .block .subTitle .releaseRow-typeLabel,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .release > .head > .releaseHeadMain > .block .subTitle .releaseRow-typeLabel,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer > .head > .releaseHeadMain > .block .subTitle .releaseRow-typeLabel {
        padding: 0.15em 0.5em;
        font-size: 11px;
        line-height: 1.6;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release:not(.openInLayer) > .head > .releaseHeadMain > .block > .description,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .release:not(.openInLayer) > .head > .releaseHeadMain > .block > .description {
        display: none !important;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.new:not(.openInLayer) > .head > .badge {
        right: 46px;
        top: 10px;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .release.openInLayer .releaseLayer-mediaAudio > .audioBar > .content .table > div.item {
        column-gap: 10px;
        row-gap: 6px;
        padding: 8px 12px 12px !important;
    }
}

@media (max-width: 800px) {
    .webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer:not(.open) .topic .image-inner .image-wrap,
    .webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer:not(.open) .topic .image-inner img,
    .webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open .topic .image-inner .image-wrap,
    .webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open .topic.imageVisible .image-inner .image-wrap,
    .webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open .topic .image-inner img,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-topicView .topicView-container[data-sv-release-ui="list"] .topic-container-outer:not(.open) .topic .image-inner .image-wrap,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-topicView .topicView-container[data-sv-release-ui="list"] .topic-container-outer:not(.open) .topic .image-inner img,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-topicView .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open .topic .image-inner .image-wrap,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-topicView .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open .topic.imageVisible .image-inner .image-wrap,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-topicView .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open .topic .image-inner img {
        width: var(--sv-release-row-topic-thumb) !important;
        height: var(--sv-release-row-topic-thumb) !important;
        min-width: var(--sv-release-row-topic-thumb) !important;
        min-height: var(--sv-release-row-topic-thumb) !important;
        max-width: var(--sv-release-row-topic-thumb) !important;
        max-height: var(--sv-release-row-topic-thumb) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .webRoot.moduleDesign [data-sv-release-ui="list"] .release:not(.openInLayer) > .head {
        transition: none;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release:not(.openInLayer):hover > .head {
        transform: none;
    }

    .webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer > .topic-container {
        transition: none;
    }

    .webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer:not(.open):hover > .topic-container {
        transform: none;
    }

    .webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer > .children,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .topicView-container .topic-container-outer > .children,
    .webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer > .children .children-wrap,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .topicView-container .topic-container-outer > .children .children-wrap {
        transition: none;
    }

    .webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer > .children .children-wrap,
    .releaseFavouritesWidget[data-sv-release-ui="list"] .topicView-container .topic-container-outer > .children .children-wrap {
        opacity: 1;
        transform: none;
    }
}

/* —— topic accordion cards —— */
.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .seasonContent-topics {
    display: flex;
    flex-direction: column;
    gap: var(--sv-release-row-gap);
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer {
    margin: 0 !important;
    padding: 0;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    cursor: pointer;
    --sv-release-row-rail-w: 5px;
    --sv-release-row-tint-fill: color-mix(in srgb, var(--release-season-color, #e83331) 22%, #fff);
    --sv-release-row-border-fill: color-mix(in srgb, var(--release-season-color, #e83331) 28%, var(--sv-release-row-border));
    --sv-release-row-accent-opacity: 0.38;
    --sv-release-row-shadow: 0 14px 34px rgba(80, 52, 38, 0.1);
    --sv-release-row-shadow-hover: 0 18px 40px rgba(80, 52, 38, 0.13);
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer::before {
    display: none !important;
    content: none !important;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer:not(.open):hover > .topic-container,
.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer:not(.open):focus-within > .topic-container {
    border-color: color-mix(in srgb, var(--release-season-color, #e83331) 28%, var(--sv-release-row-border));
    box-shadow:
        var(--sv-release-row-shadow-hover),
        0 0 0 1px color-mix(in srgb, var(--release-season-color, #e83331) 8%, transparent);
    transform: translateY(-1px);
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer:not(.open):hover > .topic-container::after,
.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer:not(.open):focus-within > .topic-container::after {
    opacity: calc(var(--sv-release-row-accent-opacity) * 0.72);
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer > .topic-container {
    position: relative;
    margin: 0;
    padding: 0;
    border: 1.5px solid var(--sv-release-row-border-fill, var(--sv-release-row-border));
    border-radius: var(--sv-release-row-topic-radius);
    background-color: var(--sv-release-row-tint-fill, var(--sv-release-row-bg));
    background-image: var(--sv-release-row-card-bg);
    box-shadow: var(--sv-release-row-shadow);
    overflow: hidden;
    transition:
        background-color var(--sv-motion-duration-ui, 0.18s) var(--sv-motion-ease-standard, ease),
        background-image var(--sv-motion-duration-ui, 0.18s) var(--sv-motion-ease-standard, ease),
        border-color var(--sv-motion-duration-filter-handoff, 0.26s) var(--sv-motion-ease-standard, ease),
        border-radius var(--sv-motion-duration-filter-handoff, 0.26s) var(--sv-motion-ease-standard, ease),
        box-shadow var(--sv-motion-duration-ui, 0.18s) ease,
        transform var(--sv-motion-duration-ui, 0.18s) var(--sv-motion-ease-standard, ease);
}

/* Topic accordion expand/collapse — shared Jahreskreis + favourites material view */
.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer > .children,
.releaseFavouritesWidget[data-sv-release-ui="list"] .topicView-container .topic-container-outer > .children {
    height: 0;
    overflow: hidden;
    transition:
        height var(--sv-motion-duration-filter-handoff, 0.26s) var(--sv-motion-ease-standard, cubic-bezier(0.22, 1, 0.36, 1));
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer > .children .children-wrap,
.releaseFavouritesWidget[data-sv-release-ui="list"] .topicView-container .topic-container-outer > .children .children-wrap {
    opacity: 0;
    transform: translateY(-5px);
    transition:
        opacity var(--sv-motion-duration-handoff, 0.22s) var(--sv-motion-ease-standard, cubic-bezier(0.22, 1, 0.36, 1)),
        transform var(--sv-motion-duration-handoff, 0.22s) var(--sv-motion-ease-standard, cubic-bezier(0.22, 1, 0.36, 1));
    transition-delay: 0.05s;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open > .children .children-wrap,
.releaseFavouritesWidget[data-sv-release-ui="list"] .topicView-container .topic-container-outer.open > .children .children-wrap {
    opacity: 1;
    transform: none;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer > .topic-container::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: var(--sv-release-row-rail-w);
    background: var(--release-season-color, #e83331);
    border-radius: var(--sv-release-row-rail-w) 0 0 var(--sv-release-row-rail-w);
    pointer-events: none;
    z-index: 2;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer > .topic-container::after {
    content: "";
    position: absolute;
    top: var(--sv-release-row-accent-top);
    right: var(--sv-release-row-accent-right);
    width: var(--sv-release-row-accent-width);
    height: var(--sv-release-row-accent-height);
    border-radius: var(--sv-release-row-accent-radius);
    background: var(--sv-release-row-accent-bg);
    opacity: var(--sv-release-row-accent-opacity);
    pointer-events: none;
    z-index: 0;
    -webkit-transform: rotate(var(--sv-release-row-accent-rotate)) translateZ(0);
    transform: rotate(var(--sv-release-row-accent-rotate)) translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer > .topic-container > .topic {
    position: relative;
    z-index: 1;
    background: transparent;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer > .topic-container > .topic::before {
    display: none !important;
    content: none !important;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topicHeadMain {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas: "media copy";
    column-gap: 15px;
    row-gap: 0;
    align-items: start;
    padding: var(--sv-release-row-pad-y) calc(var(--sv-release-row-pad-x) + var(--sv-release-row-topic-action-col-w, 40px)) var(--sv-release-row-pad-y) var(--sv-release-row-pad-left);
    box-sizing: border-box;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topicHeadMedia {
    grid-area: media;
    position: relative;
    min-width: 0;
    align-self: start;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topicHeadMediaFlow {
    display: none;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topicHeadCopy {
    grid-area: copy;
    min-width: 0;
    width: auto;
    max-width: none;
    align-self: start;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topicHeadActions {
    display: flex;
    position: absolute;
    top: var(--sv-release-row-pad-y);
    right: var(--sv-release-row-pad-x);
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    margin-left: 0;
    padding: 2px 0 0;
    min-width: 32px;
    z-index: auto;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topicHeadFavourite,
.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic .topicCount,
.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topicHeadChevron {
    flex: 0 0 auto;
    width: 32px;
    min-width: 32px;
    max-width: 32px;
    box-sizing: border-box;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topicHeadFavourite {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    line-height: 0;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topicHeadFavourite:empty {
    display: none;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topicHeadFavourite .releaseFavourite-btn--inHead {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topicHeadFavourite .releaseFavourite-graphic {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic .image-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0;
    width: var(--sv-release-row-topic-thumb-frame) !important;
    height: var(--sv-release-row-topic-thumb-frame) !important;
    min-width: var(--sv-release-row-topic-thumb-frame) !important;
    min-height: var(--sv-release-row-topic-thumb-frame) !important;
    margin-left: -4px;
    margin-right: 0;
    padding: 0 !important;
    float: none !important;
    border-radius: calc(var(--sv-icon-squircle-radius-md, 16px) + 5px);
    background:
        radial-gradient(circle at 28% 22%, rgba(255, 255, 255, 0.88), transparent 46%),
        linear-gradient(
            145deg,
            var(--sv-release-row-thumb-fill-a, #fff) 0%,
            var(--sv-release-row-thumb-fill-b, #fff) 100%
        );
    border: 1.5px solid var(--sv-release-row-thumb-border, rgba(116, 106, 100, 0.16));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.82),
        inset 0 -10px 18px var(--sv-release-row-thumb-inset, transparent),
        0 8px 18px rgba(80, 52, 38, 0.08);
    transform: rotate(-1.5deg);
    transition:
        transform var(--sv-motion-duration-ui, 0.18s) var(--sv-motion-ease-standard, ease),
        box-shadow var(--sv-motion-duration-ui, 0.18s) ease;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic .image-inner .image-wrap,
.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic.imageVisible .image-inner .image-wrap,
.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic.imageVisible .topicHeadMain .image-inner .image-wrap,
.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open .topic .image-inner .image-wrap,
.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open .topic.imageVisible .image-inner .image-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0;
    width: var(--sv-release-row-topic-thumb) !important;
    height: var(--sv-release-row-topic-thumb) !important;
    min-width: var(--sv-release-row-topic-thumb) !important;
    min-height: var(--sv-release-row-topic-thumb) !important;
    max-width: var(--sv-release-row-topic-thumb) !important;
    max-height: var(--sv-release-row-topic-thumb) !important;
    border-radius: var(--sv-icon-squircle-radius-md, 16px);
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic .image-inner img,
.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic.imageVisible .image-inner img,
.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic.imageVisible .topicHeadMain .image-inner img,
.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open .topic .image-inner img,
.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open .topic.imageVisible .image-inner img {
    display: block;
    width: var(--sv-release-row-topic-thumb) !important;
    height: var(--sv-release-row-topic-thumb) !important;
    min-width: var(--sv-release-row-topic-thumb) !important;
    min-height: var(--sv-release-row-topic-thumb) !important;
    max-width: var(--sv-release-row-topic-thumb) !important;
    max-height: var(--sv-release-row-topic-thumb) !important;
    border: 0;
    border-radius: var(--sv-icon-squircle-radius-md, 16px);
    object-fit: cover !important;
    object-position: center center !important;
    background: transparent;
    box-shadow: none !important;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic .topicTitleRow {
    display: block;
    min-width: 0;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic .topicTitleRow h2 {
    display: -webkit-box;
    margin: 0;
    color: var(--sv-release-row-text);
    font-size: var(--sv-release-row-topic-title);
    font-weight: 800;
    line-height: 1.18;
    letter-spacing: -0.025em;
    white-space: normal;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow-wrap: break-word;
    word-break: normal;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic .topicCount {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: static;
    z-index: 1;
    height: 24px;
    margin: 0;
    padding: 0 0.42em;
    border-radius: 999px;
    background: color-mix(in srgb, var(--release-season-color, #e83331) 16%, rgba(255, 255, 255, 0.92));
    color: color-mix(in srgb, color-mix(in srgb, var(--release-season-color, #e83331) 78%, var(--sv-header-tint-base, #342c28)) 85%, transparent);
    font-size: var(--sv-release-row-type);
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 5px 13px color-mix(in srgb, var(--release-season-color, #e83331) 16%, transparent);
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic .topicHeadDesc {
    margin: 4px 0 0;
    color: var(--sv-release-row-muted) !important;
    font-size: var(--sv-release-row-topic-desc);
    line-height: 1.45;
    max-width: none;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topicHeadChevron {
    position: static;
    width: 13px;
    min-width: 13px;
    max-width: 13px;
    height: 13px;
    color: color-mix(in srgb, var(--release-season-color, #e83331) 52%, #746a64);
    border: 0;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    opacity: 0.78;
    margin: 5px auto 0;
    transform: rotate(45deg);
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open:not(.releaseFavouritesWidget-typeAccordion) .topicHeadChevron {
    transform: rotate(225deg);
    opacity: 0.88;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open:not(.releaseFavouritesWidget-typeAccordion) .topic .description {
    display: block;
    max-height: none;
    overflow: visible;
    -webkit-line-clamp: unset;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer:not(.open):hover .topic .image-inner,
.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer:not(.open):focus-within .topic .image-inner {
    transform: rotate(0deg) translateY(-1px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.82),
        inset 0 -10px 18px var(--sv-release-row-thumb-inset, transparent),
        0 10px 22px rgba(80, 52, 38, 0.11);
}

/* Topic head: float-wrap layout. Icon lives inside `.topicHeadCopy` (template), so text
   wraps around it in the same block formatting context on every browser, incl. iOS Safari. */
.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topicHeadMain,
.releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-topicView.releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topicHeadMain {
    display: block !important;
    grid-template-columns: none !important;
    grid-template-areas: none !important;
    column-gap: 0 !important;
    position: relative;
    padding-right: calc(var(--sv-release-row-pad-x) + var(--sv-release-row-topic-action-col-w, 40px));
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topicHeadCopy,
.releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-topicView.releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topicHeadCopy {
    display: block !important;
    grid-area: auto !important;
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topicHeadCopy > .topicHeadMedia,
.releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-topicView.releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topicHeadCopy > .topicHeadMedia {
    float: left;
    margin: 2px 13px 6px 0;
    grid-area: auto !important;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open:not(.releaseFavouritesWidget-typeAccordion) .topic .image-inner {
    transform: rotate(0deg);
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topicHeadActions,
.releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-topicView.releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topicHeadActions {
    position: absolute;
    top: var(--sv-release-row-pad-y);
    right: var(--sv-release-row-pad-x);
    z-index: 3;
}

/* Closed topic: 3-line teaser + ellipsis; copy block uses width up to action rail. */
.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer:not(.open) .topicHeadDesc,
.releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-topicView.releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer:not(.open) .topicHeadDesc {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    text-overflow: ellipsis !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
}

/* Open topic: full description flows around the icon + action rail. */
.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open:not(.releaseFavouritesWidget-typeAccordion) .topicHeadMain,
.releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-topicView.releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open .topicHeadMain {
    padding-right: var(--sv-release-row-pad-x) !important;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open:not(.releaseFavouritesWidget-typeAccordion) .topicHeadCopy,
.releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-topicView.releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open .topicHeadCopy {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open:not(.releaseFavouritesWidget-typeAccordion) .topicHeadCopy::before,
.releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-topicView.releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open .topicHeadCopy::before {
    content: '';
    float: right;
    width: var(--sv-release-row-topic-action-col-w, 40px);
    height: calc((var(--sv-release-row-topic-action-slot, 24px) * 3) + (var(--sv-release-row-topic-action-gap, 4px) * 2));
    pointer-events: none;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open:not(.releaseFavouritesWidget-typeAccordion) .topicHeadMain:not(:has(.topicHeadFavourite .releaseFavourite-btn--inHead)) .topicHeadCopy::before,
.releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-topicView.releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open .topicHeadMain:not(:has(.topicHeadFavourite .releaseFavourite-btn--inHead)) .topicHeadCopy::before {
    height: calc((var(--sv-release-row-topic-action-slot, 24px) * 2) + var(--sv-release-row-topic-action-gap, 4px));
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open:not(.releaseFavouritesWidget-typeAccordion) .topicHeadDesc,
.releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-topicView.releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open .topicHeadDesc {
    display: block !important;
    overflow: visible !important;
    max-height: none !important;
    width: auto !important;
    max-width: none !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
}

/* Self-clear the float at the end of the copy block. */
.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topicHeadCopy::after,
.releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-topicView.releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topicHeadCopy::after {
    content: '';
    display: block;
    clear: both;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open > .topic-container {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-color: color-mix(in srgb, var(--release-season-color, #e83331) 18%, var(--sv-release-row-border));
    background-color: var(--sv-release-row-tint-fill, var(--sv-release-row-bg));
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open > .children {
    border: 1.5px solid var(--sv-release-row-border-fill, var(--sv-release-row-border));
    border-top: 0;
    border-radius: 0 0 var(--sv-release-row-topic-radius) var(--sv-release-row-topic-radius);
    background: color-mix(in srgb, var(--release-season-color, #e83331) 5%, #faf9f7);
    box-shadow: var(--sv-release-row-shadow);
    overflow: visible;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer.open > .children .children-wrap {
    border: 0;
    padding: 8px 10px 10px;
    background: transparent;
}

.webRoot.moduleDesign .releaseViewer.topic .topicView-container[data-sv-release-ui="list"] .topic-container-outer .children [data-sv-release-ui="list"] .release:not(.openInLayer) {
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* —— topic accordion nested releases (compact) —— */
.webRoot.moduleDesign .releaseViewer.topic .topic-container-outer .children .releaseView-container[data-sv-release-ui="list"] {
    display: block;
    padding-top: 0;
    padding-bottom: 0;
    gap: 0;
}

.webRoot.moduleDesign .releaseViewer.topic .topic-container-outer .children [data-sv-release-ui="list"] .release:not(.openInLayer) {
    margin-bottom: 8px !important;
}

.webRoot.moduleDesign .releaseViewer.topic .topic-container-outer .children [data-sv-release-ui="list"] .release:not(.openInLayer):last-child {
    margin-bottom: 0 !important;
}

.webRoot.moduleDesign .releaseViewer.topic .topic-container-outer.open .children [data-sv-release-ui="list"] .release:not(.openInLayer),
.webRoot.moduleDesign .releaseViewer.topic .topic-container-outer.open .children [data-sv-release-ui="list"] .release.openInLayer {
    --sv-release-row-radius: var(--sv-release-row-nested-radius);
    --sv-release-row-pad-y: 12px;
    --sv-release-row-pad-x: 14px;
    --sv-release-row-pad-left: 18px;
    --sv-release-row-thumb: 50px;
    --sv-release-row-thumb-frame: 58px;
    --sv-release-row-title: 18px;
    --sv-release-row-type: 11px;
    --sv-release-row-rail-w: 3px;
    --sv-release-row-tint-fill: color-mix(in srgb, var(--release-season-color, #e83331) 8%, #fff);
    --sv-release-row-border-fill: color-mix(in srgb, var(--release-season-color, #e83331) 16%, rgba(116, 106, 100, 0.12));
    --sv-release-row-pattern-soft: color-mix(in srgb, var(--release-season-color, #e83331) 8%, transparent);
    --sv-release-row-pattern-warm: color-mix(in srgb, var(--release-season-color, #e83331) 5%, transparent);
    --sv-release-row-shadow: 0 4px 12px rgba(80, 52, 38, 0.055);
    --sv-release-row-shadow-hover: 0 6px 16px rgba(80, 52, 38, 0.085);
    --sv-release-row-accent-opacity: 0.12;
    --sv-release-row-thumb-fill-a: color-mix(in srgb, var(--release-season-color, #e83331) 14%, #fff);
    --sv-release-row-thumb-fill-b: color-mix(in srgb, var(--release-season-color, #e83331) 10%, #fff);
    --sv-release-row-thumb-border: color-mix(in srgb, var(--release-season-color, #e83331) 22%, rgba(116, 106, 100, 0.14));
}

.webRoot.moduleDesign .releaseViewer.topic .topic-container-outer .children [data-sv-release-ui="list"] .release:not(.openInLayer) > .head {
    border-radius: var(--sv-release-row-nested-radius);
    background-color: var(--sv-release-row-tint-fill);
    background-image:
        radial-gradient(
            ellipse 36% 70% at calc(var(--sv-release-row-pattern-a-x) + 6%) var(--sv-release-row-pattern-a-y),
            var(--sv-release-row-pattern-soft) 0%,
            transparent 76%
        ),
        radial-gradient(
            ellipse 34% 48% at var(--sv-release-row-pattern-b-x) var(--sv-release-row-pattern-b-y),
            var(--sv-release-row-pattern-warm) 0%,
            transparent 78%
        ),
        linear-gradient(132deg, var(--sv-release-row-tint-fill) 0%, rgba(255, 255, 255, 0.98) 100%);
    box-shadow: var(--sv-release-row-shadow);
}

.webRoot.moduleDesign .releaseViewer.topic .topic-container-outer .children [data-sv-release-ui="list"] .release:not(.openInLayer) > .head::after {
    display: block;
    opacity: var(--sv-release-row-accent-opacity);
}

.webRoot.moduleDesign .releaseViewer.topic .topic-container-outer .children [data-sv-release-ui="list"] .release:not(.openInLayer):hover > .head,
.webRoot.moduleDesign .releaseViewer.topic .topic-container-outer .children [data-sv-release-ui="list"] .release:not(.openInLayer):focus-within > .head {
    border-color: color-mix(in srgb, var(--release-season-color, #e83331) 16%, rgba(116, 106, 100, 0.12));
    box-shadow: var(--sv-release-row-shadow-hover);
    transform: none;
}

.webRoot.moduleDesign .releaseViewer.topic .topic-container-outer.open .children [data-sv-release-ui="list"] .release:not(.openInLayer) > .head > .releaseHeadMain > .block.upper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: var(--sv-release-row-thumb-frame) !important;
    height: var(--sv-release-row-thumb-frame) !important;
    min-width: var(--sv-release-row-thumb-frame) !important;
    min-height: var(--sv-release-row-thumb-frame) !important;
    padding: 0 !important;
    border: 1.5px solid var(--sv-release-row-thumb-border, rgba(116, 106, 100, 0.16));
    border-radius: calc(var(--sv-icon-squircle-radius-md, 16px) + 5px);
    background:
        radial-gradient(circle at 28% 22%, rgba(255, 255, 255, 0.88), transparent 46%),
        linear-gradient(
            145deg,
            var(--sv-release-row-thumb-fill-a, #fff) 0%,
            var(--sv-release-row-thumb-fill-b, #fff) 100%
        );
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.82),
        inset 0 -8px 14px var(--sv-release-row-thumb-inset, transparent),
        0 5px 12px rgba(80, 52, 38, 0.065);
}

.webRoot.moduleDesign .releaseViewer.topic .topic-container-outer.open .children [data-sv-release-ui="list"] .release:not(.openInLayer) > .head > .releaseHeadMain > .block.upper > .releaseIcon,
.webRoot.moduleDesign .releaseViewer.topic .topic-container-outer.open .children [data-sv-release-ui="list"] .release:not(.openInLayer) > .head > .releaseHeadMain > .block.upper > .releaseIcon img {
    width: var(--sv-release-row-thumb) !important;
    min-width: var(--sv-release-row-thumb) !important;
    max-width: var(--sv-release-row-thumb) !important;
    height: var(--sv-release-row-thumb) !important;
    max-height: var(--sv-release-row-thumb) !important;
    object-fit: cover !important;
    object-position: center center !important;
}

.webRoot.moduleDesign .releaseViewer.topic .topic-container-outer .children [data-sv-release-ui="list"] .release:not(.openInLayer) > .head > .releaseHeadMain {
    gap: 10px;
}

.webRoot.moduleDesign .releaseViewer.topic .topic-container-outer .children [data-sv-release-ui="list"] .release:not(.openInLayer) > .head > .releaseHeadMain > .block > .subTitle {
    margin-top: 6px;
}

@media (min-width: 801px) {
    .webRoot.moduleDesign .releaseViewer.topic .topic-container-outer.open .children [data-sv-release-ui="list"] .release:not(.openInLayer),
    .webRoot.moduleDesign .releaseViewer.topic .topic-container-outer.open .children [data-sv-release-ui="list"] .release.openInLayer {
        --sv-release-row-title: 20px;
        --sv-release-row-type: 12px;
        --sv-release-row-pad-y: 16px;
        --sv-release-row-pad-x: 18px;
        --sv-release-row-pad-left: 18px;
        --sv-release-row-thumb: 68px;
        --sv-release-row-thumb-frame: 82px;
    }

    .webRoot.moduleDesign .releaseViewer.topic .topic-container-outer.open .children [data-sv-release-ui="list"] .release:not(.openInLayer) > .head > .releaseHeadMain > .block.upper > .releaseIcon,
    .webRoot.moduleDesign .releaseViewer.topic .topic-container-outer.open .children [data-sv-release-ui="list"] .release:not(.openInLayer) > .head > .releaseHeadMain > .block.upper > .releaseIcon img {
        width: var(--sv-release-row-thumb) !important;
        min-width: var(--sv-release-row-thumb) !important;
        max-width: var(--sv-release-row-thumb) !important;
        height: var(--sv-release-row-thumb) !important;
        max-height: var(--sv-release-row-thumb) !important;
    }
}

/* Favourites widget (topic accordion): full list-row card orbs — override Jahreskreis compact nested `.head` wash. */
.releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-topicView.releaseViewer.topic .topic-container-outer .children [data-sv-release-ui="list"] .release.sv-fav-widget-release:not(.openInLayer) > .head,
.webRoot.moduleDesign .releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-topicView .topic-container-outer .children [data-sv-release-ui="list"] .release.sv-fav-widget-release:not(.openInLayer) > .head {
    background-color: var(--sv-release-row-tint-fill, var(--sv-release-row-bg)) !important;
    background-image: var(--sv-release-row-card-bg) !important;
    border: 1px solid var(--sv-release-row-border-fill, var(--sv-release-row-border)) !important;
    border-radius: var(--sv-release-row-radius) !important;
    box-shadow: var(--sv-release-row-shadow) !important;
}

.releaseFavouritesWidget[data-sv-release-ui="list"] .releaseFavouritesWidget-topicView.releaseViewer.topic .topic-container-outer .children [data-sv-release-ui="list"] .release.sv-fav-widget-release:not(.openInLayer) > .head::after,
.webRoot.moduleDesign .releaseViewer.topic .releaseFavouritesWidget[data-sv-release-ui="list"] .topic-container-outer .children [data-sv-release-ui="list"] .release.sv-fav-widget-release:not(.openInLayer) > .head::after {
    display: block !important;
    clear: none !important;
    opacity: var(--sv-release-row-accent-opacity) !important;
}

/* —— release layer open: glassy backdrop (matches core .overlay.visible) —— */
.webRoot.moduleDesign .releaseView-container[data-sv-release-ui="list"],
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] {
    --sv-release-layer-blowup-duration: 0.52s;
    --sv-release-layer-blowup-ease: cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media (max-width: 800px) {
    .webRoot.moduleDesign .releaseView-container[data-sv-release-ui="list"],
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] {
        --sv-release-layer-blowup-duration: 0.62s;
        --sv-release-layer-blowup-ease: cubic-bezier(0.22, 1, 0.36, 1);
    }
}

.webRoot.moduleDesign .releaseView-container[data-sv-release-ui="list"] .overlay.visible,
body.sv-release-layer-open #sv-global-release-layer-host .overlay.visible {
    background: radial-gradient(
            circle at 18% 12%,
            color-mix(in srgb, var(--sv-current-season-color, #e83331) 20%, transparent) 0%,
            transparent 34%
        ),
        radial-gradient(circle at 86% 18%, rgba(255, 197, 0, 0.18) 0%, transparent 30%),
        rgba(41, 25, 17, 0.68) !important;
    -webkit-backdrop-filter: blur(8px) saturate(0.92) !important;
    backdrop-filter: blur(8px) saturate(0.92) !important;
    visibility: visible !important;
    opacity: 1 !important;
    /* Instant. Core transitions backdrop-filter 0.14s — that drops #sidebar (Entry 1178). */
    transition: none !important;
}

.webRoot.moduleDesign .releaseView-container[data-sv-release-ui="list"] .overlay.visible.sv-release-layer-overlay-in,
body.sv-release-layer-open #sv-global-release-layer-host .overlay.visible.sv-release-layer-overlay-in {
    opacity: 1 !important;
    transition: none !important;
    animation: none;
}

.webRoot.moduleDesign .releaseView-container[data-sv-release-ui="list"] .overlay.visible.sv-release-layer-overlay-out,
body.sv-release-layer-open #sv-global-release-layer-host .overlay.visible.sv-release-layer-overlay-out {
    /* Do not fade overlay before stacking restore. Opacity 0 here uncovered wrap-inner
     * over #sidebar during blow-up-out. Overlay comes off in JS with sv-release-layer-open. */
    opacity: 1 !important;
    transition: none !important;
}

@keyframes sv-release-layer-overlay-in {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

/* Ajax wait: panel stays invisible until reveal (no skeleton). Must not paint a white
 * 100dvh stacking layer over #sidebar — overlay covers chrome during this wait. */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer.hidden:not(.loaded),
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer.hidden:not(.loaded) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    contain: none !important;
}

/* —— Blow Up open (designcouch/obvKxm #four) —— */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer.sv-release-layer-blowup,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer.sv-release-layer-blowup,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer.loaded.sv-release-layer-blowup-in,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer.loaded.sv-release-layer-blowup-in,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer.sv-release-layer-blowup-out,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer.sv-release-layer-blowup-out {
    transform-origin: center center !important;
    transition: none !important;
}

/* No transform !important — it blocks @keyframes blow-up in WebKit/Safari. */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer.loaded.sv-release-layer-blowup-in,
body.sv-release-layer-open #sv-global-release-layer-host.releaseView-container[data-sv-release-ui="list"] .release.openInLayer.loaded.sv-release-layer-blowup-in {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) scale(0);
    animation: sv-release-layer-blowup-in var(--sv-release-layer-blowup-duration) var(--sv-release-layer-blowup-ease) forwards;
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer.sv-release-layer-blowup-out,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer.sv-release-layer-blowup-out {
    animation: sv-release-layer-blowup-out var(--sv-release-layer-blowup-duration) var(--sv-release-layer-blowup-ease) forwards;
}

@keyframes sv-release-layer-blowup-in {
    0% { transform: translate3d(0, 0, 0) scale(0); }
    100% { transform: translate3d(0, 0, 0) scale(1); }
}

@keyframes sv-release-layer-blowup-out {
    0% { transform: translate3d(0, 0, 0) scale(1); opacity: 1; }
    100% { transform: translate3d(0, 0, 0) scale(0); opacity: 0; }
}

/* Beat core `.releaseView-container .release.openInLayer.loaded` (translate + scale) during blow-up. */
body.sv-release-layer-open #sv-global-release-layer-host.releaseView-container .release.openInLayer.loaded.sv-release-layer-blowup-in,
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer.loaded.sv-release-layer-blowup-in {
    transform-origin: center center !important;
}

/* Reduced motion: simple enter (no blow up). */
.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer.loaded.sv-release-layer-enter,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer.loaded.sv-release-layer-enter {
    opacity: 0;
    transform: translateY(10px) scale(0.99);
}

.webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer.loaded.sv-release-layer-enter-active,
body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer.loaded.sv-release-layer-enter-active {
    opacity: 1;
    transform: translateY(0) scale(1);
    transition:
        opacity var(--sv-release-layer-enter-duration, 0.16s) var(--sv-motion-ease-standard, cubic-bezier(0.22, 1, 0.36, 1)),
        transform var(--sv-release-layer-enter-duration, 0.16s) var(--sv-motion-ease-standard, cubic-bezier(0.22, 1, 0.36, 1));
}

@media (prefers-reduced-motion: reduce) {
    .webRoot.moduleDesign [data-sv-release-ui="list"] .overlay.visible.sv-release-layer-overlay-in,
    body.sv-release-layer-open #sv-global-release-layer-host .overlay.visible.sv-release-layer-overlay-in,
    .webRoot.moduleDesign [data-sv-release-ui="list"] .overlay.visible.sv-release-layer-overlay-out,
    body.sv-release-layer-open #sv-global-release-layer-host .overlay.visible.sv-release-layer-overlay-out,
    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer.loaded.sv-release-layer-blowup-in,
    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer.sv-release-layer-blowup-out,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer.loaded.sv-release-layer-blowup-in,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer.sv-release-layer-blowup-out {
        animation: none;
        transform: none;
        transition: none;
        opacity: 1;
    }

    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer.loaded.sv-release-layer-enter,
    .webRoot.moduleDesign [data-sv-release-ui="list"] .release.openInLayer.loaded.sv-release-layer-enter-active,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer.loaded.sv-release-layer-enter,
    body.sv-release-layer-open #sv-global-release-layer-host[data-sv-release-ui="list"] .release.openInLayer.loaded.sv-release-layer-enter-active {
        opacity: 1;
        transform: none;
        transition: none;
    }
}