.sr-track-editorial-context {
	grid-template-columns: minmax(0,1fr) 240px;
	align-items: start;
	gap: clamp(22px,4vw,52px);
	margin: 24px 0;
	padding: clamp(22px,4vw,42px);
	background: radial-gradient(circle at 95% 8%,rgba(229,9,32,.16),transparent 28%),linear-gradient(145deg,#1c1f25,#101216);
}
.sr-track-context-copy h2 { margin: 4px 0 18px; font: clamp(34px,5vw,56px)/.95 Impact,sans-serif; text-transform: uppercase; }
.sr-track-context-copy .sr-prose { color: #d0d4db; font-size: 15px; line-height: 1.8; }
.sr-track-context-copy .sr-prose p:first-child { margin-top: 0; }
.sr-track-context-copy .sr-prose p:last-child { margin-bottom: 0; }
.sr-track-editorial-context .track-credits { grid-template-columns: 110px minmax(0,1fr); }
.sr-track-editorial-context .track-credits dd { line-height: 1.65; }
.sr-editor-score { position: sticky; top: 120px; }
.sr-editor-score > div { display: grid; padding: 24px; color: #fff; background: linear-gradient(145deg,var(--sr-red),#79000e); border-radius: 16px; box-shadow: 0 18px 38px rgba(0,0,0,.28); }
.sr-editor-score small { color: #ffd8dd; font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.sr-editor-score strong { display: flex; align-items: end; gap: 6px; margin: 10px 0 6px; color: var(--sr-lime); font: clamp(58px,7vw,82px)/.8 Impact,sans-serif; }
.sr-editor-score strong span { padding-bottom: 6px; color: #fff; font: 900 16px/1 Inter,sans-serif; }
.sr-editor-score b { font-size: 11px; text-transform: uppercase; }
.sr-track-editorial-context blockquote { grid-column: 1/-1; margin-top: 0; }
@media (max-width: 760px) {
	.sr-track-editorial-context { grid-template-columns: 1fr; }
	.sr-editor-score { position: static; }
	.sr-editor-score > div { grid-template-columns: minmax(0,1fr) auto; align-items: center; }
	.sr-editor-score small,.sr-editor-score b { grid-column: 1; }
	.sr-editor-score strong { grid-column: 2; grid-row: 1/3; margin: 0; }
}
@media (max-width: 480px) {
	.sr-track-editorial-context .track-credits { grid-template-columns: 1fr; gap: 3px; }
	.sr-track-editorial-context .track-credits dd + dt { margin-top: 12px; }
	.sr-editor-score > div { display: grid; grid-template-columns: 1fr; }
	.sr-editor-score strong { grid-column: 1; grid-row: auto; margin: 12px 0 7px; }
}

/* Publieksgericht trackprofiel: releasecontext in plaats van importadministratie. */
.sr-track-profile { padding: 0; overflow: hidden; background: linear-gradient(150deg,#1d2128,#111318); border-color: rgba(201,255,47,.2); }
.sr-track-profile>header { padding: 22px 22px 18px; background: radial-gradient(circle at 95% 0,rgba(201,255,47,.12),transparent 34%); border-bottom: 1px solid rgba(255,255,255,.08); }
.sr-track-profile>header h2 { margin-bottom: 8px; }
.sr-track-profile>header>p:last-child { margin: 0; color: #aab0ba; font-size: 11px; line-height: 1.55; }
.sr-track-profile dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; padding: 5px 22px 14px; }
.sr-track-profile dl>div { min-width: 0; padding: 14px 10px 14px 0; border-bottom: 1px solid rgba(255,255,255,.07); }
.sr-track-profile dl>div:nth-child(odd) { margin-right: 14px; }
.sr-track-profile dt,.sr-track-profile dd { padding: 0; border: 0; }
.sr-track-profile dt { margin-bottom: 5px; color: #8f96a2; font-size: 9px; letter-spacing: .065em; }
.sr-track-profile dd { overflow-wrap: anywhere; color: #f4f6f8; font-size: 13px; line-height: 1.45; }
.sr-track-profile dd a { font-weight: 800; text-decoration: none; }
.sr-track-profile dd a:hover { text-decoration: underline; text-underline-offset: 3px; }
.sr-track-video-context { margin: 0 22px 16px; padding: 16px; background: rgba(229,9,32,.11); border: 1px solid rgba(229,9,32,.25); border-radius: 11px; }
.sr-track-video-context small { color: var(--sr-lime); font-size: 9px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.sr-track-video-context p { margin: 7px 0 10px; color: #d1d5dc; font-size: 12px; line-height: 1.65; }
.sr-track-video-context a { color: #fff; font-size: 10px; font-weight: 900; text-decoration: none; }
.sr-track-full-credits { margin: 0 22px 22px; background: #101216; border: 1px solid rgba(255,255,255,.1); border-radius: 11px; }
.sr-track-full-credits summary { padding: 14px 16px; color: var(--sr-lime); font-size: 10px; font-weight: 900; text-transform: uppercase; cursor: pointer; }
.sr-track-full-credits>div { padding: 0 16px 16px; color: #d5d8df; font-size: 12px; line-height: 1.7; }
@media (max-width: 520px) {
	.sr-track-profile dl { grid-template-columns: 1fr; }
	.sr-track-profile dl>div:nth-child(odd) { margin-right: 0; }
}