/*!
 * SCL-MUSIK-CARD-REDESIGN-RENDERER-CORE-001 — Renderer-Core Styles
 *
 * Mobile-first Layout fuer die neue kanonische Music-Card. Nutzt die Foundation-
 * Tokens aus assets/css/music-card-redesign-tokens.css.
 *
 * In RENDERER-CORE-001 wird diese Datei NICHT public auf /musik/ geladen.
 * Sie wird ausschliesslich auf der Admin-Renderer-Preview-Page eingebunden.
 *
 * KEINE Renderer-Aenderung an V3/Aux. KEINE Public-Surface-Umschaltung.
 */

/* ─── Card-Wrapper (mobile-first) ───────────────────────────── */
.scl-music-card--redesign {
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 100%;
	max-width: var(--mc-variant-default-release-max-width, 480px);
	margin: 0 auto;
	background: var(--mc-color-bg-card, #14141f);
	color: var(--mc-color-fg-primary, rgba(255,255,255,0.96));
	border-radius: var(--mc-radius-card, 24px);
	box-shadow: var(--mc-shadow-card-base, 0 4px 20px rgba(0,0,0,0.35));
	overflow: hidden;
	isolation: isolate;
	font-family: var(--mc-font-family-body, system-ui, sans-serif);
	transition: box-shadow var(--mc-motion-duration-default, 240ms) var(--mc-motion-easing-standard, ease);
}

.scl-music-card--redesign:hover {
	box-shadow: var(--mc-shadow-card-elevated, 0 12px 40px rgba(0,0,0,0.55));
}

.scl-music-card--redesign * { box-sizing: border-box; }

.scl-music-card__shell {
	position: relative;
	z-index: var(--mc-z-card, 10);
}

/* ─── Ambient Background-Layer (Glow / Gradient) ───────────── */
.scl-music-card__ambient {
	position: absolute;
	inset: 0;
	z-index: var(--mc-z-hero-bg, 0);
	background: var(--mc-gradient-hero-default,
		radial-gradient(at 30% 20%, rgba(255,180,80,0.20), transparent 60%),
		radial-gradient(at 80% 40%, rgba(140,92,255,0.20), transparent 65%),
		linear-gradient(180deg, #0a0a14 0%, #000 100%)
	);
	opacity: 0.65;
	pointer-events: none;
	transition: opacity var(--mc-motion-duration-hero, 900ms) var(--mc-motion-easing-emphasis, ease);
}

/* ─── Hero / Cover-Bereich ──────────────────────────────────── */
.scl-music-card__hero {
	position: relative;
	z-index: var(--mc-z-cover, 20);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--mc-space-8, 2rem) var(--mc-space-4, 1rem) var(--mc-space-4, 1rem);
	min-height: 32vh;
}

.scl-music-card__hero-gradient {
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse at center, var(--mc-hero-glow, rgba(255,180,80,0.30)), transparent 70%);
	opacity: 0.5;
	pointer-events: none;
}

.scl-music-card__cover-wrap {
	position: relative;
	width: 65vw;
	max-width: 280px;
	aspect-ratio: 1 / 1;
	z-index: var(--mc-z-cover, 20);
}

.scl-music-card__cover {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: var(--mc-radius-cover, 16px);
	overflow: hidden;
	box-shadow: var(--mc-shadow-cover-elevated, 0 20px 60px rgba(0,0,0,0.65));
	transition: transform var(--mc-motion-duration-default, 240ms) var(--mc-motion-easing-standard, ease);
}

.scl-music-card__cover-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.scl-music-card__cover-placeholder {
	width: 100%;
	height: 100%;
	background:
		linear-gradient(135deg, rgba(255,126,179,0.4), rgba(140,92,255,0.4)),
		var(--mc-color-bg-primary, #0a0a14);
}

/* ─── Content-Bereich ───────────────────────────────────────── */
.scl-music-card__content {
	position: relative;
	z-index: var(--mc-z-card, 10);
	padding: var(--mc-space-5, 1.25rem) var(--mc-space-5, 1.25rem) var(--mc-space-6, 1.5rem);
	display: flex;
	flex-direction: column;
	gap: var(--mc-space-4, 1rem);
}

/* ─── Badges ────────────────────────────────────────────────── */
.scl-music-card__badges {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mc-space-2, 0.5rem);
}

.scl-music-card__badge {
	display: inline-block;
	padding: var(--mc-space-1, 0.25rem) var(--mc-space-3, 0.75rem);
	border-radius: var(--mc-radius-pill, 999px);
	font: var(--mc-font-tab-label, 500 0.85rem/1 system-ui, sans-serif);
	color: #fff;
	background: var(--mc-gradient-badge-new, linear-gradient(90deg, #ff7eb3, #8c5cff));
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.scl-music-card__badge--released { background: var(--mc-color-badge-released, #44d49a); color: #003322; }
.scl-music-card__badge--presave  { background: var(--mc-color-badge-presave,  #ffb84d); color: #3a2400; }
.scl-music-card__badge--coming   { background: var(--mc-color-badge-coming,   #8c5cff); color: #fff; }
.scl-music-card__badge--archived { background: var(--mc-color-badge-archived, #6b7280); color: #fff; }
/* FIX_MUSIK_CANONICAL_FUTURE_RELEASE_STATUS: Basis-Fallback (Nicht-Redesign). */
.scl-music-card__badge--upcoming     { background: var(--mc-color-badge-coming, #8c5cff); color: #fff; }
.scl-music-card__badge--release-date { background: #6b7280; color: #fff; }
.scl-music-card__badge--soon         { background: rgba(80,220,210,0.85); color: #00302c; }

/* ─── Title-Block ───────────────────────────────────────────── */
.scl-music-card__title-block {
	display: flex;
	flex-direction: column;
	gap: var(--mc-space-1, 0.25rem);
}

.scl-music-card__artist {
	color: var(--mc-color-artist-accent, #ff7eb3);
	font: var(--mc-font-artist, 600 0.95rem/1.2 system-ui, sans-serif);
}

.scl-music-card__title {
	margin: 0;
	color: var(--mc-color-fg-primary, #fff);
	font: var(--mc-font-title, 700 1.5rem/1.15 system-ui, sans-serif);
}

.scl-music-card__description {
	margin: 0;
	color: var(--mc-color-fg-secondary, rgba(255,255,255,0.72));
	font: var(--mc-font-description, 400 1rem/1.4 system-ui, sans-serif);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* ─── Action-Leiste (Likes / Shares / Presaves) ─────────────── */
.scl-music-card__actions {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--mc-space-3, 0.75rem);
	padding: var(--mc-space-3, 0.75rem) 0;
	border-top: 1px solid rgba(255,255,255,0.08);
	border-bottom: 1px solid rgba(255,255,255,0.08);
}

.scl-music-card__action {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--mc-space-1, 0.25rem);
	background: transparent;
	border: 0;
	padding: var(--mc-space-2, 0.5rem);
	border-radius: var(--mc-radius-button, 12px);
	color: var(--mc-color-fg-primary, #fff);
	font: var(--mc-font-stat-label, 500 0.8rem/1 system-ui, sans-serif);
	cursor: pointer;
	transition: transform var(--mc-motion-duration-fast, 160ms) var(--mc-motion-easing-standard, ease),
	            box-shadow var(--mc-motion-duration-fast, 160ms) var(--mc-motion-easing-standard, ease);
}

.scl-music-card__action:hover { transform: translateY(-1px); }

.scl-music-card__action-icon {
	color: var(--mc-color-heart-active, #ff5096);
	font-size: var(--mc-icon-md, 20px);
}
.scl-music-card__action-count {
	font: var(--mc-font-stat-value, 700 1.1rem/1 system-ui, sans-serif);
	color: var(--mc-color-fg-primary, #fff);
}
.scl-music-card__action-label {
	color: var(--mc-color-fg-muted, rgba(255,255,255,0.5));
}

/* ─── Plattform-Leiste ──────────────────────────────────────── */
.scl-music-card__platforms {
	display: flex;
	flex-direction: column;
	gap: var(--mc-space-3, 0.75rem);
}
.scl-music-card__platforms-primary {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--mc-space-2, 0.5rem);
}
.scl-music-card__platform {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--mc-space-2, 0.5rem);
	padding: var(--mc-space-3, 0.75rem) var(--mc-space-4, 1rem);
	background: var(--mc-gradient-button-accent, linear-gradient(90deg, #ff7eb3, #8c5cff));
	color: #fff;
	text-decoration: none;
	border-radius: var(--mc-radius-button, 12px);
	font: var(--mc-font-button-label, 600 0.95rem/1 system-ui, sans-serif);
	transition: transform var(--mc-motion-duration-fast, 160ms) var(--mc-motion-easing-standard, ease),
	            box-shadow var(--mc-motion-duration-fast, 160ms) var(--mc-motion-easing-standard, ease);
}
.scl-music-card__platform:hover {
	transform: translateY(-1px);
	box-shadow: var(--mc-shadow-button-glow, 0 0 16px var(--mc-color-button-glow, #8c5cff));
}
.scl-music-card__platform--spotify     { background: #1ed760; color: #003a18; box-shadow: var(--mc-glow-button-spotify, none); }
.scl-music-card__platform--apple-music { background: #fc5252; color: #fff;    box-shadow: var(--mc-glow-button-apple, none); }
.scl-music-card__platform--yt-music    { background: #ff0000; color: #fff;    box-shadow: var(--mc-glow-button-yt-music, none); }
.scl-music-card__platform--amazon      { background: #00a8e1; color: #fff;    box-shadow: var(--mc-glow-button-amazon, none); }

.scl-music-card__platforms-secondary { font: var(--mc-font-tab-label, 500 0.95rem/1 system-ui, sans-serif); }
.scl-music-card__platforms-secondary-summary { cursor: pointer; padding: var(--mc-space-2, 0.5rem) 0; color: var(--mc-color-fg-secondary, rgba(255,255,255,0.72)); }
.scl-music-card__platforms-secondary-list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mc-space-2, 0.5rem);
	padding-top: var(--mc-space-2, 0.5rem);
}
.scl-music-card__platform--secondary {
	background: var(--mc-color-bg-tab-active, rgba(255,255,255,0.08));
	color: var(--mc-color-fg-secondary, rgba(255,255,255,0.72));
}

/* ─── Tabs ──────────────────────────────────────────────────── */
.scl-music-card__tabs {
	border-top: 1px solid rgba(255,255,255,0.08);
	padding-top: var(--mc-space-3, 0.75rem);
}
.scl-music-card__tab-nav {
	display: flex;
	gap: var(--mc-space-4, 1rem);
	overflow-x: auto;
}
.scl-music-card__tab {
	background: transparent;
	border: 0;
	color: var(--mc-color-fg-muted, rgba(255,255,255,0.5));
	font: var(--mc-font-tab-label, 500 0.95rem/1 system-ui, sans-serif);
	padding: var(--mc-space-2, 0.5rem) 0;
	cursor: pointer;
	border-bottom: 2px solid transparent;
	transition: color var(--mc-motion-duration-fast, 160ms) var(--mc-motion-easing-standard, ease),
	            border-color var(--mc-motion-duration-fast, 160ms) var(--mc-motion-easing-standard, ease);
}
.scl-music-card__tab--active {
	color: var(--mc-color-tab-active, #ff7eb3);
	border-bottom-color: var(--mc-color-tab-active, #ff7eb3);
}

.scl-music-card__tab-panel {
	padding-top: var(--mc-space-3, 0.75rem);
	color: var(--mc-color-fg-secondary, rgba(255,255,255,0.72));
}
.scl-music-card__lyrics-text {
	font: var(--mc-font-lyrics, 400 1rem/1.5 system-ui, sans-serif);
	white-space: pre-wrap;
	margin: 0;
}
.scl-music-card__lyrics-source {
	color: var(--mc-color-fg-muted, rgba(255,255,255,0.5));
	font-size: 0.8rem;
	padding-top: var(--mc-space-2, 0.5rem);
}

/* ─── Admin-Overlay (NIE in Public) ─────────────────────────── */
.scl-music-card__admin-overlay {
	position: relative;
	z-index: var(--mc-z-admin-overlay, 80);
	margin-top: var(--mc-space-3, 0.75rem);
	border-top: 1px solid rgba(255,255,255,0.12);
	padding: var(--mc-space-3, 0.75rem) var(--mc-space-5, 1.25rem);
	background: rgba(0,0,0,0.45);
	color: var(--mc-color-fg-muted, rgba(255,255,255,0.5));
	font: var(--mc-font-download-meta, 400 0.85rem/1.2 system-ui, sans-serif);
}
.scl-music-card__admin-overlay-strip {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mc-space-3, 0.75rem);
	align-items: center;
}
.scl-music-card__admin-link {
	color: var(--mc-color-accent-primary, #ff7eb3);
	text-decoration: none;
	border-bottom: 1px dotted currentColor;
}
.scl-music-card__admin-link:hover { color: var(--mc-color-fg-primary, #fff); }
.scl-music-card__admin-meta code {
	background: rgba(255,255,255,0.06);
	padding: 0 4px;
	border-radius: 4px;
	color: var(--mc-color-accent-secondary, #8c5cff);
}

/* ─── Reduced-Motion ────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
	.scl-music-card--redesign,
	.scl-music-card--redesign * {
		transition: none !important;
		animation: none !important;
	}
	.scl-music-card__ambient { opacity: 0.4; }
}
.scl-music-card--reduced-motion,
.scl-music-card--reduced-motion * {
	transition: none !important;
	animation: none !important;
}

/* ─── Desktop-Variante (mobile-first) ───────────────────────── */
@media (min-width: 768px) {
	.scl-music-card--redesign {
		max-width: var(--mc-variant-default-release-max-width, 480px);
	}
	.scl-music-card__hero { min-height: 38vh; padding: var(--mc-space-12, 3rem) var(--mc-space-6, 1.5rem) var(--mc-space-6, 1.5rem); }
	.scl-music-card__cover-wrap { width: 320px; max-width: 320px; }
	.scl-music-card__content { padding: var(--mc-space-6, 1.5rem); gap: var(--mc-space-5, 1.25rem); }
}

@media (min-width: 1024px) {
	.scl-music-card__hero { min-height: 42vh; }
	.scl-music-card__cover-wrap { width: 360px; max-width: 360px; }
}

/* ─── SCL-MUSIK-CARD-REDESIGN-CONTENT-HYDRATION-001: Hydration-Sektionen ───── */

.scl-music-card__stats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--mc-space-3, 0.75rem);
	padding: var(--mc-space-3, 0.75rem) 0;
}
.scl-music-card__stat {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--mc-space-1, 0.25rem);
}
.scl-music-card__stat-label {
	color: var(--mc-color-fg-muted, rgba(255,255,255,0.5));
	font: var(--mc-font-stat-label, 500 0.8rem/1 system-ui, sans-serif);
}
.scl-music-card__stat-value {
	color: var(--mc-color-fg-primary, #fff);
	font: var(--mc-font-stat-value, 700 1.1rem/1 system-ui, sans-serif);
}

.scl-music-card__lyrics {
	padding: var(--mc-space-3, 0.75rem) 0;
	color: var(--mc-color-fg-secondary, rgba(255,255,255,0.72));
}
.scl-music-card__lyrics-text {
	font: var(--mc-font-lyrics, 400 1rem/1.5 system-ui, sans-serif);
	white-space: normal;
}
.scl-music-card__lyrics-source {
	color: var(--mc-color-fg-muted, rgba(255,255,255,0.5));
	font-size: 0.8rem;
	padding-top: var(--mc-space-2, 0.5rem);
}

.scl-music-card__downloads {
	padding: var(--mc-space-3, 0.75rem) 0;
}
.scl-music-card__downloads-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--mc-space-2, 0.5rem);
}
.scl-music-card__download-item {
	display: flex;
	align-items: center;
	gap: var(--mc-space-2, 0.5rem);
	padding: var(--mc-space-2, 0.5rem) var(--mc-space-3, 0.75rem);
	background: var(--mc-color-bg-tab-inactive, rgba(255,255,255,0.04));
	border-radius: var(--mc-radius-button, 12px);
	font: var(--mc-font-download-name, 500 0.95rem/1.2 system-ui, sans-serif);
	color: var(--mc-color-fg-primary, #fff);
}
.scl-music-card__download-type,
.scl-music-card__download-quality {
	color: var(--mc-color-fg-muted, rgba(255,255,255,0.5));
	font: var(--mc-font-download-meta, 400 0.85rem/1.2 system-ui, sans-serif);
}
.scl-music-card__download-gated {
	color: var(--mc-color-fg-muted, rgba(255,255,255,0.5));
	margin-left: auto;
}
.scl-music-card__download-link {
	margin-left: auto;
	color: var(--mc-color-accent-primary, #ff7eb3);
	text-decoration: none;
	border-bottom: 1px dotted currentColor;
}

.scl-music-card__admin-links {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mc-space-2, 0.5rem);
	padding: var(--mc-space-2, 0.5rem) 0;
	color: var(--mc-color-fg-muted, rgba(255,255,255,0.5));
	font: var(--mc-font-download-meta, 400 0.85rem/1.2 system-ui, sans-serif);
}
.scl-music-card__admin-links-label {
	color: var(--mc-color-fg-secondary, rgba(255,255,255,0.72));
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
.scl-music-card__evidence-links {
	display: flex;
	align-items: center;
	gap: var(--mc-space-2, 0.5rem);
	padding-top: var(--mc-space-1, 0.25rem);
}
.scl-music-card__evidence-link {
	color: var(--mc-color-accent-secondary, #8c5cff);
	text-decoration: none;
	border-bottom: 1px dotted currentColor;
}
.scl-music-card__evidence-count {
	color: var(--mc-color-fg-muted, rgba(255,255,255,0.5));
}
.scl-music-card__evidence-status {
	background: rgba(255,255,255,0.06);
	padding: 0 6px;
	border-radius: var(--mc-radius-pill, 999px);
	font-size: 0.75rem;
	color: var(--mc-color-fg-secondary, rgba(255,255,255,0.72));
}

.scl-music-card__meta-strip {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mc-space-3, 0.75rem);
	padding: var(--mc-space-2, 0.5rem) var(--mc-space-5, 1.25rem);
	border-top: 1px solid rgba(255,255,255,0.06);
	background: rgba(0,0,0,0.25);
	color: var(--mc-color-fg-muted, rgba(255,255,255,0.5));
	font: var(--mc-font-download-meta, 400 0.85rem/1.2 system-ui, sans-serif);
}
.scl-music-card__meta-strip code {
	background: rgba(255,255,255,0.06);
	padding: 0 4px;
	border-radius: 4px;
	color: var(--mc-color-accent-secondary, #8c5cff);
}

.scl-music-card__empty-state {
	padding: var(--mc-space-4, 1rem) var(--mc-space-5, 1.25rem);
	background: rgba(255,255,255,0.03);
	border-radius: var(--mc-radius-button, 12px);
	color: var(--mc-color-fg-muted, rgba(255,255,255,0.5));
	font-style: italic;
	text-align: center;
}

/* ─── SCL-MUSIK-CARD-REDESIGN-CONTENT-HYDRATION-002: Platforms/Providers ───── */

.scl-music-card__platforms-heading,
.scl-music-card__provider-fallbacks-heading,
.scl-music-card__platform-missing-heading {
	margin: 0 0 var(--mc-space-3, 0.75rem);
	color: var(--mc-color-fg-primary, #fff);
	font: var(--mc-font-tab-label, 500 0.95rem/1 system-ui, sans-serif);
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.scl-music-card__platforms-primary {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--mc-space-2, 0.5rem);
}

.scl-music-card__platform-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--mc-space-2, 0.5rem);
	min-width: 0; max-width: 100%; box-sizing: border-box;
	padding: var(--mc-space-3, 0.75rem) var(--mc-space-4, 1rem);
	background: var(--mc-gradient-button-accent, linear-gradient(90deg,#ff7eb3,#8c5cff));
	color: #fff;
	text-decoration: none;
	border-radius: var(--mc-radius-button, 12px);
	font: var(--mc-font-button-label, 600 0.95rem/1 system-ui, sans-serif);
	transition: transform var(--mc-motion-duration-fast, 160ms) var(--mc-motion-easing-standard, ease),
	            box-shadow var(--mc-motion-duration-fast, 160ms) var(--mc-motion-easing-standard, ease);
}
.scl-music-card__platform-link:hover {
	transform: translateY(-1px);
	box-shadow: var(--mc-shadow-button-glow, 0 0 16px var(--mc-color-button-glow, #8c5cff));
}
.scl-music-card__platform-link--spotify       { background: #1ed760; color: #003a18; }
.scl-music-card__platform-link--apple_music   { background: #fc5252; color: #fff; }
.scl-music-card__platform-link--youtube_music { background: #ff0000; color: #fff; }
.scl-music-card__platform-link--amazon_music  { background: #00a8e1; color: #fff; }
.scl-music-card__platform-link--tiktok        { background: #000;    color: #fff; border: 1px solid rgba(255,255,255,0.15); }

.scl-music-card__provider-fallbacks {
	margin-top: var(--mc-space-4, 1rem);
	padding-top: var(--mc-space-3, 0.75rem);
	border-top: 1px solid rgba(255,255,255,0.06);
}
.scl-music-card__platforms-secondary {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mc-space-2, 0.5rem);
}
.scl-music-card__platform-link--secondary {
	background: var(--mc-color-bg-tab-active, rgba(255,255,255,0.08));
	color: var(--mc-color-fg-secondary, rgba(255,255,255,0.72));
	padding: var(--mc-space-2, 0.5rem) var(--mc-space-3, 0.75rem);
	font-size: 0.85rem;
}

.scl-music-card__platform-missing-wrap {
	margin-top: var(--mc-space-4, 1rem);
	padding-top: var(--mc-space-3, 0.75rem);
	border-top: 1px dashed rgba(255,255,255,0.06);
}
.scl-music-card__platform-missing-list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mc-space-2, 0.5rem);
}
.scl-music-card__platform-missing {
	display: inline-flex;
	align-items: center;
	padding: var(--mc-space-1, 0.25rem) var(--mc-space-3, 0.75rem);
	background: rgba(255,255,255,0.03);
	border: 1px dashed rgba(255,255,255,0.18);
	border-radius: var(--mc-radius-pill, 999px);
	color: var(--mc-color-fg-muted, rgba(255,255,255,0.4));
	font-size: 0.75rem;
	cursor: not-allowed;
	opacity: 0.6;
}

.scl-music-card__platform-empty {
	padding: var(--mc-space-3, 0.75rem) var(--mc-space-4, 1rem);
	background: rgba(255,255,255,0.03);
	border-radius: var(--mc-radius-button, 12px);
	color: var(--mc-color-fg-muted, rgba(255,255,255,0.5));
	font-style: italic;
	text-align: center;
}

.scl-music-card__platform-diagnostics {
	color: var(--mc-color-fg-secondary, rgba(255,255,255,0.72));
	font: var(--mc-font-download-meta, 400 0.85rem/1.2 system-ui, sans-serif);
}

@media (min-width: 768px) {
	.scl-music-card__platforms-primary { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
	.scl-music-card__platforms-primary { grid-template-columns: repeat(3, 1fr); }
}

/* ─── SCL-MUSIK-CARD-REDESIGN-CONTENT-HYDRATION-002-FIX1 ────────── */
/* CARD-INTEGRATED-PLATFORM-DEDUPE: Plattformen leben jetzt INNERHALB der Karte. */

.scl-music-card__overview {
	display: flex;
	flex-direction: column;
	gap: var(--mc-space-4, 1rem);
	padding-bottom: var(--mc-space-3, 0.75rem);
	border-bottom: 1px solid rgba(255,255,255,0.06);
}

/* Apple Music — alias-Klasse fuer Bindestrich-Variante */
.scl-music-card__platform-link--apple-music { background: #fc5252; color: #fff; }

/* Modernere Glow-Button-Optik je Brand (statt knallgruen ueber volle Breite) */
.scl-music-card__platform-link {
	box-shadow: 0 2px 8px rgba(0,0,0,0.25);
}
.scl-music-card__platform-link--spotify:hover       { box-shadow: 0 0 18px rgba(30,215,96,0.55); }
.scl-music-card__platform-link--apple_music:hover,
.scl-music-card__platform-link--apple-music:hover   { box-shadow: 0 0 18px rgba(252,82,82,0.55); }
.scl-music-card__platform-link--youtube_music:hover { box-shadow: 0 0 18px rgba(255,0,0,0.55); }
.scl-music-card__platform-link--amazon_music:hover  { box-shadow: 0 0 18px rgba(0,168,225,0.55); }
.scl-music-card__platform-link--tiktok:hover        { box-shadow: 0 0 18px rgba(255,255,255,0.25); }

/* Debug-Panel optisch klar von der Karte getrennt */
.scl-music-card__debug-panel {
	font: var(--mc-font-download-meta, 400 0.85rem/1.2 system-ui, sans-serif);
	color: var(--mc-color-fg-muted, rgba(255,255,255,0.5));
}

/* ─── SCL-MUSIK-PROVIDER-BRAND-ICONS-001 ───────────────────────── */

.scl-music-card__platform-link--has-logo {
	gap: var(--mc-space-2, 0.5rem);
	padding-left: var(--mc-space-3, 0.75rem);
	padding-right: var(--mc-space-4, 1rem);
}

.scl-music-card__platform-logo {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	flex-shrink: 0;
	background: rgba(255,255,255,0.10);
	border-radius: 6px;
	overflow: hidden;
}

.scl-music-card__platform-logo-img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	display: block;
}

.scl-music-card__platform-logo-fallback {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	flex-shrink: 0;
	background: rgba(255,255,255,0.10);
	border-radius: var(--mc-radius-pill, 999px);
	color: var(--mc-color-fg-secondary, rgba(255,255,255,0.72));
	font: var(--mc-font-tab-label, 500 0.85rem/1 system-ui, sans-serif);
	font-weight: 700;
}

/* =========================================================================
   SCL-MUSIK-CARD-REDESIGN-COMPACT-UI-001
   Kompakte Card-Variante. Reduziert Hero/Cover/Padding deutlich (480x1011 →
   480x~600). Drop Fake-Stats. Heart-Form. Admin-Gear (admin-preview only).
   ========================================================================= */

/* Hero deutlich kompakter — kein min-height:32vh mehr. */
.scl-music-card.scl-music-card--redesign .scl-music-card__hero {
	min-height: 0;
	padding: 1rem 1rem 0.75rem;
}
@media (min-width: 768px) {
	.scl-music-card.scl-music-card--redesign .scl-music-card__hero {
		min-height: 0;
		padding: 1.25rem 1.25rem 0.75rem;
	}
}
@media (min-width: 1024px) {
	.scl-music-card.scl-music-card--redesign .scl-music-card__hero {
		min-height: 0;
		padding: 1.25rem 1.25rem 0.75rem;
	}
}

/* Cover kleiner — 200px Default, max 240px. */
.scl-music-card.scl-music-card--redesign .scl-music-card__cover-wrap {
	width: 55vw;
	max-width: 200px;
	margin-inline: auto;
}
@media (min-width: 768px) {
	.scl-music-card.scl-music-card--redesign .scl-music-card__cover-wrap {
		max-width: 220px;
	}
}
@media (min-width: 1024px) {
	.scl-music-card.scl-music-card--redesign .scl-music-card__cover-wrap {
		max-width: 240px;
	}
}

/* Content padding + gap reduzieren. */
.scl-music-card.scl-music-card--redesign .scl-music-card__content {
	padding: 1rem 1rem 1.25rem;
	gap: 0.625rem;
}

/* Title-Block kompakter. */
.scl-music-card.scl-music-card--redesign .scl-music-card__title-block {
	gap: 0.125rem;
}

/* Overview-Bereich kompakter. */
.scl-music-card.scl-music-card--redesign .scl-music-card__overview {
	gap: 0.625rem;
	padding-bottom: 0;
	border-bottom: 0;
}

/* Action-Zeile kompakt — nur Heart, kein 3-col grid mehr. */
.scl-music-card.scl-music-card--redesign .scl-music-card__actions--compact {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0.5rem;
	padding: 0;
	margin: 0;
	border-block: 0;
}
.scl-music-card.scl-music-card--redesign .scl-music-card__action--readonly {
	cursor: default;
	user-select: none;
}
.scl-music-card.scl-music-card--redesign .scl-music-card__action-icon {
	font-size: 1rem;
	line-height: 1;
}
.scl-music-card.scl-music-card--redesign .scl-music-card__action-count {
	font-variant-numeric: tabular-nums;
}

/* Stats-Block versteckt — render_stats gibt nichts aus, defensive CSS. */
.scl-music-card.scl-music-card--redesign .scl-music-card__stats {
	display: none;
}

/* Tabs kompakt — Native <details>, nicht aufwendige Tab-Nav. */
.scl-music-card.scl-music-card--redesign .scl-music-card__tabs--compact {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	border-top: 1px solid rgba(255,255,255,0.08);
	padding-top: 0.75rem;
	margin-top: 0.5rem;
}
.scl-music-card.scl-music-card--redesign .scl-music-card__tab-summary {
	cursor: pointer;
	list-style: none;
	font: 600 0.875rem/1.2 system-ui, sans-serif;
	color: var(--mc-color-fg-secondary, rgba(255,255,255,0.78));
	padding: 0.375rem 0;
}
.scl-music-card.scl-music-card--redesign .scl-music-card__tab-summary::-webkit-details-marker {
	display: none;
}
.scl-music-card.scl-music-card--redesign .scl-music-card__tab-summary::before {
	content: '▸ ';
	display: inline-block;
	margin-right: 0.25rem;
	transition: transform 200ms ease;
}
.scl-music-card.scl-music-card--redesign details[open] .scl-music-card__tab-summary::before {
	transform: rotate(90deg);
}
.scl-music-card.scl-music-card--redesign .scl-music-card__lyrics-text {
	font: 400 0.875rem/1.5 system-ui, sans-serif;
	color: var(--mc-color-fg-secondary, rgba(255,255,255,0.78));
	white-space: pre-wrap;
	margin-block: 0.5rem;
}

/* Admin-Zahnrad (oben rechts, NUR Admin-Preview). */
.scl-music-card.scl-music-card--redesign .scl-music-card__admin-gear {
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	z-index: 4;
}
.scl-music-card.scl-music-card--redesign .scl-music-card__admin-gear-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	background: rgba(0,0,0,0.42);
	color: #fff;
	border: 1px solid rgba(255,255,255,0.16);
	border-radius: 50%;
	cursor: pointer;
	font-size: 1.125rem;
	line-height: 1;
}
.scl-music-card.scl-music-card--redesign .scl-music-card__admin-gear-toggle:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}
.scl-music-card.scl-music-card--redesign .scl-music-card__admin-gear-menu {
	position: absolute;
	top: 100%;
	right: 0;
	margin: 0.25rem 0 0;
	padding: 0.25rem 0;
	list-style: none;
	background: rgba(16,16,20,0.96);
	color: #fff;
	border: 1px solid rgba(255,255,255,0.16);
	border-radius: 8px;
	min-width: 220px;
	box-shadow: 0 8px 32px rgba(0,0,0,0.4);
}
.scl-music-card.scl-music-card--redesign .scl-music-card__admin-gear-item {
	display: block;
	padding: 0.5rem 0.75rem;
	color: inherit;
	text-decoration: none;
	font: 500 0.8125rem/1.2 system-ui, sans-serif;
}
.scl-music-card.scl-music-card--redesign .scl-music-card__admin-gear-item:hover,
.scl-music-card.scl-music-card--redesign .scl-music-card__admin-gear-item:focus-visible {
	background: rgba(255,255,255,0.08);
	outline: none;
}

/* Reduced-motion respektieren. */
@media (prefers-reduced-motion: reduce) {
	.scl-music-card.scl-music-card--redesign .scl-music-card__tab-summary::before {
		transition: none;
	}
}

/* ─── SCL-MUSIK-CARD-REDESIGN-ADMIN-PRODUCTIVITY-TRAIN-001 ─────────────── */
/* Public-Content + Admin-Productivity Layer.                              */
/*                                                                         */
/* Scope: ausschliesslich unter `.scl-music-card.scl-music-card--redesign`. */
/* Public-Content (badge / short-description / meta) ist public-safe.      */
/* Admin-Missing-Hints + Admin-Quick-Actions sind via sanitize_context() im */
/* Renderer auf show_admin_overlay gegated und erscheinen NIEMALS im        */
/* Public-DOM von Gaesten.                                                  */

.scl-music-card.scl-music-card--redesign .scl-music-card__public-content {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin: 0.5rem 0 0.75rem;
}

/* SCL-MUSIK-CARD-REDESIGN-ADMIN-PRODUCTIVITY-TRAIN-001:
   Eigene __public-badge-Klasse, um Kollision mit der bestehenden
   __badge-Klasse aus render_badges() (release-status) zu vermeiden. */
.scl-music-card.scl-music-card--redesign .scl-music-card__public-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.25em;
	align-self: flex-start;
	padding: 0.18em 0.6em;
	border-radius: var(--mc-radius-pill, 999px);
	background: rgba(255,255,255,0.10);
	color: var(--mc-color-fg-primary, #fff);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	line-height: 1.4;
}

.scl-music-card.scl-music-card--redesign .scl-music-card__short-description {
	margin: 0;
	color: var(--mc-color-fg-secondary, rgba(255,255,255,0.78));
	font-size: 0.95rem;
	line-height: 1.5;
}

.scl-music-card.scl-music-card--redesign .scl-music-card__meta {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1rem;
}

.scl-music-card.scl-music-card--redesign .scl-music-card__meta-item {
	display: inline-flex;
	gap: 0.35em;
	font-size: 0.8rem;
	color: var(--mc-color-fg-tertiary, rgba(255,255,255,0.62));
}

.scl-music-card.scl-music-card--redesign .scl-music-card__meta-key {
	font-weight: 600;
	text-transform: capitalize;
}

.scl-music-card.scl-music-card--redesign .scl-music-card__meta-value {
	color: var(--mc-color-fg-secondary, rgba(255,255,255,0.78));
}

/* Admin-only — kein DOM auf Public, daher kein Public-Risiko. */
.scl-music-card.scl-music-card--redesign .scl-music-card__admin-missing-hints {
	list-style: none;
	margin: 0.5rem 0 0;
	padding: 0.5rem 0.75rem;
	border-radius: var(--mc-radius-sm, 6px);
	background: rgba(255, 215, 0, 0.10);
	border: 1px solid rgba(255, 215, 0, 0.30);
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.scl-music-card.scl-music-card--redesign .scl-music-card__admin-missing-hint {
	font-size: 0.8rem;
	color: rgba(255, 215, 0, 0.95);
	line-height: 1.4;
}

.scl-music-card.scl-music-card--redesign .scl-music-card__admin-missing-hint::before {
	content: "⚠ ";
	margin-right: 0.15em;
}

.scl-music-card.scl-music-card--redesign .scl-music-card__admin-quick-actions {
	margin: 0.5rem 0 0;
	padding: 0.5rem 0;
	border-top: 1px solid rgba(255,255,255,0.08);
}

.scl-music-card.scl-music-card--redesign .scl-music-card__admin-quick-actions-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem 0.6rem;
}

.scl-music-card.scl-music-card--redesign .scl-music-card__admin-quick-action {
	display: inline-flex;
}

.scl-music-card.scl-music-card--redesign .scl-music-card__admin-quick-action .scl-music-card__admin-link {
	display: inline-flex;
	align-items: center;
	padding: 0.3em 0.7em;
	border-radius: var(--mc-radius-pill, 999px);
	background: rgba(255,255,255,0.06);
	color: var(--mc-color-fg-secondary, rgba(255,255,255,0.85));
	font-size: 0.78rem;
	font-weight: 500;
	text-decoration: none;
	transition: background-color 120ms ease, color 120ms ease;
}

.scl-music-card.scl-music-card--redesign .scl-music-card__admin-quick-action .scl-music-card__admin-link:hover,
.scl-music-card.scl-music-card--redesign .scl-music-card__admin-quick-action .scl-music-card__admin-link:focus-visible {
	background: rgba(255,255,255,0.12);
	color: var(--mc-color-fg-primary, #fff);
	outline: none;
}

/* Mobile-first compact: kleinere Padding auf engen Surfaces. */
@media (max-width: 480px) {
	.scl-music-card.scl-music-card--redesign .scl-music-card__public-content {
		gap: 0.4rem;
	}
	.scl-music-card.scl-music-card--redesign .scl-music-card__meta {
		gap: 0.3rem 0.6rem;
	}
	.scl-music-card.scl-music-card--redesign .scl-music-card__admin-quick-actions-list {
		gap: 0.3rem 0.4rem;
	}
}

/* Reduced-motion: keine Hover-Transitions. */
@media (prefers-reduced-motion: reduce) {
	.scl-music-card.scl-music-card--redesign .scl-music-card__admin-quick-action .scl-music-card__admin-link {
		transition: none;
	}
}

/* ═══════════════════════════════════════════════════════════════════════════
   SCL-MUSIK-PUBLIC-CARD-DETAIL-TABS-REDESIGN-TRAIN-001
   Detail-Tabs (Uebersicht / Lyrics / Downloads) — Progressive Enhancement.
   Ohne JS: Tab-Nav versteckt, ALLE Panels sichtbar (Uebersicht bleibt lesbar).
   Mit JS (`.is-enhanced` von music-card-tabs.js): Nav sichtbar, inaktive Panels
   ausgeblendet → echtes Tab-Verhalten. Desktop + Mobile.
   ═══════════════════════════════════════════════════════════════════════════ */

/* No-JS-Default: Nav versteckt. */
.scl-music-card .scl-music-card__tabs .scl-music-card__tab-nav {
	display: none;
}
/* JS aktiv: Nav einblenden, scrollbar auf Mobile, dezenter Unterstrich. */
.scl-music-card .scl-music-card__tabs.is-enhanced .scl-music-card__tab-nav {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mc-space-4, 1rem);
	border-bottom: 1px solid rgba(255,255,255,0.08);
	margin-bottom: var(--mc-space-2, 0.5rem);
	-webkit-overflow-scrolling: touch;
}
/* JS aktiv: inaktive Panels ausblenden (Default-Tab = Uebersicht). */
.scl-music-card .scl-music-card__tabs.is-enhanced .scl-music-card__tab-panel[data-scl-mc-inactive] {
	display: none;
}
/* Touch-Target + Fokus-Sichtbarkeit fuer Tab-Buttons. */
.scl-music-card .scl-music-card__tabs .scl-music-card__tab {
	min-height: 40px;
	white-space: nowrap;
}
.scl-music-card .scl-music-card__tabs .scl-music-card__tab:focus-visible {
	outline: 2px solid var(--mc-color-tab-active, #ff7eb3);
	outline-offset: 2px;
	border-radius: 4px;
}

/* Deutsches Release-Datum im Overview-Panel. */
.scl-music-card .scl-music-card__release-date {
	margin: var(--mc-space-3, 0.75rem) 0 0;
	font-size: 0.85rem;
	color: var(--mc-color-fg-secondary, rgba(255,255,255,0.72));
}
.scl-music-card .scl-music-card__release-date-label {
	color: var(--mc-color-fg-muted, rgba(255,255,255,0.5));
}
.scl-music-card .scl-music-card__release-date-value {
	font-variant-numeric: tabular-nums;
}

/* Downloads-Panel: klare, klickbare Items mit Format-Badge. */
.scl-music-card .scl-music-card__downloads-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--mc-space-2, 0.5rem);
}
.scl-music-card .scl-music-card__download-item {
	margin: 0;
}
.scl-music-card .scl-music-card__download-link {
	display: inline-flex;
	align-items: center;
	gap: var(--mc-space-2, 0.5rem);
	padding: var(--mc-space-2, 0.5rem) var(--mc-space-3, 0.75rem);
	border-radius: var(--mc-radius-button, 10px);
	background: rgba(255,255,255,0.06);
	color: var(--mc-color-fg-primary, #fff);
	text-decoration: none;
	transition: background var(--mc-motion-duration-fast, 160ms) var(--mc-motion-easing-standard, ease);
}
.scl-music-card .scl-music-card__download-link:hover {
	background: rgba(255,255,255,0.12);
}
.scl-music-card .scl-music-card__download-type {
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	padding: 1px 6px;
	border-radius: 999px;
	background: var(--mc-color-tab-active, #ff7eb3);
	color: #2a0a18;
}

/* Mobile: Tab-Nav bei Bedarf horizontal scrollbar statt Umbruch-Wirrwarr. */
@media (max-width: 480px) {
	.scl-music-card .scl-music-card__tabs.is-enhanced .scl-music-card__tab-nav {
		flex-wrap: nowrap;
		overflow-x: auto;
		gap: var(--mc-space-3, 0.75rem);
	}
}
@media (prefers-reduced-motion: reduce) {
	.scl-music-card .scl-music-card__download-link {
		transition: none;
	}
}

/* ═══════════════════════════════════════════════════════════════════════════
   SCL-MUSIK-PUBLIC-CARD-DETAIL-TABS-VISUAL-CONCEPT-GAP-REPAIR-TRAIN-001
   Premium App-Detail-UX. NATIVE <details> als hochwertige App-Panels
   (Lyrics/Downloads). Staerkerer Hero/Glow, Icon-Circle-Plattformbuttons,
   Tiefe/Depth. Echtes Expand/Collapse OHNE JS.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Card-Shell: App-Detail-Flaeche mit Tiefe + Glow ── */
/* SCL-...-STATIC-HERO-...-TRAIN-001: ~5% Transparenz — die dunkle Basis-Flaeche
   nutzt rgba mit alpha 0.95, sodass das Hintergrundvideo/der Hintergrund minimal
   durchscheint. KEIN opacity auf der ganzen Karte (das wuerde Text/Cover milchig
   machen). Cover + Text bleiben voll deckend; nur die Shell-Fuellung ist 95% opak. */
.scl-music-card.scl-music-card--redesign {
	max-width: 480px;
	background:
		radial-gradient(120% 75% at 50% -8%, rgba(140,92,255,0.20), transparent 60%),
		linear-gradient(180deg, rgba(22,16,31,0.95) 0%, rgba(11,11,20,0.95) 58%, rgba(8,7,13,0.95) 100%);
	border: 1px solid rgba(255,255,255,0.07);
	border-radius: 28px;
	box-shadow: 0 30px 90px rgba(0,0,0,0.62), 0 0 0 1px rgba(255,255,255,0.03) inset, 0 0 80px rgba(140,92,255,0.10);
}
.scl-music-card.scl-music-card--redesign .scl-music-card__content {
	padding: 1.1rem 1.25rem 1.5rem;
	gap: 1.05rem;
}

/* ── Hero: groesseres Cover mit Buehnen-Glow ── */
.scl-music-card.scl-music-card--redesign .scl-music-card__hero {
	min-height: 0;
	padding: 1.6rem 1.25rem 0.4rem;
	overflow: visible;
}
.scl-music-card.scl-music-card--redesign .scl-music-card__cover-wrap { width: 80%; max-width: 320px; }
.scl-music-card.scl-music-card--redesign .scl-music-card__cover {
	border-radius: 20px;
	box-shadow:
		0 26px 64px rgba(0,0,0,0.62),
		0 0 0 1px rgba(255,255,255,0.06),
		0 0 60px rgba(255,126,179,0.22),
		0 0 120px rgba(140,92,255,0.18);
}
.scl-music-card.scl-music-card--redesign .scl-music-card__hero::after {
	content: '';
	position: absolute;
	left: 50%; top: 46%;
	width: 64%; aspect-ratio: 1 / 1;
	transform: translate(-50%,-50%);
	background: radial-gradient(circle, rgba(255,150,90,0.30), rgba(140,92,255,0.13) 45%, transparent 70%);
	filter: blur(22px);
	z-index: 0; pointer-events: none;
}

/* ── Badge hochwertig ── */
.scl-music-card.scl-music-card--redesign .scl-music-card__badge--released {
	background: linear-gradient(90deg, rgba(68,212,154,0.20), rgba(68,212,154,0.06));
	color: #7df0c0;
	border: 1px solid rgba(68,212,154,0.42);
	box-shadow: 0 0 18px rgba(68,212,154,0.18);
}
/* FIX_MUSIK_CANONICAL_FUTURE_RELEASE_STATUS: Zukunfts-/Release-Datum-Badges — NIE grün (≠ veröffentlicht). */
.scl-music-card.scl-music-card--redesign .scl-music-card__badge--upcoming {
	background: linear-gradient(90deg, rgba(140,92,255,0.24), rgba(255,92,170,0.10));
	color: #ead6ff;
	border: 1px solid rgba(168,120,255,0.58);
	box-shadow: 0 0 16px rgba(150,90,230,0.26);
}
.scl-music-card.scl-music-card--redesign .scl-music-card__badge--release-date {
	background: rgba(120,130,150,0.16);
	color: #c6cdd9;
	border: 1px solid rgba(150,160,180,0.42);
	box-shadow: none;
}
.scl-music-card.scl-music-card--redesign .scl-music-card__badge--soon {
	background: rgba(80,220,210,0.14);
	color: #9af0e6;
	border: 1px solid rgba(80,220,210,0.48);
	font-size: 0.72rem;
	box-shadow: none;
}

/* ── Titelblock + Heart ── */
.scl-music-card.scl-music-card--redesign .scl-music-card__title { font-size: 1.55rem; letter-spacing: -0.01em; }
.scl-music-card.scl-music-card--redesign .scl-music-card__actions--compact { border: 0; padding: 0.2rem 0; justify-content: flex-start; }

/* ── Heart als Cover-Overlay (unten rechts auf dem Bild) ──
   SCL-...-STATIC-HERO-...-TRAIN-001: das Herz liegt jetzt absolut UNTEN RECHTS
   im cover-wrap (position:relative) — als klickbare glassy Chip-Overlay, nicht
   mehr als Fremdblock im Textbereich. Form/Nonce-Markup unveraendert. */
.scl-music-card.scl-music-card--redesign .scl-music-card__cover-wrap { position: relative; }

/* ── Plattform-Buttons: dunkel + Brand-Border + Icon-Circle ── */
/* PLATFORM_GRID_SHRINK_SAFE_V2 (DEFECT 3): `1fr` = `minmax(auto,1fr)`, dessen auto-Minimum die
   min-content-Breite jedes Buttons ist. Ohne `min-width:0` können die Buttons nicht unter ihre
   intrinsische Breite schrumpfen — lange Labels wie „Pre-Save HyperFollow" drücken jede Spalte breiter
   als die halbe Karte → Rechts-Clipping + horizontaler Overflow. Fix: `minmax(0,1fr)` + `min-width:0` +
   umbrechbare Labels. Bei sehr schmaler Breite (<=400px) eine Spalte statt Clipping. Geteilte CSS →
   greift auf /musik/, Portal UND Landingpages. */
.scl-music-card.scl-music-card--redesign .scl-music-card__platforms-primary { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.6rem; }
@media (max-width: 400px) {
	.scl-music-card.scl-music-card--redesign .scl-music-card__platforms-primary { grid-template-columns: 1fr; }
}
.scl-music-card.scl-music-card--redesign .scl-music-card__platform-link {
	background: rgba(255,255,255,0.045);
	border: 1.5px solid rgba(255,255,255,0.12);
	border-radius: 14px;
	padding: 0.62rem 0.8rem;
	color: #fff;
	justify-content: flex-start;
	gap: 0.65rem;
	min-width: 0; max-width: 100%; box-sizing: border-box;
	box-shadow: 0 6px 18px rgba(0,0,0,0.3);
	transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}
.scl-music-card.scl-music-card--redesign .scl-music-card__platform-link:hover { transform: translateY(-2px); }
.scl-music-card.scl-music-card--redesign .scl-music-card__platform-logo,
.scl-music-card.scl-music-card--redesign .scl-music-card__platform-logo-fallback {
	width: 30px; height: 30px; border-radius: 999px;
	display: inline-flex; align-items: center; justify-content: center;
	flex: 0 0 auto; font-weight: 800; font-size: 0.9rem; overflow: hidden;
}
.scl-music-card.scl-music-card--redesign .scl-music-card__platform-logo { background: rgba(255,255,255,0.95); }
.scl-music-card.scl-music-card--redesign .scl-music-card__platform-logo-img { max-width: 72%; max-height: 72%; }
.scl-music-card.scl-music-card--redesign .scl-music-card__platform-label { font-weight: 700; font-size: 0.92rem; line-height: 1.1; min-width: 0; overflow-wrap: anywhere; word-break: break-word; }
.scl-music-card.scl-music-card--redesign .scl-music-card__platform-link--spotify { border-color: rgba(30,215,96,0.55); }
.scl-music-card.scl-music-card--redesign .scl-music-card__platform-link--spotify .scl-music-card__platform-logo-fallback { background: #1ed760; color: #003a18; }
.scl-music-card.scl-music-card--redesign .scl-music-card__platform-link--spotify:hover { box-shadow: 0 0 22px rgba(30,215,96,0.4); }
.scl-music-card.scl-music-card--redesign .scl-music-card__platform-link--apple_music,
.scl-music-card.scl-music-card--redesign .scl-music-card__platform-link--apple-music { border-color: rgba(252,82,82,0.55); }
.scl-music-card.scl-music-card--redesign .scl-music-card__platform-link--apple_music .scl-music-card__platform-logo-fallback,
.scl-music-card.scl-music-card--redesign .scl-music-card__platform-link--apple-music .scl-music-card__platform-logo-fallback { background: #fc5252; color: #fff; }
.scl-music-card.scl-music-card--redesign .scl-music-card__platform-link--youtube_music { border-color: rgba(255,60,60,0.55); }
.scl-music-card.scl-music-card--redesign .scl-music-card__platform-link--youtube_music .scl-music-card__platform-logo-fallback { background: #ff3c3c; color: #fff; }
.scl-music-card.scl-music-card--redesign .scl-music-card__platform-link--amazon_music { border-color: rgba(0,168,225,0.55); }
.scl-music-card.scl-music-card--redesign .scl-music-card__platform-link--amazon_music .scl-music-card__platform-logo-fallback { background: #00a8e1; color: #04293a; }
.scl-music-card.scl-music-card--redesign .scl-music-card__platform-link--tidal { border-color: rgba(180,150,255,0.5); }
.scl-music-card.scl-music-card--redesign .scl-music-card__platform-link--tidal .scl-music-card__platform-logo-fallback { background: #b496ff; color: #1a0c33; }
.scl-music-card.scl-music-card--redesign .scl-music-card__platform-link--tiktok .scl-music-card__platform-logo-fallback { background: #fff; color: #000; }
.scl-music-card.scl-music-card--redesign .scl-music-card__platforms-heading,
.scl-music-card.scl-music-card--redesign .scl-music-card__provider-fallbacks-heading { font-size: 0.72rem; letter-spacing: 0.1em; }

/* ── Release-Datum-Zeile ── */
.scl-music-card.scl-music-card--redesign .scl-music-card__release-date {
	margin: 0; padding: 0.55rem 0 0.1rem; font-size: 0.82rem;
	border-top: 1px solid rgba(255,255,255,0.06);
}

/* ──────────────────────────────────────────────────────────────────────────
   SCL-MUSIK-PUBLIC-CARD-DETAIL-TABS-STATIC-HERO-CSS-ONLY-TABS-REPAIR-TRAIN-001
   CSS-ONLY Tab-System unter der stabilen Hero-/Titel-Zone:
   Übersicht / Lyrics / Downloads. Aktiver Tab tauscht via reinem CSS NUR den
   unteren Content-Bereich (Panel-Slot). KEINE JS-Abhaengigkeit (Portal-Shell
   druckt kein wp_footer). Selektoren matchen positionell (:nth-of-type) →
   funktioniert pro Karte ohne card-spezifisches CSS. Die Karte waechst NICHT
   nach unten: nur das aktive Panel ist sichtbar, lange Inhalte scrollen intern.
   ────────────────────────────────────────────────────────────────────────── */
.scl-music-card .scl-music-card-detail-tabsystem { display: block; margin-top: 0.35rem; }

/* Radio-Inputs: visuell versteckt, aber fokussierbar (Keyboard + Screenreader) */
.scl-music-card .scl-music-card-detail-tabinput {
	position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%);
	border: 0; white-space: nowrap;
}

/* Tab-Leiste (Segment-Control) */
.scl-music-card .scl-music-card-detail-tabs {
	display: flex; gap: 0.3rem; padding: 0.32rem; margin: 0 0 0.95rem;
	border-radius: 14px; background: rgba(0,0,0,0.30);
	border: 1px solid rgba(255,255,255,0.07);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.40);
}
.scl-music-card .scl-music-card-detail-tab {
	flex: 1 1 0; min-width: 0; display: flex; align-items: center; justify-content: center;
	min-height: 46px; padding: 0.5rem 0.45rem; border-radius: 10px; cursor: pointer;
	color: rgba(255,255,255,0.6); font-weight: 700; font-size: 0.88rem;
	letter-spacing: 0.01em; text-align: center;
	-webkit-user-select: none; user-select: none;
	transition: background 180ms ease, color 180ms ease, box-shadow 180ms ease, transform 120ms ease;
}
.scl-music-card .scl-music-card-detail-tab:hover { color: #fff; background: rgba(255,255,255,0.05); }
.scl-music-card .scl-music-card-detail-tab:active { transform: translateY(1px); }
.scl-music-card .scl-music-card-detail-tab-label { pointer-events: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Panel-Slot + Panels: nur das aktive Panel sichtbar (stabile Mindesthoehe) */
.scl-music-card .scl-music-card-detail-panel-slot { display: block; min-height: 132px; }
.scl-music-card .scl-music-card-detail-panel { display: none; }
.scl-music-card .scl-music-card-detail-panel--overview { padding: 0; }

/* CSS-ONLY: Radio N checked → Panel N sichtbar + Tab N aktiv (positionell) */
.scl-music-card .scl-music-card-detail-tabinput:nth-of-type(1):checked ~ .scl-music-card-detail-panel-slot > .scl-music-card-detail-panel:nth-of-type(1),
.scl-music-card .scl-music-card-detail-tabinput:nth-of-type(2):checked ~ .scl-music-card-detail-panel-slot > .scl-music-card-detail-panel:nth-of-type(2),
.scl-music-card .scl-music-card-detail-tabinput:nth-of-type(3):checked ~ .scl-music-card-detail-panel-slot > .scl-music-card-detail-panel:nth-of-type(3) {
	display: block; animation: scl-mc-panel-in 240ms ease both;
}
.scl-music-card .scl-music-card-detail-tabinput:nth-of-type(1):checked ~ .scl-music-card-detail-tabs > .scl-music-card-detail-tab:nth-of-type(1),
.scl-music-card .scl-music-card-detail-tabinput:nth-of-type(2):checked ~ .scl-music-card-detail-tabs > .scl-music-card-detail-tab:nth-of-type(2),
.scl-music-card .scl-music-card-detail-tabinput:nth-of-type(3):checked ~ .scl-music-card-detail-tabs > .scl-music-card-detail-tab:nth-of-type(3) {
	color: #fff;
	background: linear-gradient(180deg, rgba(255,126,179,0.24), rgba(140,92,255,0.18));
	box-shadow: inset 0 0 0 1px rgba(255,126,179,0.38), 0 6px 18px rgba(0,0,0,0.30), 0 0 16px rgba(255,126,179,0.14);
}
/* Keyboard-Fokus auf dem (versteckten) Radio hebt den zugehoerigen Tab hervor */
.scl-music-card .scl-music-card-detail-tabinput:nth-of-type(1):focus-visible ~ .scl-music-card-detail-tabs > .scl-music-card-detail-tab:nth-of-type(1),
.scl-music-card .scl-music-card-detail-tabinput:nth-of-type(2):focus-visible ~ .scl-music-card-detail-tabs > .scl-music-card-detail-tab:nth-of-type(2),
.scl-music-card .scl-music-card-detail-tabinput:nth-of-type(3):focus-visible ~ .scl-music-card-detail-tabs > .scl-music-card-detail-tab:nth-of-type(3) {
	outline: 2px solid #ff7eb3; outline-offset: 2px;
}
/* PATCH_081A: 4. Reiter — Position 4 existiert NUR, wenn ein eigener Story-Tab emittiert
   wird (Downloads rutscht dann auf Position 4). Ohne Story-Tab gibt es keine Position 4
   → unveraendertes 3-Tab-Verhalten. Positionell, identisch zur 1-3-Logik. */
.scl-music-card .scl-music-card-detail-tabinput:nth-of-type(4):checked ~ .scl-music-card-detail-panel-slot > .scl-music-card-detail-panel:nth-of-type(4) {
	display: block; animation: scl-mc-panel-in 240ms ease both;
}
.scl-music-card .scl-music-card-detail-tabinput:nth-of-type(4):checked ~ .scl-music-card-detail-tabs > .scl-music-card-detail-tab:nth-of-type(4) {
	color: #fff;
	background: linear-gradient(180deg, rgba(255,126,179,0.24), rgba(140,92,255,0.18));
	box-shadow: inset 0 0 0 1px rgba(255,126,179,0.38), 0 6px 18px rgba(0,0,0,0.30), 0 0 16px rgba(255,126,179,0.14);
}
.scl-music-card .scl-music-card-detail-tabinput:nth-of-type(4):focus-visible ~ .scl-music-card-detail-tabs > .scl-music-card-detail-tab:nth-of-type(4) {
	outline: 2px solid #ff7eb3; outline-offset: 2px;
}
@keyframes scl-mc-panel-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* ── Detail-Sektion (Lyrics/Downloads) als hochwertige App-Sektion ── */
.scl-music-card .scl-music-card-detail-section {
	border: 1px solid rgba(255,255,255,0.10); border-radius: 16px; overflow: hidden;
	background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.012));
	box-shadow: 0 8px 24px rgba(0,0,0,0.28);
}
.scl-music-card .scl-music-card-detail-section--lyrics,
.scl-music-card .scl-music-card-detail-section--songs {
	border-color: rgba(255,126,179,0.30);
	box-shadow: 0 10px 30px rgba(0,0,0,0.40), 0 0 24px rgba(255,126,179,0.08);
}
/* PATCH_081A: Story-Sektion (eigener 4. Reiter) — Akzent wie Lyrics, eigenständig. */
.scl-music-card .scl-music-card-detail-section--story {
	border-color: rgba(140,92,255,0.32);
	box-shadow: 0 10px 30px rgba(0,0,0,0.40), 0 0 24px rgba(140,92,255,0.10);
}
.scl-music-card .scl-music-card-detail-section-head {
	display: flex; align-items: center; gap: 0.7rem; padding: 0.9rem 1.05rem;
	border-bottom: 1px solid rgba(255,255,255,0.06);
}
.scl-music-card .scl-music-card-detail-section-icon {
	width: 32px; height: 32px; border-radius: 10px; flex: 0 0 auto;
	display: inline-flex; align-items: center; justify-content: center;
	background: linear-gradient(135deg, rgba(255,126,179,0.30), rgba(140,92,255,0.30));
	color: #ffd9e8; font-size: 1rem;
}
.scl-music-card .scl-music-card-detail-section-title { flex: 1 1 auto; font-weight: 700; font-size: 0.96rem; color: #fff; letter-spacing: 0.01em; }
.scl-music-card .scl-music-card-detail-section-badge {
	font-size: 0.66rem; font-weight: 700; letter-spacing: 0.04em; padding: 2px 9px; border-radius: 999px;
	background: rgba(255,255,255,0.10); color: rgba(255,255,255,0.8); flex: 0 0 auto;
}
.scl-music-card .scl-music-card-detail-section--lyrics .scl-music-card-detail-section-badge,
.scl-music-card .scl-music-card-detail-section--songs .scl-music-card-detail-section-badge { background: rgba(120,220,150,0.20); color: #c8f5d4; }
.scl-music-card .scl-music-card-detail-section-body { padding: 1.05rem; }

/* Songs-Liste (Albumkarte) + Song->Album-Ref (Songkarte) */
.scl-music-card .scl-music-card__songs-list { list-style: decimal inside; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.4rem; max-height: 22em; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.scl-music-card .scl-music-card__song-item { display: flex; flex-direction: column; gap: 0.1rem; padding: 0.55rem 0.7rem; border-radius: 10px; background: rgba(0,0,0,0.22); border: 1px solid rgba(255,255,255,0.05); }
.scl-music-card .scl-music-card__song-title, .scl-music-card .scl-music-card__song-link { font-weight: 700; font-size: 0.92rem; color: #fff; text-decoration: none; }
/* BUILD_005: Song-Link ist jetzt ein <button> (In-Shell-Nav, kein Spotify-Default). Button-Reset auf Link-Optik + sichtbarer Fokus. */
.scl-music-card button.scl-music-card__song-link { display: inline; margin: 0; padding: 0; border: 0; background: none; font: inherit; font-weight: 700; font-size: 0.92rem; color: #fff; text-align: left; cursor: pointer; }
.scl-music-card .scl-music-card__song-link:hover { color: #ffd9e8; text-decoration: underline; }
.scl-music-card button.scl-music-card__song-link:focus-visible { outline: 2px solid #ffd9e8; outline-offset: 2px; border-radius: 4px; }
.scl-music-card .scl-music-card__song-artist { font-size: 0.76rem; color: rgba(255,255,255,0.5); }
.scl-music-card .scl-music-card__album-ref { margin: 0.55rem 0 0; font-size: 0.82rem; padding: 0.5rem 0.75rem; border-radius: 10px; background: rgba(140,92,255,0.12); border: 1px solid rgba(140,92,255,0.28); color: #e8defb; }
.scl-music-card .scl-music-card__album-ref-label { font-weight: 700; color: #fff; }

/* Lyrics-Text — dunkles, scrollbares Innen-Panel (Karte waechst nicht nach unten) */
.scl-music-card .scl-music-card-detail-section--lyrics .scl-music-card__lyrics-text {
	font: 400 0.95rem/1.75 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
	white-space: pre-wrap; margin: 0; max-height: 22em; overflow-y: auto;
	padding: 1rem 1.1rem; border-radius: 12px;
	background: rgba(0,0,0,0.32); color: rgba(255,255,255,0.92);
	border: 1px solid rgba(255,255,255,0.05); -webkit-overflow-scrolling: touch;
}
.scl-music-card .scl-music-card__lyrics-source { margin-top: 0.6rem; font-size: 0.76rem; color: rgba(255,255,255,0.5); }

/* PATCH_081A: Story-Text — eigene scrollbare Inhaltsfläche (Karte waechst NICHT nach
   unten). Prosa (kein Monospace, kein pre-wrap), bounded max-height + internes Scrollen,
   getrennt von Lyrics. */
.scl-music-card .scl-music-card-detail-section--story .scl-music-card__story-text {
	font: 400 0.95rem/1.7 inherit;
	margin: 0; max-height: 22em; overflow-y: auto;
	padding: 1rem 1.1rem; border-radius: 12px;
	background: rgba(0,0,0,0.30); color: rgba(255,255,255,0.92);
	border: 1px solid rgba(255,255,255,0.05); -webkit-overflow-scrolling: touch;
}
.scl-music-card .scl-music-card__story-text p { margin: 0 0 0.8em; }
.scl-music-card .scl-music-card__story-text p:last-child { margin-bottom: 0; }
.scl-music-card .scl-music-card__story-text .scl-music-card__story-quote {
	margin: 0.9em 0 0; padding: 0.6rem 0.95rem; border-left: 3px solid rgba(255,126,179,0.55);
	background: rgba(255,126,179,0.08); border-radius: 0 10px 10px 0;
	font-style: italic; color: #ffd9e8;
}
/* Responsive Mobil-Cap: Lyrics UND Story scrollen innerhalb des Panels, Tab-Leiste
   bleibt sichtbar, keine doppelten Scrollbars, kein abgeschnittener Inhalt. */
@media ( max-width: 767px ) {
	.scl-music-card .scl-music-card-detail-section--lyrics .scl-music-card__lyrics-text,
	.scl-music-card .scl-music-card-detail-section--story .scl-music-card__story-text {
		max-height: 60vh;
	}
}
.scl-music-card .scl-music-card__admin-lyrics-hint {
	margin-top: 0.6rem; font-size: 0.8rem; padding: 0.6rem 0.85rem; border-radius: 10px;
	background: rgba(255,196,0,0.10); border: 1px solid rgba(255,196,0,0.28); color: #ffdf8a;
}

/* Empty-State IM Panel — hochwertig, zentriert */
.scl-music-card .scl-music-card-detail-section-body .scl-music-card__empty-state {
	display: flex; align-items: center; justify-content: center; text-align: center;
	min-height: 64px; padding: 1.1rem; border-radius: 12px;
	background: rgba(0,0,0,0.22); border: 1px dashed rgba(255,255,255,0.13);
	color: rgba(255,255,255,0.58); font-style: italic; font-size: 0.9rem;
}

/* Downloads-Liste: Datei-Rows mit Filetype-Badge */
.scl-music-card .scl-music-card__downloads-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.55rem; }
.scl-music-card .scl-music-card__download-item { margin: 0; }
.scl-music-card .scl-music-card__download-link {
	display: flex; align-items: center; gap: 0.75rem;
	padding: 0.6rem 0.75rem; border-radius: 12px;
	background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08);
	color: #fff; text-decoration: none;
	transition: background 160ms ease, transform 160ms ease, border-color 160ms ease;
}
.scl-music-card .scl-music-card__download-link:hover { background: rgba(255,255,255,0.10); transform: translateY(-1px); border-color: rgba(255,126,179,0.3); }
.scl-music-card .scl-music-card__download-filetype {
	width: 40px; height: 40px; border-radius: 10px; flex: 0 0 auto;
	display: inline-flex; align-items: center; justify-content: center;
	font-size: 0.6rem; font-weight: 800; letter-spacing: 0.03em;
	background: linear-gradient(135deg, #8c5cff, #ff7eb3); color: #fff;
}
.scl-music-card .scl-music-card__download-filetype--wav { background: linear-gradient(135deg, #00a8e1, #8c5cff); }
.scl-music-card .scl-music-card__download-meta { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; }
.scl-music-card .scl-music-card__download-name { font-weight: 700; font-size: 0.9rem; }
.scl-music-card .scl-music-card__download-type { font-size: 0.72rem; color: rgba(255,255,255,0.5); }
.scl-music-card .scl-music-card__download-dl { color: rgba(255,255,255,0.5); font-size: 1.05rem; flex: 0 0 auto; }

/* ── Desktop / Mobile ── */
@media (min-width: 768px) {
	.scl-music-card.scl-music-card--redesign { max-width: 500px; }
	.scl-music-card.scl-music-card--redesign .scl-music-card__cover-wrap { max-width: 340px; }
}
@media (prefers-reduced-motion: reduce) {
	.scl-music-card .scl-music-card-detail-tab,
	.scl-music-card.scl-music-card--redesign .scl-music-card__platform-link,
	.scl-music-card .scl-music-card__download-link { transition: none; }
	.scl-music-card .scl-music-card-detail-tabinput:checked ~ .scl-music-card-detail-panel-slot > .scl-music-card-detail-panel { animation: none; }
}

/* ==========================================================================
   SCL-MUSIK-PUBLIC-CARD-DETAIL-TABS-STATIC-HERO-CSS-ONLY-TABS-REPAIR-TRAIN-001
   TOP MINI-CAROUSEL + AKTIVE DETAILKARTE (CSS-only; JS nur Enhancement).
   Oben: horizontale Mini-Kacheln (Datum/Cover/Titel) mit nativem Swipe
   (scroll-snap) + sichtbarer Scrollbar als JS-freie Navigation. Pfeile sind
   Progressive-Enhancement (per hand-gedrucktem Inline-JS eingeblendet).
   Auswahl via Radio-Gruppe name=scl-mc-active: die :checked Kachel zeigt unten
   genau EINE grosse Detailkarte (positionell :nth-of-type, kein JS noetig).
   -------------------------------------------------------------------------- */
.scl-mc-carousel { display: block; margin: 0 0 1.4rem; }
.scl-mc-carousel__input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); border: 0; }
.scl-mc-carousel__heading { margin: 0 0 0.5rem; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.55); }
.scl-mc-carousel__bar { display: flex; align-items: stretch; gap: 0.4rem; }
.scl-mc-carousel__strip {
	display: flex; gap: 0.7rem; flex: 1 1 auto; min-width: 0;
	overflow-x: auto; -webkit-overflow-scrolling: touch;
	scroll-snap-type: x mandatory; scroll-behavior: smooth;
	padding: 0.3rem 0.2rem 0.7rem; scrollbar-width: thin;
	scrollbar-color: rgba(255,126,179,0.5) rgba(255,255,255,0.06);
}
.scl-mc-carousel__strip::-webkit-scrollbar { height: 8px; }
.scl-mc-carousel__strip::-webkit-scrollbar-thumb { background: rgba(255,126,179,0.45); border-radius: 999px; }
.scl-mc-carousel__strip::-webkit-scrollbar-track { background: rgba(255,255,255,0.05); border-radius: 999px; }
.scl-mc-carousel__mini {
	flex: 0 0 auto; width: 122px; scroll-snap-align: start; cursor: pointer; position: relative;
	display: flex; flex-direction: column; gap: 0.35rem; padding: 0.55rem; border-radius: 14px;
	background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.015));
	border: 1px solid rgba(255,255,255,0.08);
	transition: border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
	-webkit-user-select: none; user-select: none;
}
.scl-mc-carousel__mini:hover { transform: translateY(-2px); border-color: rgba(255,126,179,0.35); }
.scl-mc-carousel__mini-date { font-size: 0.64rem; font-weight: 700; letter-spacing: 0.03em; color: rgba(255,255,255,0.55); text-align: center; }
.scl-mc-carousel__mini-cover { width: 100%; aspect-ratio: 1/1; border-radius: 10px; object-fit: cover; background: rgba(0,0,0,0.35); display: block; box-shadow: 0 6px 16px rgba(0,0,0,0.4); }
.scl-mc-carousel__mini-title { font-size: 0.74rem; font-weight: 700; color: #fff; line-height: 1.2; text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.scl-mc-carousel__mini-badge { position: absolute; top: 8px; left: 8px; font-size: 0.56rem; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; padding: 2px 7px; border-radius: 999px; background: linear-gradient(135deg, #8c5cff, #ff7eb3); color: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.4); }
.scl-mc-carousel__arrow {
	flex: 0 0 auto; align-self: center; width: 38px; height: 38px; border-radius: 999px;
	display: inline-flex; align-items: center; justify-content: center;
	background: rgba(10,8,16,0.6); border: 1px solid rgba(255,255,255,0.18); color: #fff;
	font-size: 1.3rem; line-height: 1; cursor: pointer; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
	transition: background 160ms ease, transform 120ms ease;
}
.scl-mc-carousel__arrow:hover { background: rgba(255,126,179,0.25); }
.scl-mc-carousel__arrow:active { transform: scale(0.94); }
.scl-mc-carousel__arrow[hidden] { display: none; }
.scl-mc-carousel__stack { display: block; }
.scl-mc-carousel__detail { display: none; }
.scl-mc-carousel__detail > .scl-music-card { margin-left: auto; margin-right: auto; }
.scl-mc-carousel__input:nth-of-type(1):checked ~ .scl-mc-carousel__stack > .scl-mc-carousel__detail:nth-of-type(1) { display: block; }
.scl-mc-carousel__input:nth-of-type(2):checked ~ .scl-mc-carousel__stack > .scl-mc-carousel__detail:nth-of-type(2) { display: block; }
.scl-mc-carousel__input:nth-of-type(3):checked ~ .scl-mc-carousel__stack > .scl-mc-carousel__detail:nth-of-type(3) { display: block; }
.scl-mc-carousel__input:nth-of-type(4):checked ~ .scl-mc-carousel__stack > .scl-mc-carousel__detail:nth-of-type(4) { display: block; }
.scl-mc-carousel__input:nth-of-type(5):checked ~ .scl-mc-carousel__stack > .scl-mc-carousel__detail:nth-of-type(5) { display: block; }
.scl-mc-carousel__input:nth-of-type(6):checked ~ .scl-mc-carousel__stack > .scl-mc-carousel__detail:nth-of-type(6) { display: block; }
.scl-mc-carousel__input:nth-of-type(7):checked ~ .scl-mc-carousel__stack > .scl-mc-carousel__detail:nth-of-type(7) { display: block; }
.scl-mc-carousel__input:nth-of-type(8):checked ~ .scl-mc-carousel__stack > .scl-mc-carousel__detail:nth-of-type(8) { display: block; }
.scl-mc-carousel__input:nth-of-type(9):checked ~ .scl-mc-carousel__stack > .scl-mc-carousel__detail:nth-of-type(9) { display: block; }
.scl-mc-carousel__input:nth-of-type(10):checked ~ .scl-mc-carousel__stack > .scl-mc-carousel__detail:nth-of-type(10) { display: block; }
.scl-mc-carousel__input:nth-of-type(11):checked ~ .scl-mc-carousel__stack > .scl-mc-carousel__detail:nth-of-type(11) { display: block; }
.scl-mc-carousel__input:nth-of-type(12):checked ~ .scl-mc-carousel__stack > .scl-mc-carousel__detail:nth-of-type(12) { display: block; }
.scl-mc-carousel__input:nth-of-type(13):checked ~ .scl-mc-carousel__stack > .scl-mc-carousel__detail:nth-of-type(13) { display: block; }
.scl-mc-carousel__input:nth-of-type(14):checked ~ .scl-mc-carousel__stack > .scl-mc-carousel__detail:nth-of-type(14) { display: block; }
.scl-mc-carousel__input:nth-of-type(15):checked ~ .scl-mc-carousel__stack > .scl-mc-carousel__detail:nth-of-type(15) { display: block; }
.scl-mc-carousel__input:nth-of-type(16):checked ~ .scl-mc-carousel__stack > .scl-mc-carousel__detail:nth-of-type(16) { display: block; }
.scl-mc-carousel__input:nth-of-type(17):checked ~ .scl-mc-carousel__stack > .scl-mc-carousel__detail:nth-of-type(17) { display: block; }
.scl-mc-carousel__input:nth-of-type(18):checked ~ .scl-mc-carousel__stack > .scl-mc-carousel__detail:nth-of-type(18) { display: block; }
.scl-mc-carousel__input:nth-of-type(19):checked ~ .scl-mc-carousel__stack > .scl-mc-carousel__detail:nth-of-type(19) { display: block; }
.scl-mc-carousel__input:nth-of-type(20):checked ~ .scl-mc-carousel__stack > .scl-mc-carousel__detail:nth-of-type(20) { display: block; }
.scl-mc-carousel__input:nth-of-type(21):checked ~ .scl-mc-carousel__stack > .scl-mc-carousel__detail:nth-of-type(21) { display: block; }
.scl-mc-carousel__input:nth-of-type(22):checked ~ .scl-mc-carousel__stack > .scl-mc-carousel__detail:nth-of-type(22) { display: block; }
.scl-mc-carousel__input:nth-of-type(23):checked ~ .scl-mc-carousel__stack > .scl-mc-carousel__detail:nth-of-type(23) { display: block; }
.scl-mc-carousel__input:nth-of-type(24):checked ~ .scl-mc-carousel__stack > .scl-mc-carousel__detail:nth-of-type(24) { display: block; }
.scl-mc-carousel__input:nth-of-type(1):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(1) { border-color: rgba(255,126,179,0.7); box-shadow: 0 0 0 2px rgba(255,126,179,0.5), 0 8px 22px rgba(0,0,0,0.4); transform: translateY(-2px); }
.scl-mc-carousel__input:nth-of-type(2):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(2) { border-color: rgba(255,126,179,0.7); box-shadow: 0 0 0 2px rgba(255,126,179,0.5), 0 8px 22px rgba(0,0,0,0.4); transform: translateY(-2px); }
.scl-mc-carousel__input:nth-of-type(3):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(3) { border-color: rgba(255,126,179,0.7); box-shadow: 0 0 0 2px rgba(255,126,179,0.5), 0 8px 22px rgba(0,0,0,0.4); transform: translateY(-2px); }
.scl-mc-carousel__input:nth-of-type(4):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(4) { border-color: rgba(255,126,179,0.7); box-shadow: 0 0 0 2px rgba(255,126,179,0.5), 0 8px 22px rgba(0,0,0,0.4); transform: translateY(-2px); }
.scl-mc-carousel__input:nth-of-type(5):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(5) { border-color: rgba(255,126,179,0.7); box-shadow: 0 0 0 2px rgba(255,126,179,0.5), 0 8px 22px rgba(0,0,0,0.4); transform: translateY(-2px); }
.scl-mc-carousel__input:nth-of-type(6):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(6) { border-color: rgba(255,126,179,0.7); box-shadow: 0 0 0 2px rgba(255,126,179,0.5), 0 8px 22px rgba(0,0,0,0.4); transform: translateY(-2px); }
.scl-mc-carousel__input:nth-of-type(7):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(7) { border-color: rgba(255,126,179,0.7); box-shadow: 0 0 0 2px rgba(255,126,179,0.5), 0 8px 22px rgba(0,0,0,0.4); transform: translateY(-2px); }
.scl-mc-carousel__input:nth-of-type(8):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(8) { border-color: rgba(255,126,179,0.7); box-shadow: 0 0 0 2px rgba(255,126,179,0.5), 0 8px 22px rgba(0,0,0,0.4); transform: translateY(-2px); }
.scl-mc-carousel__input:nth-of-type(9):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(9) { border-color: rgba(255,126,179,0.7); box-shadow: 0 0 0 2px rgba(255,126,179,0.5), 0 8px 22px rgba(0,0,0,0.4); transform: translateY(-2px); }
.scl-mc-carousel__input:nth-of-type(10):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(10) { border-color: rgba(255,126,179,0.7); box-shadow: 0 0 0 2px rgba(255,126,179,0.5), 0 8px 22px rgba(0,0,0,0.4); transform: translateY(-2px); }
.scl-mc-carousel__input:nth-of-type(11):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(11) { border-color: rgba(255,126,179,0.7); box-shadow: 0 0 0 2px rgba(255,126,179,0.5), 0 8px 22px rgba(0,0,0,0.4); transform: translateY(-2px); }
.scl-mc-carousel__input:nth-of-type(12):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(12) { border-color: rgba(255,126,179,0.7); box-shadow: 0 0 0 2px rgba(255,126,179,0.5), 0 8px 22px rgba(0,0,0,0.4); transform: translateY(-2px); }
.scl-mc-carousel__input:nth-of-type(13):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(13) { border-color: rgba(255,126,179,0.7); box-shadow: 0 0 0 2px rgba(255,126,179,0.5), 0 8px 22px rgba(0,0,0,0.4); transform: translateY(-2px); }
.scl-mc-carousel__input:nth-of-type(14):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(14) { border-color: rgba(255,126,179,0.7); box-shadow: 0 0 0 2px rgba(255,126,179,0.5), 0 8px 22px rgba(0,0,0,0.4); transform: translateY(-2px); }
.scl-mc-carousel__input:nth-of-type(15):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(15) { border-color: rgba(255,126,179,0.7); box-shadow: 0 0 0 2px rgba(255,126,179,0.5), 0 8px 22px rgba(0,0,0,0.4); transform: translateY(-2px); }
.scl-mc-carousel__input:nth-of-type(16):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(16) { border-color: rgba(255,126,179,0.7); box-shadow: 0 0 0 2px rgba(255,126,179,0.5), 0 8px 22px rgba(0,0,0,0.4); transform: translateY(-2px); }
.scl-mc-carousel__input:nth-of-type(17):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(17) { border-color: rgba(255,126,179,0.7); box-shadow: 0 0 0 2px rgba(255,126,179,0.5), 0 8px 22px rgba(0,0,0,0.4); transform: translateY(-2px); }
.scl-mc-carousel__input:nth-of-type(18):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(18) { border-color: rgba(255,126,179,0.7); box-shadow: 0 0 0 2px rgba(255,126,179,0.5), 0 8px 22px rgba(0,0,0,0.4); transform: translateY(-2px); }
.scl-mc-carousel__input:nth-of-type(19):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(19) { border-color: rgba(255,126,179,0.7); box-shadow: 0 0 0 2px rgba(255,126,179,0.5), 0 8px 22px rgba(0,0,0,0.4); transform: translateY(-2px); }
.scl-mc-carousel__input:nth-of-type(20):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(20) { border-color: rgba(255,126,179,0.7); box-shadow: 0 0 0 2px rgba(255,126,179,0.5), 0 8px 22px rgba(0,0,0,0.4); transform: translateY(-2px); }
.scl-mc-carousel__input:nth-of-type(21):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(21) { border-color: rgba(255,126,179,0.7); box-shadow: 0 0 0 2px rgba(255,126,179,0.5), 0 8px 22px rgba(0,0,0,0.4); transform: translateY(-2px); }
.scl-mc-carousel__input:nth-of-type(22):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(22) { border-color: rgba(255,126,179,0.7); box-shadow: 0 0 0 2px rgba(255,126,179,0.5), 0 8px 22px rgba(0,0,0,0.4); transform: translateY(-2px); }
.scl-mc-carousel__input:nth-of-type(23):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(23) { border-color: rgba(255,126,179,0.7); box-shadow: 0 0 0 2px rgba(255,126,179,0.5), 0 8px 22px rgba(0,0,0,0.4); transform: translateY(-2px); }
.scl-mc-carousel__input:nth-of-type(24):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(24) { border-color: rgba(255,126,179,0.7); box-shadow: 0 0 0 2px rgba(255,126,179,0.5), 0 8px 22px rgba(0,0,0,0.4); transform: translateY(-2px); }
@media (prefers-reduced-motion: reduce) {
	.scl-mc-carousel__strip { scroll-behavior: auto; }
	.scl-mc-carousel__mini, .scl-mc-carousel__arrow { transition: none; }
}
@media (min-width: 768px) {
	.scl-mc-carousel { max-width: 760px; margin-left: auto; margin-right: auto; }
	.scl-mc-carousel__mini { width: 132px; }
}
/* ==========================================================================
   SCL-MUSIK-PUBLIC-CARD-DETAIL-TABS-FINAL-INTERACTION-POLISH-BEFORE-DEPLOY-TRAIN-001
   Admin-Zahnrad IN die Karte (Cover/Hero oben rechts, Glass) · grosse Detailkarte
   mit Prev/Next-Pfeilen (CSS-only, synchron mit Mini-Carousel) · Mini-Carousel-
   Politur · Karte minimal transparent (backdrop-filter).
   -------------------------------------------------------------------------- */
/* Karte zentrieren (gilt mit + ohne Gear-Host als Elternknoten) */
.scl-music-card.scl-music-card--redesign { margin-left: auto; margin-right: auto; }
/* optional: minimal frosted (5% Hintergrund scheint durch, alpha bleibt 0.95) */
.scl-music-card.scl-music-card--redesign { -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }

/* ── Admin-Zahnrad IN der Karte (oben rechts im Cover-/Hero-Bereich) ──
   Der Gear-Host wird auf Kartenbreite begrenzt + zentriert, damit das (absolut
   positionierte) Zahnrad an der KARTEN-Ecke sitzt statt rechts ausserhalb der
   zentrierten Karte. Self-gated: render() liefert  fuer Gaeste -> 0 Leak. */
.scl-music-card-redesign-public .scl-mc-gear-host { position: relative; width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; }
.scl-music-card-redesign-public .scl-mc-admin-gear { top: 14px; right: 14px; z-index: 7; }
.scl-music-card-redesign-public .scl-mc-admin-gear__btn {
	width: 34px; height: 34px; line-height: 34px; border-radius: 999px;
	background: rgba(10,8,16,0.55); color: #fff; font-size: 15px;
	-webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px);
	border: 1px solid rgba(255,255,255,0.22);
	box-shadow: 0 6px 18px rgba(0,0,0,0.45);
	transition: background 160ms ease, transform 200ms ease, box-shadow 160ms ease;
}
.scl-music-card-redesign-public .scl-mc-admin-gear__btn:hover { background: rgba(255,126,179,0.30); transform: rotate(35deg); box-shadow: 0 8px 22px rgba(0,0,0,0.5); }
.scl-music-card-redesign-public .scl-mc-admin-gear__menu { background: rgba(20,15,28,0.97); border: 1px solid rgba(255,255,255,0.10); }

/* ── Grosse Detailkarte: Prev/Next-Pfeile (CSS-only, synchron) ── */
/* RESPONSIVE-INSIDE-ARROWS-FIX-001: Detail = stabiler KARTEN-BREITER Container
   (zentriert, max 500px). Karte + Gear-Host fuellen ihn → der Detail-Container
   IST die Karten-/Hero-Zone und schrumpft responsiv MIT der Karte. Die Pfeile
   werden per clamp() relativ zu diesem lokalen Container gesetzt (kein fixer
   prozentualer Viewport-Offset mehr) → bleiben bei jeder Breite innen. */
.scl-mc-carousel__detail { position: relative; width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; }
.scl-mc-carousel__detail .scl-music-card.scl-music-card--redesign { max-width: 100%; }
/* FIX-001: vertikaler Anker FIX statt 46% der dynamischen Kartenhoehe.
   Die Cover-/Hero-Zone liegt bei ALLEN Karten konstant ~197px unter dem Karten-
   /Detail-Top (Cover-Groesse fix); Beschreibung/Panel/Tab darunter aendern die
   Pfeilhoehe damit NICHT mehr. Verankert an der stabilen Hero-/Cover-Zone. */
.scl-mc-carousel__cardnav {
	position: absolute; top: 196px; transform: translateY(-50%); z-index: 6;
	width: 46px; height: 46px; border-radius: 999px; cursor: pointer;
	display: inline-flex; align-items: center; justify-content: center;
	background: rgba(10,8,16,0.58); color: #fff; font-size: 1.7rem; line-height: 1;
	-webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px);
	border: 1px solid rgba(255,255,255,0.20);
	box-shadow: 0 8px 22px rgba(0,0,0,0.45);
	-webkit-user-select: none; user-select: none;
	transition: background 160ms ease, transform 120ms ease, box-shadow 160ms ease;
}
.scl-mc-carousel__cardnav:hover { background: rgba(255,126,179,0.30); box-shadow: 0 10px 26px rgba(0,0,0,0.5); }
.scl-mc-carousel__cardnav:active { transform: translateY(-50%) scale(0.92); }
/* RESPONSIVE-INSIDE-ARROWS-FIX-001: clamp() relativ zum karten-breiten Detail-
   Container (oben constrained) — responsiv INNEN bei Desktop/Tablet/schmal/Mobile,
   ohne fixen Viewport-Offset. Vertikal stabil auf der Cover-/Hero-Zone (top:196px). */
.scl-mc-carousel__cardnav--prev { left: clamp(8px, 2.2vw, 18px); }
.scl-mc-carousel__cardnav--next { right: clamp(8px, 2.2vw, 18px); }

/* ── Mini-Carousel-Politur: staerkerer Active-State, dezentere Pfeile ── */
.scl-mc-carousel__mini { transition: border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease, background 160ms ease; }
.scl-mc-carousel__arrow {
	width: 34px; height: 34px; font-size: 1.15rem;
	background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12);
	color: rgba(255,255,255,0.85); box-shadow: none;
}
.scl-mc-carousel__arrow:hover { background: rgba(255,126,179,0.20); color: #fff; }.scl-mc-carousel__input:nth-of-type(1):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(1) { background: linear-gradient(180deg, rgba(255,126,179,0.16), rgba(140,92,255,0.10)); }
.scl-mc-carousel__input:nth-of-type(2):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(2) { background: linear-gradient(180deg, rgba(255,126,179,0.16), rgba(140,92,255,0.10)); }
.scl-mc-carousel__input:nth-of-type(3):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(3) { background: linear-gradient(180deg, rgba(255,126,179,0.16), rgba(140,92,255,0.10)); }
.scl-mc-carousel__input:nth-of-type(4):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(4) { background: linear-gradient(180deg, rgba(255,126,179,0.16), rgba(140,92,255,0.10)); }
.scl-mc-carousel__input:nth-of-type(5):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(5) { background: linear-gradient(180deg, rgba(255,126,179,0.16), rgba(140,92,255,0.10)); }
.scl-mc-carousel__input:nth-of-type(6):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(6) { background: linear-gradient(180deg, rgba(255,126,179,0.16), rgba(140,92,255,0.10)); }
.scl-mc-carousel__input:nth-of-type(7):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(7) { background: linear-gradient(180deg, rgba(255,126,179,0.16), rgba(140,92,255,0.10)); }
.scl-mc-carousel__input:nth-of-type(8):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(8) { background: linear-gradient(180deg, rgba(255,126,179,0.16), rgba(140,92,255,0.10)); }
.scl-mc-carousel__input:nth-of-type(9):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(9) { background: linear-gradient(180deg, rgba(255,126,179,0.16), rgba(140,92,255,0.10)); }
.scl-mc-carousel__input:nth-of-type(10):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(10) { background: linear-gradient(180deg, rgba(255,126,179,0.16), rgba(140,92,255,0.10)); }
.scl-mc-carousel__input:nth-of-type(11):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(11) { background: linear-gradient(180deg, rgba(255,126,179,0.16), rgba(140,92,255,0.10)); }
.scl-mc-carousel__input:nth-of-type(12):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(12) { background: linear-gradient(180deg, rgba(255,126,179,0.16), rgba(140,92,255,0.10)); }
.scl-mc-carousel__input:nth-of-type(13):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(13) { background: linear-gradient(180deg, rgba(255,126,179,0.16), rgba(140,92,255,0.10)); }
.scl-mc-carousel__input:nth-of-type(14):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(14) { background: linear-gradient(180deg, rgba(255,126,179,0.16), rgba(140,92,255,0.10)); }
.scl-mc-carousel__input:nth-of-type(15):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(15) { background: linear-gradient(180deg, rgba(255,126,179,0.16), rgba(140,92,255,0.10)); }
.scl-mc-carousel__input:nth-of-type(16):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(16) { background: linear-gradient(180deg, rgba(255,126,179,0.16), rgba(140,92,255,0.10)); }
.scl-mc-carousel__input:nth-of-type(17):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(17) { background: linear-gradient(180deg, rgba(255,126,179,0.16), rgba(140,92,255,0.10)); }
.scl-mc-carousel__input:nth-of-type(18):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(18) { background: linear-gradient(180deg, rgba(255,126,179,0.16), rgba(140,92,255,0.10)); }
.scl-mc-carousel__input:nth-of-type(19):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(19) { background: linear-gradient(180deg, rgba(255,126,179,0.16), rgba(140,92,255,0.10)); }
.scl-mc-carousel__input:nth-of-type(20):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(20) { background: linear-gradient(180deg, rgba(255,126,179,0.16), rgba(140,92,255,0.10)); }
.scl-mc-carousel__input:nth-of-type(21):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(21) { background: linear-gradient(180deg, rgba(255,126,179,0.16), rgba(140,92,255,0.10)); }
.scl-mc-carousel__input:nth-of-type(22):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(22) { background: linear-gradient(180deg, rgba(255,126,179,0.16), rgba(140,92,255,0.10)); }
.scl-mc-carousel__input:nth-of-type(23):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(23) { background: linear-gradient(180deg, rgba(255,126,179,0.16), rgba(140,92,255,0.10)); }
.scl-mc-carousel__input:nth-of-type(24):checked ~ .scl-mc-carousel__bar .scl-mc-carousel__strip > .scl-mc-carousel__mini:nth-of-type(24) { background: linear-gradient(180deg, rgba(255,126,179,0.16), rgba(140,92,255,0.10)); }
@media (max-width: 767px) {
	.scl-mc-carousel__cardnav { width: 38px; height: 38px; font-size: 1.4rem; top: 150px; }
	/* RESPONSIVE-FIX-001: clamp() greift bei allen Breiten — kein eigener
	   Mobile-Offset mehr noetig (Pfeile bleiben innen am karten-breiten Container). */
	.scl-music-card-redesign-public .scl-mc-gear-host { max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
	.scl-mc-carousel__cardnav, .scl-music-card-redesign-public .scl-mc-admin-gear__btn { transition: none; }
}
/* ==========================================================================
   SCL-MUSIK-PUBLIC-CARD-DETAIL-TABS-FINAL-VISUAL-CONSISTENCY-POLISH-FIX-001
   Übersicht-Panel nutzt dieselbe Panel-Shell (Section + Icon-Header) wie
   Lyrics/Downloads. Plattform-Buttons sitzen IN der Section-Body. Die
   redundante interne Plattform-Ueberschrift entfaellt (Section-Header
   liefert sie bereits). Release-Datum nur noch im gruenen Badge.
   -------------------------------------------------------------------------- */
/* Übersicht-Section = geteilte Shell; Plattform-Block ohne Doppel-Padding/Border */
.scl-music-card .scl-music-card-detail-section--overview .scl-music-card__overview { padding: 0; margin: 0; border: 0; background: none; box-shadow: none; }
/* Section-Header liefert die Ueberschrift -> interne Plattform-Ueberschrift verbergen */
.scl-music-card .scl-music-card-detail-section--overview .scl-music-card__platforms-heading { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); }
/* Übersicht-Section optisch wie Downloads (Basis-Shell), Glow konsistent */
.scl-music-card .scl-music-card-detail-section--overview { border-color: rgba(140,92,255,0.26); box-shadow: 0 10px 30px rgba(0,0,0,0.40), 0 0 24px rgba(140,92,255,0.08); }
.scl-music-card .scl-music-card-detail-section--overview .scl-music-card-detail-section-icon { background: linear-gradient(135deg, rgba(140,92,255,0.34), rgba(0,200,255,0.24)); }

/* gruenes Release-Badge traegt jetzt das Datum (Pill bleibt gruen/hochwertig) */
.scl-music-card .scl-music-card__badge-date { font-variant-numeric: tabular-nums; }