/* Straat Recordz modern responsive design layer. */
:root {
  --sr-red: #e50920;
  --sr-red-dark: #a90012;
  --sr-lime: #c9ff2f;
  --sr-bg: #090a0d;
  --sr-surface: #14161b;
  --sr-surface-2: #1c1f26;
  --sr-card: #fff;
  --sr-text: #f7f8fa;
  --sr-ink: #15171b;
  --sr-muted: #9da3ad;
  --sr-border: rgba(255,255,255,.1);
  --sr-radius: 18px;
  --sr-shadow: 0 18px 48px rgba(0,0,0,.32);
  --sr-content: 1440px;
}

html { scroll-padding-top: 110px; }
body { color: var(--sr-text); background: radial-gradient(circle at 50% -20%, #5d0712 0, #18090d 32%, var(--sr-bg) 66%); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body::before { content: ""; position: fixed; inset: 0; z-index: -1; opacity: .2; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 40px 40px; }
.site-shell { width: min(var(--sr-content), 100%); margin: 0 auto; overflow: visible; background: transparent; border: 0; box-shadow: none; }
.sr-icon { width: 1em; height: 1em; flex: 0 0 auto; }
.skip-link { border-radius: 10px; }

/* Header and managed WordPress navigation. */
.site-header { position: sticky; top: 0; z-index: 50; min-height: 96px; padding: 0 clamp(18px,4vw,54px); gap: 30px; overflow: visible; background: rgba(9,10,13,.9); border: 1px solid var(--sr-border); border-top: 3px solid var(--sr-red); border-radius: 0 0 22px 22px; box-shadow: 0 14px 40px rgba(0,0,0,.28); backdrop-filter: blur(18px); }
.admin-bar .site-header { top: 32px; }
.header-stripes { right: 0; width: min(56vw,700px); height: 100%; opacity: .14; object-fit: cover; }
.brand { flex: 0 1 430px; width: 430px; height: 90px; }
.brand-speakers { left: 0; top: 2px; width: 78px; height: 87px; }
.brand-logo { left: 88px; top: 24px; width: 335px; height: auto; }
.brand-edition { left: 334px; top: 62px; width: 77px; height: auto; }
.main-nav { gap: 8px; }
.main-nav .menu-item a, .main-nav > a { min-width: 0; padding: 11px 17px; color: #e7e9ed; border: 1px solid transparent; border-radius: 999px; background: transparent; box-shadow: none; font: 800 14px/1 ui-sans-serif, system-ui, sans-serif; letter-spacing: .08em; }
.main-nav .menu-item a:hover, .main-nav > a:hover { color: #fff; border-color: rgba(229,9,32,.45); background: rgba(229,9,32,.12); transform: none; }
.main-nav .current-menu-item > a, .main-nav .current_page_item > a, .main-nav > a.active { color: #fff; border-color: var(--sr-red); background: var(--sr-red); box-shadow: 0 8px 22px rgba(229,9,32,.28); }

/* Homepage composition. */
.content-grid { display: grid; grid-template-columns: minmax(230px, .78fr) minmax(520px, 2fr) minmax(270px, .92fr); grid-template-areas: "news stories charts" "mixtapes videos tracks"; gap: 18px; padding: 22px 18px 28px; }
.panel { min-height: 0; border: 1px solid var(--sr-border); border-radius: var(--sr-radius); box-shadow: var(--sr-shadow); overflow: hidden; }
.panel::after { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; box-shadow: inset 0 1px rgba(255,255,255,.08); }
.panel h1, .panel h2 { display: flex; align-items: center; gap: 10px; margin: 0 0 20px; font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-weight: 400; letter-spacing: .035em; text-transform: uppercase; }
.panel h1 .sr-icon, .panel h2 .sr-icon, .chart-heading > .sr-icon { padding: .18em; color: #fff; background: var(--sr-red); border-radius: .3em; }
.panel h1 small, .panel h2 small { margin-left: 5px; color: var(--sr-lime); font: 800 .38em/1 ui-sans-serif, system-ui, sans-serif; letter-spacing: .12em; }

.latest-news { grid-area: news; padding: 22px 20px 116px; background: linear-gradient(155deg,#f7f7f8,#dfe2e6); border: 0; color: var(--sr-ink); overflow: hidden; }
.latest-news h2, .mixtapes h2, .latest-tracks h2 { margin-left: 0; color: var(--sr-ink); font-size: 31px; }
.latest-news h2 small, .mixtapes h2 small, .latest-tracks h2 small { color: var(--sr-red); }
.ticker-list { gap: 1px; }
.ticker-list a { position: relative; padding: 7px 0 7px 20px; color: #343840; font-size: 11px; font-weight: 700; line-height: 1.22; border-bottom: 1px solid rgba(0,0,0,.08); }
.ticker-list a::before { content: ""; position: absolute; top: 11px; left: 2px; width: 8px; height: 8px; background: var(--sr-red); border-radius: 2px; transform: rotate(45deg); }
.ticker-list a b { color: var(--sr-red); }
.ticker-list a:hover { color: var(--sr-red); text-decoration: none; }
.dx-news-list { display: grid; gap: 10px; }
.dx-news-card { padding: 12px; background: rgba(255,255,255,.76); border: 1px solid rgba(20,22,27,.1); border-radius: 12px; box-shadow: 0 8px 18px rgba(20,22,27,.07); }
.dx-news-card h3 { margin: 5px 0 7px; font-size: 13px; line-height: 1.25; }
.dx-news-card h3 a { color: var(--sr-ink); text-decoration: none; }
.dx-news-card h3 a:hover { color: var(--sr-red); }
.dx-news-card > p:not(.dx-news-meta) { margin: 0 0 8px; color: #575c65; font-size: 10.5px; line-height: 1.45; }
.dx-news-meta { display: flex; justify-content: space-between; gap: 8px; margin: 0; color: #777d86; font-size: 8.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.dx-news-meta b { color: var(--sr-red); }
.dx-read-more { display: inline-flex; align-items: center; gap: 5px; color: var(--sr-red-dark); font-size: 9px; font-weight: 900; text-decoration: none; }
.dx-read-more .sr-icon { width: 12px; height: 12px; }
.sponsor { margin-top: 14px; color: #70747b; }
.sponsor strong { color: #fff; background: #17191e; border: 0; border-radius: 5px; }
.decor-model-one { right: -5px; bottom: -8px; width: 160px; filter: drop-shadow(-10px 10px 12px rgba(0,0,0,.2)); }

.stories { grid-area: stories; padding: 24px 26px; background: radial-gradient(circle at 80% 10%, rgba(255,255,255,.11), transparent 30%), linear-gradient(145deg,#ef1529,#a70013 75%); }
.stories::before, .videos::before { opacity: .08; }
.stories h1 { font-size: 35px; }
.lead-story { grid-template-columns: minmax(180px, 40%) minmax(0,1fr); gap: 18px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,.16); }
.lead-story img, .story-placeholder { width: 100%; height: 142px; border: 0; border-radius: 12px; box-shadow: 0 12px 28px rgba(0,0,0,.24); }
.lead-story h3 { margin: 0 0 7px; font-size: clamp(18px,2vw,24px); }
.lead-story p { font-size: 12px; line-height: 1.45; }
.lead-story .story-meta { color: rgba(255,255,255,.72); font-size: 10px !important; }
.lead-story .read-more { display: inline-flex; align-items: center; margin-top: 4px; color: var(--sr-lime); font-size: 11px; text-decoration: none; }
.lead-story .read-more::after { content: "→"; margin-left: 6px; }
.latest-story-label { display:inline-flex;margin-bottom:7px;padding:4px 7px;color:#fff;background:var(--sr-red);border-radius:5px;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase; }
.lead-story.is-latest-story { padding:12px;margin-left:-12px;margin-right:-12px;background:rgba(229,9,32,.08);border:1px solid rgba(229,9,32,.25);border-radius:14px; }
.story-links { gap: 22px; margin: 0; }
.story-links a { position: relative; padding: 6px 0 6px 17px; font-size: 11px; border-bottom: 1px solid rgba(255,255,255,.11); }
.story-links a::before { content: "›"; position: absolute; left: 2px; color: var(--sr-lime); font-size: 18px; line-height: 12px; }
.more-news-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:4px 0 8px; }.stories .more-news-heading h2 { margin:0; color:#fff; font:800 13px/1 ui-sans-serif,system-ui,sans-serif; letter-spacing:.1em; text-transform:uppercase; }.more-news-heading>a { display:inline-flex;align-items:center;gap:6px;padding:8px 11px;color:#15171b;background:var(--sr-lime);border-radius:999px;font-size:10px;font-weight:900;text-decoration:none;white-space:nowrap; }.more-news-heading .sr-icon { width:14px;height:14px; }.more-news-heading>a:hover { background:#fff; }

.charts { grid-area: charts; padding: 22px 0 0; color: var(--sr-text); background: linear-gradient(155deg,#22252c,#101216); }
.chart-heading { gap: 10px; padding: 0 18px; }
.chart-heading > .sr-icon { width: 55px; height: 55px; }
.chart-heading h2 { margin: 0; color: #fff; font-size: 35px; }
.chart-list li, .chart-list li:nth-child(even) { min-height: 39px; color: #e8e9ec; background: transparent; border-bottom: 1px solid var(--sr-border); }
.chart-list li:hover { background: rgba(229,9,32,.12); }
.chart-list li::before { flex-basis: 42px; padding-top: 8px; color: var(--sr-red); font-size: 15px; }
.chart-list button { padding: 7px 12px 7px 7px; font-size: 12px; }
.chart-list button i { background: var(--sr-red); box-shadow: none; }
.chart-track-link { flex: 1; display: grid; grid-template-columns: minmax(0,1fr) auto 22px; align-items: center; gap: 8px; min-width: 0; padding: 7px 12px 7px 7px; color: inherit; font-size: 12px; font-weight: 800; text-decoration: none; }
.chart-track-link span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.chart-track-link small { color: var(--sr-muted); font-size: 9px; font-weight: 600; }
.chart-track-link i { display: grid; place-items: center; width: 20px; height: 20px; color: #fff; background: var(--sr-red); border-radius: 50%; font-size: 9px; font-style: normal; }

.mixtapes { grid-area: mixtapes; padding: 24px 20px 90px; background: linear-gradient(155deg,#f7f7f8,#d8dce1); border: 0; overflow: hidden; }
.cover-grid { grid-template-columns: repeat(2,minmax(80px,1fr)); gap: 16px; margin: 8px 0 0; }
.cover-grid a { overflow: hidden; border-radius: 12px; box-shadow: 0 10px 24px rgba(0,0,0,.18); }
.cover-grid img, .cover-placeholder { width: 100%; height: auto; aspect-ratio: 1; border: 0; }
.cover-grid a:hover img { transform: scale(1.06); }
.decor-model-two { right: -25px; width: 115px; }

.videos { grid-area: videos; padding: 24px 26px; background: radial-gradient(circle at 75% 110%,rgba(0,0,0,.35),transparent 44%), linear-gradient(145deg,#d90e23,#8c0010); }
.videos h2 { margin-bottom: 22px; font-size: 34px; }
.videos h2 small { color: var(--sr-lime); }
.video-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px 14px; }
.video-grid .video-item { position: relative; padding: 8px; background: rgba(0,0,0,.18); border: 1px solid rgba(255,255,255,.12); border-radius: 13px; transition: transform .18s ease, background .18s ease; }
.video-grid .video-item:hover { background: rgba(0,0,0,.3); transform: translateY(-4px); }
.video-grid img { aspect-ratio: 16/10; border: 0; border-radius: 8px; box-shadow: none; }
.video-grid strong { margin-top: 8px; font-size: 12px; }
.video-grid span { margin-top: 2px; color: rgba(255,255,255,.65); font-size: 10px; }
.ad-banner { width: min(730px,100%); margin-top: 28px; overflow: hidden; border: 1px solid rgba(255,255,255,.35); border-radius: 12px; }
.ad-banner img { height: auto; aspect-ratio: 8/1; }
.discover-all-videos { display: flex; align-items: center; justify-content: center; gap: 8px; width: fit-content; margin: 22px auto 0; padding: 11px 17px; color: #15171b; background: var(--sr-lime); border-radius: 999px; font-size: 12px; font-weight: 900; text-decoration: none; box-shadow: 0 12px 26px rgba(0,0,0,.2); }
.discover-all-videos .sr-icon { width: 17px; height: 17px; }
.discover-all-videos:hover { color: #fff; background: #15171b; transform: translateY(-2px); }

.latest-tracks { grid-area: tracks; padding: 24px 18px; color: var(--sr-ink); background: linear-gradient(155deg,#f7f7f8,#d9dde2); }
.latest-tracks ul { margin: 0; }
.latest-tracks li { position: relative; margin: 0; padding: 9px 6px 9px 31px; font-size: 11px; line-height: 1.25; border-bottom: 1px solid rgba(0,0,0,.09); }
.latest-tracks li::before { content: "♪"; position: absolute; left: 3px; top: 6px; display: grid; place-items: center; width: 20px; height: 20px; margin: 0; color: #fff; background: var(--sr-red); border-radius: 50%; }
.latest-tracks a:hover { color: var(--sr-red); text-decoration: none; }
.discover-all-tracks { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:18px; padding:11px 14px; color:#fff!important; background:var(--sr-red); border-radius:999px; font-size:12px; font-weight:900; text-decoration:none; box-shadow:0 10px 24px rgba(229,9,32,.24); }
.discover-all-tracks .sr-icon { width:17px; height:17px; }.discover-all-tracks:hover { background:var(--sr-red-dark); transform:translateY(-2px); }

/* Footer. */
.site-footer { grid-template-columns: 180px minmax(0,1fr) auto auto; min-height: 76px; padding: 14px 26px; color: #aeb3bc; background: #090a0d; border: 1px solid var(--sr-border); border-bottom: 3px solid var(--sr-red); border-radius: 20px 20px 0 0; font-size: 11px; }
.site-footer nav a { color: #e7e9ed; }
.footer-follow,.footer-follow-widget { margin:0; }.footer-follow-widget { display:flex;align-items:center;gap:10px; }.footer-widget-title { margin:0;color:#fff;font-size:9px;letter-spacing:.08em;text-transform:uppercase; }.footer-follow .a2a_kit { display:flex;gap:5px; }.footer-follow .a2a_svg { border-radius:8px!important; }
.agency-mark { color: #fff; }

/* Pages, archives and single content. */
.wp-content-panel { min-height: 72vh; margin: 22px 18px 28px; padding: clamp(28px,5vw,66px); color: var(--sr-ink); background: #f1f2f4; border-radius: 22px; box-shadow: var(--sr-shadow); }
.wp-content-panel article { max-width: 980px; }
.wp-content-panel > article { padding: clamp(20px,4vw,48px); background: #fff; border-radius: 18px; box-shadow: 0 16px 40px rgba(20,20,25,.09); }
.wp-content-panel > article > h1 { margin: 0 0 10px; font-size: clamp(34px,5vw,64px); }
.wp-content-panel .entry-content { font-size: clamp(16px,1.6vw,18px); line-height: 1.75; }
.wp-content-panel .entry-meta { display: flex; flex-wrap: wrap; gap: 5px; color: #747982; }
.wp-content-panel .post-thumbnail img { margin: 24px 0; border-radius: 15px; }
.wp-content-panel a { color: var(--sr-red-dark); }
.archive-header { padding-left: 22px; border-left: 6px solid var(--sr-red); }
.archive-header h1 { display: flex; align-items: center; gap: 14px; font-family: Impact, sans-serif; letter-spacing: .03em; text-transform: uppercase; }
.archive-header h1 .sr-icon { width: .85em; height: .85em; padding: .12em; color: #fff; background: var(--sr-red); border-radius: .22em; }
.post-card-grid { align-items: stretch; }
.post-card, .external-news article, .artist-card { position: relative; overflow: hidden; border: 1px solid #e0e2e6; border-radius: 16px; box-shadow: 0 12px 28px rgba(20,20,25,.08); transition: transform .2s ease, box-shadow .2s ease; }
.post-card:hover, .external-news article:hover, .artist-card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(20,20,25,.14); }
.post-card::before, .artist-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--sr-red); }
.post-card h2 a, .artist-card h2 a { color: var(--sr-ink); text-decoration: none; }
.post-card .read-more { display: inline-flex; padding: 8px 12px; color: #fff; background: var(--sr-red); border-radius: 999px; text-decoration: none; }
.section-wide { display: flex; align-items: center; gap: 10px; font-size: 28px; }
.section-wide::before { content: ""; width: 30px; height: 4px; background: var(--sr-red); }
.external-news { padding: 28px; background: #17191e; border-radius: 18px; }
.external-news > h2 { display: flex; align-items: center; gap: 10px; color: #fff; }
.external-news > h2 .sr-icon { width: 28px; height: 28px; color: var(--sr-red); }
.external-news article { margin: 0; background: #24272e; border-color: var(--sr-border); }
.external-news article h3 a { color: #fff; }
.external-news article p { color: #b9bec7; }
.artist-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.artist-card { min-height: 190px; }
.artist-card h2::before { content: "●"; margin-right: 8px; color: var(--sr-red); }
.full-chart-list { overflow: hidden; border-radius: 18px; box-shadow: 0 14px 32px rgba(20,20,25,.12); }
.full-chart-list li, .full-chart-list li:nth-child(odd) { min-height: 90px; background: #fff; border-bottom-color: #e7e8eb; }
.full-chart-list li:nth-child(even) { background: #f6f6f7; }
.full-chart-list li:hover { background: #fff1f2; }
.chart-rank { color: var(--sr-red); }
.chart-play { border-radius: 999px; }

/* Dedicated charts experience. */
.charts-page { min-height: 72vh; margin: 22px 18px 28px; overflow: hidden; color: var(--sr-text); background: #101217; border: 1px solid var(--sr-border); border-radius: 24px; box-shadow: var(--sr-shadow); }
.charts-hero { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 30px; padding: clamp(34px,6vw,78px); background: radial-gradient(circle at 82% 15%,rgba(229,9,32,.38),transparent 34%),linear-gradient(135deg,#242832,#0b0c10 72%); border-bottom: 1px solid var(--sr-border); }
.charts-hero h1 { margin: 0; font: clamp(52px,8vw,104px)/.9 Impact,sans-serif; letter-spacing: .02em; text-transform: uppercase; }
.charts-hero > div > p:last-child { max-width: 680px; margin: 22px 0 0; color: #b8bdc6; font-size: clamp(14px,1.5vw,18px); line-height: 1.65; }
.charts-live-stat { display: grid; place-items: center; min-width: 150px; aspect-ratio: 1; padding: 20px; text-align: center; background: var(--sr-red); border-radius: 50%; box-shadow: 0 20px 50px rgba(229,9,32,.3); }
.charts-live-stat strong { font: 58px/.9 Impact,sans-serif; }
.charts-live-stat span { max-width: 85px; font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.chart-podium { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; padding: clamp(24px,4vw,54px); background: linear-gradient(180deg,#171a20,#101217); }
.podium-card { display: grid; grid-template-columns: minmax(110px,42%) minmax(0,1fr); align-items: center; gap: 18px; min-width: 0; padding: 16px; background: #20232b; border: 1px solid var(--sr-border); border-radius: 18px; box-shadow: 0 18px 38px rgba(0,0,0,.25); }
.podium-card.podium-1 { background: linear-gradient(145deg,#3b171c,#201a20); border-color: rgba(229,9,32,.55); transform: translateY(-8px); }
.podium-cover { position: relative; display: grid; place-items: center; aspect-ratio: 1; overflow: hidden; color: var(--sr-red); background: #111318; border-radius: 13px; }
.podium-cover img { width: 100%; height: 100%; object-fit: cover; }
.podium-cover > span { position: absolute; top: 8px; left: 8px; display: grid; place-items: center; min-width: 34px; height: 34px; padding: 0 6px; color: #fff; background: var(--sr-red); border-radius: 10px; font: 20px/1 Impact,sans-serif; }
.podium-cover > i { position: absolute; right: 8px; bottom: 8px; display: grid; place-items: center; width: 34px; height: 34px; color: #fff; background: rgba(9,10,13,.88); border-radius: 50%; font-size: 11px; font-style: normal; }
.podium-fallback { width: 38%; height: 38%; }
.podium-card p { margin: 0 0 6px; color: var(--sr-red); font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.podium-card h2 { margin: 0 0 8px; font-size: clamp(17px,1.7vw,25px); line-height: 1.08; }
.podium-card h2 a { color: #fff; text-decoration: none; }
.podium-card strong,.podium-card small { display: block; overflow: hidden; color: var(--sr-lime); font-size: 11px; white-space: nowrap; text-overflow: ellipsis; }
.podium-card small { margin-top: 7px; color: var(--sr-muted); font-size: 9px; }
.chart-ranking-section { padding: 0 clamp(24px,4vw,54px) clamp(30px,5vw,64px); }
.chart-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.chart-section-heading .media-kicker { margin-bottom: 4px; }
.chart-section-heading h2 { margin: 0; font: 36px/1 Impact,sans-serif; text-transform: uppercase; }
.chart-section-heading > a { display: inline-flex; align-items: center; gap: 7px; padding: 10px 14px; color: #fff; background: var(--sr-red); border-radius: 999px; font-size: 11px; font-weight: 900; text-decoration: none; }
.chart-section-heading > a .sr-icon { width: 15px; height: 15px; }
.modern-chart-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.modern-chart-list li { display: grid; grid-template-columns: 54px 64px minmax(0,1fr) auto 44px; align-items: center; gap: 15px; padding: 10px 14px; background: #1a1d23; border: 1px solid var(--sr-border); border-radius: 14px; transition: background .2s ease,transform .2s ease; }
.modern-chart-list li:hover { background: #242730; transform: translateX(4px); }
.modern-chart-rank { color: var(--sr-red); font: 29px/1 Impact,sans-serif; text-align: center; }
.modern-chart-cover { display: grid; place-items: center; width: 64px; height: 64px; overflow: hidden; color: var(--sr-red); background: #101217; border-radius: 10px; }
.modern-chart-cover img { width: 100%; height: 100%; object-fit: cover; }
.modern-chart-cover .sr-icon { width: 28px; height: 28px; }
.modern-chart-list h3,.modern-chart-list p { margin: 0; }
.modern-chart-list h3 a { color: #fff; text-decoration: none; }
.modern-chart-list p { margin-top: 4px; color: var(--sr-muted); font-size: 11px; }
.chart-listens { color: var(--sr-muted); font-size: 9px; text-align: right; text-transform: uppercase; letter-spacing: .05em; }
.chart-listens strong { display: block; color: #fff; font-size: 14px; }
.modern-chart-play { display: grid; place-items: center; width: 38px; height: 38px; color: #fff; background: var(--sr-red); border-radius: 50%; font-size: 11px; text-decoration: none; }
.chart-empty { padding: 60px; text-align: center; }
.home-chartz-link { display:flex;align-items:center;justify-content:center;gap:7px;margin:14px 18px 18px;padding:10px 14px;color:#fff;background:var(--sr-red);border-radius:999px;font-size:11px;font-weight:900;text-decoration:none; }
.home-chartz-link .sr-icon { width:15px;height:15px; }
.chartz-hero { align-items:center; }
.chart-period-nav { position:sticky;top:0;z-index:4;display:flex;justify-content:center;gap:8px;overflow-x:auto;padding:14px clamp(16px,4vw,54px);background:rgba(16,18,23,.96);border-bottom:1px solid var(--sr-border);scrollbar-width:none; }
.chart-period-nav::-webkit-scrollbar { display:none; }
.chart-period-nav a { flex:0 0 auto;padding:10px 18px;color:#b7bbc4;border:1px solid var(--sr-border);border-radius:999px;font-size:11px;font-weight:900;text-decoration:none;text-transform:uppercase;letter-spacing:.05em; }
.chart-period-nav a:hover,.chart-period-nav a.is-active { color:#fff;background:var(--sr-red);border-color:var(--sr-red); }
.chart-main-ranking { padding:clamp(30px,5vw,62px) clamp(18px,4vw,54px);background:linear-gradient(180deg,#171a20,#101217); }
.chartz-ranked-list li:first-child { background:linear-gradient(100deg,#3b171c,#20232b);border-color:rgba(229,9,32,.55); }
.chart-period-empty { padding:34px;text-align:center;background:#1a1d23;border:1px dashed #3b3f49;border-radius:18px; }
.chart-period-empty h3 { margin:0 0 8px;font-size:22px; }.chart-period-empty p { max-width:650px;margin:0 auto;color:var(--sr-muted);line-height:1.6; }
.chartz-release-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0 clamp(18px,4vw,54px) clamp(35px,5vw,65px); }
.chartz-release-panel { min-width:0;overflow:hidden;background:#181b21;border:1px solid var(--sr-border);border-radius:20px; }
.chartz-release-panel>header { display:flex;align-items:end;justify-content:space-between;gap:12px;padding:20px;border-bottom:1px solid var(--sr-border); }
.chartz-release-panel>header h2 { display:flex;align-items:center;gap:8px;margin:4px 0 0;font:26px/1 Impact,sans-serif;text-transform:uppercase; }.chartz-release-panel>header h2 .sr-icon { width:24px;height:24px;color:var(--sr-red); }
.chartz-release-panel>header>a { color:var(--sr-lime);font-size:11px;font-weight:900;text-decoration:none;text-transform:uppercase; }
.chart-release-list { margin:0;padding:0;list-style:none; }
.chart-release-list li { display:grid;grid-template-columns:26px 54px minmax(0,1fr) 26px;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--sr-border); }.chart-release-list li:last-child { border-bottom:0; }
.release-rank { color:var(--sr-red);font:20px/1 Impact,sans-serif;text-align:center; }
.release-thumb { display:grid;place-items:center;width:54px;aspect-ratio:1;overflow:hidden;color:var(--sr-red);background:#0e1014;border-radius:9px; }.release-thumb img { width:100%;height:100%;object-fit:cover; }.release-thumb .sr-icon { width:25px;height:25px; }
.chart-release-list h3,.chart-release-list p { overflow:hidden;margin:0;white-space:nowrap;text-overflow:ellipsis; }.chart-release-list h3 { font-size:13px; }.chart-release-list h3 a { color:#fff;text-decoration:none; }.chart-release-list p,.chart-release-list time { display:block;color:var(--sr-muted);font-size:9px; }.chart-release-list time { margin-top:3px; }
.release-open { color:var(--sr-muted); }.release-open:hover { color:var(--sr-red); }.release-open .sr-icon { width:18px;height:18px; }
.chart-empty-card { padding:30px 20px;color:var(--sr-muted);text-align:center; }
.chart-method { display:grid;grid-template-columns:auto minmax(0,700px);justify-content:center;gap:20px;padding:32px clamp(20px,5vw,70px);background:#0c0e12;border-top:1px solid var(--sr-border); }.chart-method>div:first-child { display:grid;place-items:center;width:54px;height:54px;color:#fff;background:var(--sr-red);border-radius:16px; }.chart-method .sr-icon { width:28px;height:28px; }.chart-method h2 { margin:0 0 7px;font:28px/1 Impact,sans-serif;text-transform:uppercase; }.chart-method p { margin:0;color:var(--sr-muted);line-height:1.6; }
.sr-share-box { display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px clamp(18px,4vw,54px);padding:18px 22px;color:#fff;background:linear-gradient(120deg,#1d2027,#111318);border:1px solid var(--sr-border);border-left:5px solid var(--sr-red);border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.18); }.sr-share-heading .addtoany_header { margin:0;color:#fff;font:26px/1 Impact,sans-serif;letter-spacing:.02em;text-transform:uppercase; }.sr-share-actions .a2a_kit { display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px; }.sr-share-box .addtoany_list a { padding:0; }.sr-share-box .a2a_svg { border-radius:10px!important;transition:transform .18s ease,filter .18s ease; }.sr-share-box .addtoany_list a:hover .a2a_svg,.sr-share-box .addtoany_list a:focus .a2a_svg { opacity:1;filter:brightness(1.12);transform:translateY(-2px); }.sr-artist-follow { padding-left:20px;border-left:1px solid var(--sr-border); }.sr-artist-follow>span { display:block;margin-bottom:7px;color:var(--sr-muted);font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase; }.sr-artist-follow>div { display:flex;flex-wrap:wrap;gap:7px; }.sr-artist-follow a { display:flex;align-items:center;gap:6px;padding:8px 10px;color:#fff;background:#292d35;border-radius:9px;font-size:10px;text-decoration:none; }.sr-artist-follow a:hover { background:var(--sr-red); }.sr-artist-follow .sr-icon { width:19px;height:19px; }

/* News archive and editorial article pages. */
.news-directory,.news-single { min-height:72vh;margin:22px 18px 28px;overflow:hidden;color:var(--sr-text);background:#101217;border:1px solid var(--sr-border);border-radius:24px;box-shadow:var(--sr-shadow); }
.news-directory-hero { display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:35px;padding:clamp(36px,6vw,82px);background:radial-gradient(circle at 85% 20%,rgba(229,9,32,.42),transparent 32%),linear-gradient(135deg,#252932,#0b0c10 72%);border-bottom:1px solid var(--sr-border); }
.news-directory-hero h1 { margin:0;font:clamp(64px,10vw,128px)/.82 Impact,sans-serif;letter-spacing:.02em;text-transform:uppercase; }
.news-directory-hero>div>p:last-child,.news-directory-intro { max-width:740px;margin:22px 0 0;color:#b9bec7;font-size:17px;line-height:1.65; }.news-directory-intro p { margin:0; }
.news-hero-mark { display:grid;place-items:center;aspect-ratio:1;color:#fff;background:var(--sr-red);border-radius:50%;box-shadow:0 24px 54px rgba(229,9,32,.3);transform:rotate(-7deg); }.news-hero-mark span { font:70px/.8 Impact,sans-serif; }.news-hero-mark strong { font-size:13px;letter-spacing:.28em; }
.news-lead-section { display:grid;grid-template-columns:minmax(320px,1.25fr) minmax(300px,1fr);gap:clamp(28px,5vw,70px);align-items:center;padding:clamp(28px,5vw,64px);background:linear-gradient(180deg,#181b21,#101217); }
.news-lead-image { position:relative;display:grid;place-items:center;min-height:330px;overflow:hidden;color:var(--sr-red);background:#262a33;border-radius:20px;box-shadow:0 24px 50px rgba(0,0,0,.32); }.news-lead-image img { width:100%;height:100%;min-height:330px;object-fit:cover; }.news-lead-image>.sr-icon { width:90px;height:90px; }.news-lead-image span { position:absolute;left:18px;bottom:18px;padding:8px 12px;color:#fff;background:var(--sr-red);border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase; }
.news-lead-section h2 { margin:8px 0 16px;font-size:clamp(30px,4vw,54px);line-height:1.02; }.news-lead-section h2 a { color:#fff;text-decoration:none; }.news-lead-section article>p:not(.news-card-meta) { color:#b9bec7;font-size:15px;line-height:1.65; }
.news-card-meta { margin:0;color:var(--sr-red);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase; }.news-card-meta a { color:inherit; }
.news-primary-button { display:inline-flex;align-items:center;gap:8px;margin-top:9px;padding:13px 18px;color:#fff;background:var(--sr-red);border-radius:999px;font-size:12px;font-weight:900;text-decoration:none;box-shadow:0 12px 26px rgba(229,9,32,.24); }.news-primary-button .sr-icon,.news-text-link .sr-icon { width:16px;height:16px; }
.news-grid-section,.news-dx-section { padding:0 clamp(28px,5vw,64px) clamp(36px,6vw,72px); }.news-section-title { display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 22px; }.news-section-title h2 { margin:0;font:clamp(30px,4vw,45px)/1 Impact,sans-serif;text-transform:uppercase; }.news-section-title>span { color:var(--sr-muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em; }
.news-directory-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }.news-directory-card { overflow:hidden;background:#1b1e25;border:1px solid var(--sr-border);border-radius:17px;transition:transform .2s ease,border-color .2s ease; }.news-directory-card:hover { border-color:rgba(229,9,32,.6);transform:translateY(-5px); }.news-card-image { display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;color:var(--sr-red);background:#292d36; }.news-card-image img { width:100%;height:100%;object-fit:cover;transition:transform .2s ease; }.news-directory-card:hover img { transform:scale(1.04); }.news-card-image>.sr-icon { width:55px;height:55px; }.news-directory-card>div { padding:17px; }.news-directory-card h3 { margin:8px 0;font-size:19px;line-height:1.15; }.news-directory-card h3 a { color:#fff;text-decoration:none; }.news-directory-card div>p:not(.news-card-meta) { color:#aeb4be;font-size:12px;line-height:1.55; }
.news-text-link { display:inline-flex;align-items:center;gap:6px;color:var(--sr-lime);font-size:10px;font-weight:900;text-decoration:none; }.news-directory>.directory-pagination { padding:0 clamp(28px,5vw,64px) 48px; }
.news-dx-section { padding-top:clamp(34px,5vw,60px);background:#171a20;border-top:1px solid var(--sr-border); }.news-dx-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px; }.news-dx-grid article { padding:20px;background:#22252d;border:1px solid var(--sr-border);border-radius:15px; }.news-dx-grid h3 { margin:9px 0;font-size:17px;line-height:1.25; }.news-dx-grid h3 a { color:#fff;text-decoration:none; }.news-dx-grid article>p:not(.news-card-meta) { color:#aeb4be;font-size:11px;line-height:1.55; }
.news-article { max-width:none!important; }.news-article-header { max-width:1050px;margin:auto;padding:clamp(42px,7vw,92px) clamp(24px,5vw,64px) 38px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(229,9,32,.23),transparent 44%); }.news-article-header .media-kicker { justify-content:center; }.news-article-header .media-kicker a { color:var(--sr-red); }.news-article-header h1 { margin:12px auto 20px;font:clamp(44px,7.5vw,92px)/.96 Impact,sans-serif;letter-spacing:.015em;text-transform:uppercase; }.news-article-deck { max-width:830px;margin:0 auto;color:#c1c5cc;font-size:clamp(17px,2vw,23px);line-height:1.55; }
.news-byline { display:flex;flex-wrap:wrap;justify-content:center;gap:9px 18px;margin-top:27px;color:var(--sr-muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em; }.news-byline span { display:flex;align-items:center;gap:6px; }.news-byline .sr-icon { width:14px;height:14px;color:var(--sr-red); }.news-byline a { color:#fff; }
.news-article-image { width:min(1180px,calc(100% - 40px));margin:0 auto;overflow:hidden;background:#20232b;border-radius:22px;box-shadow:0 30px 70px rgba(0,0,0,.38); }.news-article-image img { display:block;width:100%;max-height:660px;object-fit:cover; }.news-article-image figcaption { padding:9px 14px;color:var(--sr-muted);font-size:10px; }
.news-article-layout { display:grid;grid-template-columns:minmax(0,760px) 250px;justify-content:center;gap:clamp(35px,6vw,80px);padding:clamp(42px,7vw,82px) 24px; }.news-article-body { color:#d5d8de;font-size:clamp(16px,1.5vw,19px);line-height:1.85; }.news-article-body>p:first-child::first-letter { float:left;margin:7px 9px 0 0;color:var(--sr-red);font:74px/.7 Impact,sans-serif; }.news-article-body h2,.news-article-body h3 { color:#fff; }.news-article-body a { color:var(--sr-lime); }.news-article-body .source-note { margin-top:38px;padding:18px;color:#b9bec7;background:#1c1f26;border-left:4px solid var(--sr-red);border-radius:0 12px 12px 0;font-size:12px; }.news-article-sidebar { display:grid;align-content:start;gap:12px;position:sticky;top:125px;height:max-content; }.news-article-sidebar>div { padding:16px;background:#1c1f26;border:1px solid var(--sr-border);border-radius:13px; }.news-article-sidebar>div>span { display:block;margin-bottom:7px;color:var(--sr-muted);font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase; }.news-article-sidebar strong,.news-article-sidebar a { color:#fff;text-decoration:none; }.news-article-sidebar a .sr-icon { width:13px;height:13px;color:var(--sr-red); }.news-article-tags { display:flex;flex-wrap:wrap;gap:5px;margin:0; }.news-article-tags span { display:contents; }.news-article-tags a { padding:5px 7px;background:#2a2e37;border-radius:6px;font-size:9px; }
.related-news { padding:clamp(30px,5vw,60px);background:#171a20;border-top:1px solid var(--sr-border); }.related-news .news-section-title>a { display:inline-flex;align-items:center;gap:6px;color:var(--sr-lime);font-size:11px;font-weight:900;text-decoration:none; }.related-news-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px; }.related-news-grid article { overflow:hidden;background:#22252d;border-radius:14px; }.related-news-grid img { width:100%;aspect-ratio:16/9;object-fit:cover; }.related-news-grid p,.related-news-grid h3 { margin:10px 14px; }.related-news-grid h3 { padding-bottom:7px; }.related-news-grid h3 a { color:#fff;text-decoration:none; }
.pagination .page-numbers, .page-numbers { display: inline-grid; place-items: center; min-width: 38px; height: 38px; padding: 0 10px; background: #fff; border-radius: 8px; text-decoration: none; }
.page-numbers.current { color: #fff; background: var(--sr-red); }

/* Track, video and mixtape detail pages. */
.media-detail { min-height: 72vh; margin: 22px 18px 28px; padding: clamp(22px,4vw,58px); color: var(--sr-text); background: linear-gradient(145deg,#181a20,#0b0c10); border: 1px solid var(--sr-border); border-radius: 22px; box-shadow: var(--sr-shadow); }
.media-hero { display: grid; grid-template-columns: minmax(260px,420px) minmax(0,1fr); gap: clamp(28px,5vw,72px); align-items: center; max-width: 1120px; margin: 0 auto 42px; }
.media-art { display: grid; place-items: center; aspect-ratio: 1; overflow: hidden; background: #252831; border-radius: 22px; box-shadow: 0 28px 60px rgba(0,0,0,.45); }
.media-art img { width: 100%; height: 100%; object-fit: cover; }
.media-fallback-icon { width: 42%; height: 42%; color: var(--sr-red); }
.media-kicker { display: flex; align-items: center; gap: 8px; margin: 0 0 14px; color: var(--sr-red); font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.media-kicker .sr-icon { width: 24px; height: 24px; }
.media-copy h1, .video-detail-hero h1 { max-width: 900px; margin: 0; color: #fff; font: clamp(42px,7vw,84px)/.98 Impact, sans-serif; letter-spacing: .02em; text-transform: uppercase; }
.media-artist { margin: 12px 0 28px; color: var(--sr-lime); font-size: clamp(18px,2vw,25px); font-weight: 800; }
.audio-player-shell { padding: 18px; background: linear-gradient(135deg,var(--sr-red-dark),var(--sr-red)); border-radius: 16px; box-shadow: 0 16px 34px rgba(229,9,32,.22); }
.audio-player-shell audio { display: block; width: 100%; }
.sr-player-art::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,transparent 38%,rgba(4,5,8,.2) 58%,rgba(4,5,8,.94) 100%); }
.sr-player-art { position:relative; }
.sr-cover-player { position:absolute; z-index:3; inset:auto 0 0; padding:70px 18px 18px; background:linear-gradient(180deg,transparent,rgba(5,6,9,.94)); }
.sr-cover-player audio { position:absolute; width:1px; height:1px; overflow:hidden; opacity:0; pointer-events:none; }
.sr-visualizer { display:block; width:100%; height:96px; margin-bottom:10px; opacity:.8; filter:drop-shadow(0 4px 10px rgba(229,9,32,.35)); }
.sr-cover-player.is-playing .sr-visualizer { opacity:1; }
.sr-player-controls { display:grid; grid-template-columns:48px minmax(0,1fr) 38px 72px; align-items:center; gap:10px; padding:10px; background:rgba(20,22,27,.78); border:1px solid rgba(255,255,255,.14); border-radius:14px; box-shadow:0 12px 32px rgba(0,0,0,.35); backdrop-filter:blur(14px); }
.sr-play-toggle,.sr-mute-toggle { display:grid; place-items:center; width:44px; height:44px; padding:0; color:#fff; background:var(--sr-red); border:0; border-radius:50%; box-shadow:0 8px 20px rgba(229,9,32,.35); }
.sr-play-toggle:hover,.sr-play-toggle:focus-visible { transform:scale(1.06); }
.sr-pause-icon { display:none; font-weight:900; letter-spacing:-2px; }.is-playing .sr-play-icon { display:none; }.is-playing .sr-pause-icon { display:inline; }
.sr-mute-toggle { width:34px; height:34px; color:var(--sr-lime); background:rgba(255,255,255,.1); box-shadow:none; }.is-muted .sr-mute-toggle { color:#fff; background:var(--sr-red); }
.sr-player-timeline { min-width:0; }
.sr-seek,.sr-volume { --progress:0%; width:100%; height:4px; margin:0; padding:0; appearance:none; background:linear-gradient(90deg,var(--sr-red) var(--progress),rgba(255,255,255,.25) var(--progress)); border:0; border-radius:999px; cursor:pointer; }
.sr-seek::-webkit-slider-thumb,.sr-volume::-webkit-slider-thumb { width:13px; height:13px; appearance:none; background:#fff; border:3px solid var(--sr-red); border-radius:50%; box-shadow:0 2px 8px rgba(0,0,0,.35); }
.sr-seek::-moz-range-thumb,.sr-volume::-moz-range-thumb { width:9px; height:9px; background:#fff; border:3px solid var(--sr-red); border-radius:50%; }
.sr-volume { --progress:100%; }.sr-player-time { display:flex; justify-content:space-between; margin-top:5px; color:#bbc0c8; font-size:10px; font-variant-numeric:tabular-nums; }
.sr-player-hint { margin:0 0 14px; color:var(--sr-muted); font-size:13px; }
.listen-stat { display: flex; align-items: baseline; gap: 8px; margin-top: 18px; }
.listen-stat strong { color: #fff; font-size: 28px; }
.listen-stat span { color: var(--sr-muted); }
.media-notice { padding: 18px; color: #f5c8cd; background: rgba(229,9,32,.12); border: 1px solid rgba(229,9,32,.35); border-radius: 12px; }
.media-notice a { color: #fff; }
.media-detail-grid { display: grid; grid-template-columns: minmax(0,2fr) minmax(260px,1fr); gap: 22px; max-width: 1120px; margin: 0 auto; }
.media-description, .media-facts { margin: 0; padding: clamp(22px,3vw,36px); background: var(--sr-surface-2); border: 1px solid var(--sr-border); border-radius: 18px; }
.media-description h2, .media-facts h2 { margin-top: 0; color: #fff; }
.media-description { color: #cdd1d8; font-size: 17px; line-height: 1.75; }
.media-facts dl { display: grid; grid-template-columns: 100px 1fr; gap: 12px; margin: 0; }
.media-facts dt { color: var(--sr-muted); }
.media-facts dd { margin: 0; color: #fff; font-weight: 700; }
.media-facts a { color: var(--sr-lime); }
.video-detail-hero { max-width: 1120px; margin: 0 auto 26px; }
.youtube-player { position: relative; margin-top: 28px; overflow: hidden; aspect-ratio: 16/9; background: #000; border-radius: 20px; box-shadow: 0 28px 60px rgba(0,0,0,.5); }
.youtube-player iframe { width: 100%; height: 100%; border: 0; }
.youtube-player .media-notice { display: grid; place-items: center; height: 100%; }
.primary-media-button { display: inline-flex; align-items: center; gap: 9px; padding: 14px 20px; color: #fff; background: var(--sr-red); border-radius: 999px; font-weight: 900; text-decoration: none; box-shadow: 0 12px 28px rgba(229,9,32,.25); }
.primary-media-button .sr-icon { width: 20px; height: 20px; }
.directory-page { min-height:72vh; margin:22px 18px 28px; padding:clamp(24px,4vw,58px); color:var(--sr-text); background:linear-gradient(145deg,#181a20,#0b0c10); border:1px solid var(--sr-border); border-radius:22px; box-shadow:var(--sr-shadow); }
.directory-hero { max-width:1200px; margin:0 auto 34px; padding-bottom:30px; border-bottom:1px solid var(--sr-border); }.directory-hero h1,.artist-profile-hero h1 { margin:0 0 10px; font:clamp(48px,8vw,92px)/.95 Impact,sans-serif; letter-spacing:.02em; text-transform:uppercase; }.directory-hero>p,.directory-intro { max-width:780px; color:#b9bec7; font-size:17px; line-height:1.65; }.directory-intro p { margin:0; }
.directory-search { display:flex; gap:10px; max-width:680px; margin-top:24px; }.directory-search input,.track-search-form input,.track-search-form select { min-width:0; padding:12px 14px; color:#fff; background:#252831; border:1px solid rgba(255,255,255,.15); border-radius:9px; }.directory-search input { flex:1; }.directory-search button,.track-search-form button { padding:12px 18px; color:#fff; background:var(--sr-red); border:0; border-radius:9px; font-weight:900; cursor:pointer; }.directory-search>a { align-self:center;color:var(--sr-lime); }
.artist-directory-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; max-width:1200px; margin:0 auto; }.artist-directory-card { display:grid; grid-template-columns:68px minmax(0,1fr); align-items:center; gap:13px; min-width:0; padding:12px; color:#fff; background:var(--sr-surface-2); border:1px solid var(--sr-border); border-radius:14px; text-decoration:none; transition:transform .18s ease,border-color .18s ease,background .18s ease; }.artist-directory-card:hover { color:#fff;background:#242832;border-color:rgba(229,9,32,.55);transform:translateY(-3px); }.artist-card-art { display:grid;place-items:center;width:68px;height:68px;overflow:hidden;color:#fff;background:linear-gradient(145deg,var(--sr-red),#67000b);border-radius:50%; }.artist-card-art b { font:34px Impact,sans-serif; }.artist-card-copy { display:grid;min-width:0; }.artist-card-copy strong { overflow:hidden;font-size:16px;white-space:nowrap;text-overflow:ellipsis; }.artist-card-copy small { margin:3px 0 8px;color:var(--sr-muted); }.artist-card-copy i { color:var(--sr-lime);font-size:11px;font-style:normal;font-weight:800; }
.artist-profile-hero { display:grid;grid-template-columns:220px minmax(0,1fr);gap:36px;align-items:center;max-width:1200px;margin:0 auto 44px;padding-bottom:36px;border-bottom:1px solid var(--sr-border); }.artist-profile-art { display:grid;place-items:center;width:220px;height:220px;overflow:hidden;color:var(--sr-red);background:#252831;border:4px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 20px 44px rgba(0,0,0,.4); }.artist-profile-art img { width:100%;height:100%;object-fit:cover; }.artist-profile-art .sr-icon { width:80px;height:80px; }.artist-profile-hero>div>p { max-width:740px;color:#b9bec7; }.artist-stats { display:flex;flex-wrap:wrap;gap:10px;margin-top:22px; }.artist-stats span { padding:9px 13px;color:var(--sr-muted);background:#252831;border-radius:999px; }.artist-stats strong { color:#fff; }
.profile-section { max-width:1200px;margin:0 auto 46px; }.section-title h2 { display:flex;align-items:center;gap:10px;font-size:30px; }.section-title .sr-icon { width:30px;height:30px;color:var(--sr-red); }.track-directory-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1200px;margin:0 auto; }.track-directory-card { min-width:0;overflow:hidden;color:#fff;background:var(--sr-surface-2);border:1px solid var(--sr-border);border-radius:14px;text-decoration:none;transition:transform .18s ease,border-color .18s ease; }.track-directory-card:hover { color:#fff;border-color:var(--sr-red);transform:translateY(-4px); }.track-card-cover { position:relative;display:grid;place-items:center;aspect-ratio:1;overflow:hidden;color:var(--sr-red);background:#282b33; }.track-card-cover img { width:100%;height:100%;object-fit:cover; }.track-card-cover>.sr-icon { width:35%;height:35%; }.track-card-cover i { position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:38px;height:38px;color:#fff;background:var(--sr-red);border-radius:50%;font-size:13px;font-style:normal;box-shadow:0 8px 20px rgba(0,0,0,.35); }.track-directory-card>span:last-child,.track-card-copy { display:grid;gap:4px;padding:13px; }.track-directory-card strong { overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }.track-directory-card small { overflow:hidden;color:var(--sr-lime);white-space:nowrap;text-overflow:ellipsis; }.track-directory-card em { color:var(--sr-muted);font-size:11px;font-style:normal; }
.media-mini-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:16px; }.media-mini-grid a { overflow:hidden;color:#fff;background:var(--sr-surface-2);border-radius:13px;text-decoration:none; }.media-mini-grid img { width:100%;aspect-ratio:16/10;object-fit:cover; }.media-mini-grid strong { display:block;padding:12px; }.track-search-form { display:grid;grid-template-columns:minmax(220px,2fr) minmax(150px,1fr) minmax(150px,1fr) auto auto;gap:12px;align-items:end;margin-top:26px; }.track-search-form>div { display:grid;gap:6px; }.track-search-form label { color:#b9bec7;font-size:12px;font-weight:800; }.random-track-button { display:flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;color:#111;background:var(--sr-lime);border-radius:9px;font-weight:900;text-decoration:none; }.directory-result-count { margin:20px 0 0!important;font-size:14px!important; }.directory-result-count strong { color:#fff; }.empty-directory { max-width:1200px;margin:30px auto;padding:24px;background:var(--sr-surface-2);border-radius:12px; }.directory-pagination { max-width:1200px;margin:30px auto 0; }
.video-directory-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1200px;margin:0 auto; }.video-directory-card { min-width:0;overflow:hidden;color:#fff;background:var(--sr-surface-2);border:1px solid var(--sr-border);border-radius:15px;text-decoration:none;transition:transform .18s ease,border-color .18s ease; }.video-directory-card:hover { color:#fff;border-color:var(--sr-red);transform:translateY(-4px); }.video-card-thumb { position:relative;display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;color:var(--sr-red);background:#282b33; }.video-card-thumb img { width:100%;height:100%;object-fit:cover;transition:transform .2s ease; }.video-directory-card:hover img { transform:scale(1.04); }.video-card-thumb>.sr-icon { width:28%;height:28%; }.video-card-thumb i { position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;width:52px;height:52px;color:#fff;background:rgba(229,9,32,.92);border:3px solid rgba(255,255,255,.8);border-radius:50%;font-size:16px;font-style:normal;transform:translate(-50%,-50%);box-shadow:0 10px 28px rgba(0,0,0,.4); }.video-card-copy { display:grid;gap:5px;padding:15px; }.video-card-copy strong { overflow:hidden;font-size:17px;white-space:nowrap;text-overflow:ellipsis; }.video-card-copy small { color:var(--sr-lime); }.video-card-copy em { margin-top:5px;color:var(--sr-muted);font-size:11px;font-style:normal;font-weight:800; }.video-directory-search { max-width:760px; }
.mixtape-tracklist { margin:24px 0 0; padding:0; list-style:none; border:1px solid var(--sr-border); border-radius:14px; overflow:hidden; }
.mixtape-tracklist li { display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:10px; padding:11px 13px; border-bottom:1px solid var(--sr-border); }
.mixtape-tracklist li:last-child { border-bottom:0; }.mixtape-tracklist li:hover { background:rgba(229,9,32,.1); }
.mixtape-tracklist li > span { color:var(--sr-red); font-weight:900; text-align:center; }.mixtape-tracklist a { color:#fff; font-weight:700; text-decoration:none; }.mixtape-tracklist small { color:var(--sr-muted); }

/* Open community comments. */
.sr-comments { width:min(1080px,calc(100% - 40px));margin:50px auto 10px;padding:clamp(24px,4vw,46px);color:var(--sr-text);background:#171a20;border:1px solid var(--sr-border);border-radius:20px;box-shadow:0 20px 48px rgba(0,0,0,.28); }
.news-single>.sr-comments { margin-bottom:50px; }.sr-artist-comments { width:min(1200px,100%);margin:20px auto;box-sizing:border-box; }
.sr-comments-header { display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px;padding-bottom:23px;border-bottom:1px solid var(--sr-border); }.sr-comments-header h2 { margin:0;font:clamp(30px,4vw,46px)/1 Impact,sans-serif;text-transform:uppercase; }.sr-comments-header h2 span { display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 7px;color:#fff;background:var(--sr-red);border-radius:50%;font:15px/1 system-ui,sans-serif;vertical-align:top; }.sr-comments-header>p { max-width:420px;margin:0;color:var(--sr-muted);font-size:12px;line-height:1.5; }
.sr-comment-list { display:grid;gap:13px;margin:0 0 35px;padding:0;list-style:none; }.sr-comment-list .comment { list-style:none; }.sr-comment-list>.comment { padding:18px;background:#20232b;border:1px solid var(--sr-border);border-radius:15px; }.sr-comment-list .comment-body { position:relative;padding-left:70px;min-height:56px; }.sr-comment-list .avatar { position:absolute;top:0;left:0;border:3px solid #30343e;border-radius:50%; }.sr-comment-list .comment-author { color:#fff;font-size:13px;font-weight:900; }.sr-comment-list .comment-author .says { display:none; }.sr-comment-list .comment-metadata { margin:3px 0 10px;font-size:9px; }.sr-comment-list .comment-metadata a { color:var(--sr-muted);text-decoration:none; }.sr-comment-list .comment-content { color:#d1d4da;font-size:13px;line-height:1.65; }.sr-comment-list .comment-content p { margin:0 0 8px; }.sr-comment-list .reply a { color:var(--sr-lime);font-size:10px;font-weight:900;text-decoration:none; }.sr-comment-list .children { display:grid;gap:9px;margin:15px 0 0 45px;padding:0; }.sr-comment-list .children .comment { padding:14px;background:#292d36;border-radius:12px; }
.comment-respond { padding:clamp(20px,3vw,32px);background:#20232b;border:1px solid var(--sr-border);border-radius:16px; }.comment-reply-title { margin:0 0 8px;color:#fff;font:30px/1 Impact,sans-serif;text-transform:uppercase; }.comment-reply-title small a { margin-left:8px;color:var(--sr-lime);font:10px system-ui,sans-serif; }.comment-notes,.comment-policy,.logged-in-as { color:var(--sr-muted);font-size:10px;line-height:1.5; }.logged-in-as a { color:var(--sr-lime); }.comment-form { display:grid;grid-template-columns:1fr 1fr;gap:14px; }.comment-form-comment,.comment-form-cookies-consent,.form-submit,.comment-notes,.comment-policy,.logged-in-as { grid-column:1/-1; }.comment-form p { margin:0; }.comment-form label { display:block;margin-bottom:6px;color:#c5c9d0;font-size:11px;font-weight:800; }.comment-form label span { color:var(--sr-red); }.comment-form input[type=text],.comment-form input[type=email],.comment-form textarea { width:100%;box-sizing:border-box;padding:12px 13px;color:#fff;background:#121419;border:1px solid rgba(255,255,255,.14);border-radius:9px; }.comment-form textarea { min-height:150px;resize:vertical; }.comment-form input:focus,.comment-form textarea:focus { border-color:var(--sr-red);box-shadow:0 0 0 2px rgba(229,9,32,.18);outline:0; }.comment-form-cookies-consent { display:flex;align-items:flex-start;gap:8px; }.comment-form-cookies-consent input { margin-top:3px; }.comment-form-cookies-consent label { margin:0;font-weight:500; }.form-submit .submit { padding:12px 18px;color:#fff;background:var(--sr-red);border:0;border-radius:999px;font-weight:900;cursor:pointer;box-shadow:0 10px 24px rgba(229,9,32,.25); }.form-submit .submit:hover { background:var(--sr-red-dark); }.sr-comment-trap { position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important; }.no-comments { color:var(--sr-muted); }

/* Artist verification, registration and claims. */
.verified-artist-badge { display:inline-flex;align-items:center;margin-left:8px;padding:5px 8px;color:#101217;background:var(--sr-lime);border-radius:999px;font-size:8px;letter-spacing:.07em; }.artist-official-links { display:flex;flex-wrap:wrap;gap:7px;margin-top:16px; }.artist-official-links a { padding:7px 10px;color:#fff;background:#252831;border:1px solid var(--sr-border);border-radius:999px;font-size:10px;font-weight:800;text-decoration:none; }.claim-artist-button { display:inline-flex;align-items:center;gap:7px;margin-top:18px;padding:11px 15px;color:#fff;background:var(--sr-red);border-radius:999px;font-size:11px;font-weight:900;text-decoration:none;box-shadow:0 10px 24px rgba(229,9,32,.25); }.claim-artist-button .sr-icon { width:16px;height:16px; }
.artist-application { min-height:65vh;padding:clamp(26px,5vw,64px);color:var(--sr-text);background:linear-gradient(145deg,#181a20,#0b0c10);border:1px solid var(--sr-border);border-radius:22px; }.artist-application>header { max-width:850px;margin-bottom:30px; }.artist-application h1 { margin:0;font:clamp(46px,7vw,82px)/.95 Impact,sans-serif;text-transform:uppercase; }.artist-application>header>p:last-child { max-width:720px;color:#b9bec7;font-size:16px;line-height:1.65; }.artist-request-message,.claimed-artist-list { margin:0 0 24px;padding:15px;color:#172006;background:var(--sr-lime);border-radius:12px;font-weight:800; }.claimed-artist-list { display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#fff;background:#252831; }.claimed-artist-list a { color:var(--sr-lime); }
.artist-verification-steps { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:950px;margin:0 0 20px; }.artist-verification-steps>div { display:flex;align-items:center;gap:11px;padding:14px;background:#20232b;border:1px solid var(--sr-border);border-radius:12px;color:#c5c9d0;font-size:12px;font-weight:700; }.artist-verification-steps strong { display:grid;place-items:center;flex:0 0 30px;height:30px;color:#111;background:var(--sr-lime);border-radius:50%; }
.artist-application-form { position:relative;display:grid;grid-template-columns:1fr 1fr;gap:17px;max-width:950px;padding:clamp(20px,4vw,38px);background:#20232b;border:1px solid var(--sr-border);border-radius:18px; }.artist-application-form>div,.artist-form-grid>div { display:grid;gap:7px; }.artist-application-form .full,.artist-application-form>button { grid-column:1/-1; }.artist-application-form fieldset { min-width:0;margin:0;padding:20px;background:rgba(8,9,12,.24);border:1px solid rgba(255,255,255,.1);border-radius:13px; }.artist-application-form legend { padding:0 8px;color:#fff;font-size:16px;font-weight:900; }.artist-form-grid { display:grid;grid-template-columns:1fr 1fr;gap:17px; }.artist-application-form label,.locked-artist>span { color:#c5c9d0;font-size:11px;font-weight:800; }.artist-application-form input,.artist-application-form select,.artist-application-form textarea { width:100%;box-sizing:border-box;padding:12px;color:#fff;background:#121419;border:1px solid rgba(255,255,255,.15);border-radius:9px; }.artist-application-form input[type=file] { padding:15px;border-style:dashed; }.artist-application-form select { color-scheme:dark; }.artist-application-form select option { color:#fff;background:#121419; }.artist-consent { display:flex;align-items:flex-start;gap:9px; }.artist-consent input { width:auto;margin-top:2px; }.artist-application-form>button { justify-self:start;padding:13px 20px;color:#fff;background:var(--sr-red);border:0;border-radius:999px;font-weight:900;cursor:pointer; }.form-help { margin:0 0 17px;color:#aeb3bd;font-size:12px;line-height:1.6; }.locked-artist { padding:14px;background:#121419;border-left:3px solid var(--sr-lime);border-radius:8px; }.locked-artist strong { font-size:20px; }.locked-artist small { color:#9298a3; }.form-security-note { display:flex!important;gap:8px;padding:14px;color:#c8ced8;background:#15171c;border-radius:10px;font-size:12px; }.form-security-note strong { color:var(--sr-lime); }.sr-form-trap { position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important; }

/* Responsive layouts. */
@media (max-width: 1180px) {
  .content-grid { grid-template-columns: 240px minmax(0,1fr); grid-template-areas: "stories stories" "news charts" "videos videos" "mixtapes tracks"; }
  .latest-news, .charts { min-height: 420px; }
  .artist-grid { grid-template-columns: repeat(3,1fr); }
}
@media (max-width: 900px) {
  .admin-bar .site-header { top: 46px; }
  .site-header { min-height: 82px; border-radius: 0 0 16px 16px; }
  .brand { flex-basis: 350px; width: 350px; height: 78px; }
  .brand-speakers { width: 67px; height: 76px; }
  .brand-logo { left: 75px; top: 22px; width: 273px; }
  .brand-edition { left: 272px; top: 53px; width: 65px; }
  .menu-toggle { display: grid; width: 44px; background: var(--sr-red); border: 0; border-radius: 10px; }
  .main-nav { top: 74px; right: 14px; width: min(320px,calc(100vw - 28px)); padding: 12px; background: rgba(12,13,16,.98); border: 1px solid var(--sr-border); border-radius: 14px; }
  .main-nav.open { display: grid; }
  .main-nav .menu-item a, .main-nav > a { width: 100%; padding: 14px; border-radius: 9px; }
  .post-card-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 680px) {
  html { scroll-padding-top: 85px; }
  .site-header { padding: 0 12px; }
  .brand { flex-basis: 270px; width: 270px; height: 68px; }
  .brand-speakers { width: 56px; height: 64px; }
  .brand-logo { left: 63px; top: 20px; width: 205px; }
  .brand-edition { left: 196px; top: 44px; width: 60px; }
  .content-grid { display: flex; gap: 14px; padding: 14px 10px 20px; }
  .artist-verification-steps,.artist-form-grid { grid-template-columns:1fr; }
  .artist-application { padding:24px 14px; }
  .artist-application-form fieldset { padding:15px 12px; }
  .stories { order: 1; }.charts { order: 2; }.latest-news { order: 3; }.videos { order: 4; }.mixtapes { order: 5; }.latest-tracks { order: 6; }
  .panel { border-radius: 15px; }
  .stories, .videos { padding: 22px 17px; }
  .latest-news, .mixtapes, .latest-tracks { padding-left: 17px; padding-right: 17px; }
  .lead-story { grid-template-columns: 1fr; }
  .lead-story img, .story-placeholder { height: auto; aspect-ratio: 16/9; }
  .story-links { grid-template-columns: 1fr; gap: 0; }
  .video-grid { grid-template-columns: repeat(2,1fr); gap: 12px; }
  .cover-grid { grid-template-columns: repeat(3,1fr); }
  .wp-content-panel { margin: 14px 10px 20px; padding: 24px 15px; border-radius: 15px; }
  .post-card-grid, .external-news-grid, .artist-grid { grid-template-columns: 1fr; }
  .external-news { padding: 18px; }
  .full-chart-list li { flex-wrap: wrap; }
  .chart-play { margin-left: 64px; }
  .site-footer { grid-template-columns: 1fr; border-radius: 15px 15px 0 0; }
  .media-detail { margin: 14px 10px 20px; padding: 22px 15px; border-radius: 15px; }
  .media-hero { grid-template-columns: 1fr; gap: 26px; }
  .media-art { width: min(100%,420px); margin: 0 auto; }
  .media-copy h1, .video-detail-hero h1 { font-size: clamp(38px,14vw,58px); }
  .media-detail-grid { grid-template-columns: 1fr; }
  .media-facts dl { grid-template-columns: 90px 1fr; }
  .chart-track-link { grid-template-columns: minmax(0,1fr) 20px; }
  .chart-track-link small { display: none; }
  .sr-cover-player { padding:50px 10px 10px; }.sr-visualizer { height:72px; }.sr-player-controls { grid-template-columns:44px minmax(0,1fr) 34px; gap:7px; }.sr-volume { display:none; }
}
@media (max-width: 390px) {
  .brand { flex-basis: 218px; width: 218px; }
  .brand-speakers { width: 47px; }
  .brand-logo { left: 52px; top: 21px; width: 165px; }
  .brand-edition { left: 151px; top: 41px; width: 53px; }
  .panel h1, .panel h2, .videos h2, .stories h1 { font-size: 27px; }
  .cover-grid { grid-template-columns: repeat(2,1fr); }
  .video-grid { grid-template-columns: 1fr 1fr; }
}
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior: auto !important; transition: none !important; } }
@media (max-width:1180px) { .artist-directory-grid,.track-directory-grid { grid-template-columns:repeat(3,1fr); }.track-search-form { grid-template-columns:repeat(3,1fr); } }
@media (max-width:900px) { .artist-directory-grid,.track-directory-grid,.media-mini-grid { grid-template-columns:repeat(2,1fr); }.artist-profile-hero { grid-template-columns:160px 1fr; }.artist-profile-art { width:160px;height:160px; } }
@media (max-width:900px) { .video-directory-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:1000px) { .chart-podium { grid-template-columns:1fr; }.podium-card { grid-template-columns:130px minmax(0,1fr); }.podium-card.podium-1 { transform:none; }.chartz-release-grid { grid-template-columns:1fr 1fr; }.chartz-release-panel:last-child { grid-column:1/-1; } }
@media (max-width:1000px) { .news-directory-grid,.news-dx-grid { grid-template-columns:repeat(2,1fr); }.news-article-layout { grid-template-columns:minmax(0,720px); }.news-article-sidebar { position:static;grid-template-columns:repeat(3,1fr); } }
@media (max-width:680px) { .directory-page { margin:14px 10px 20px;padding:24px 15px;border-radius:15px; }.artist-profile-hero { grid-template-columns:1fr;text-align:center; }.artist-profile-art { margin:auto; }.artist-profile-hero .media-kicker,.artist-stats { justify-content:center; }.track-search-form { grid-template-columns:1fr; }.directory-search { flex-wrap:wrap; }.directory-search input { flex-basis:100%; } }
@media (max-width:680px) { .charts-page { margin:14px 10px 20px;border-radius:15px; }.charts-hero { grid-template-columns:1fr;padding:34px 20px; }.charts-live-stat { min-width:0;width:112px; }.charts-live-stat strong { font-size:42px; }.chart-podium { padding:22px 15px; }.podium-card { grid-template-columns:100px minmax(0,1fr);padding:11px; }.chart-ranking-section { padding:0 15px 28px; }.modern-chart-list li { grid-template-columns:38px 50px minmax(0,1fr) 38px;gap:9px;padding:8px; }.modern-chart-cover { width:50px;height:50px; }.chart-listens { display:none; }.chart-section-heading { align-items:flex-start;flex-direction:column; }.dx-news-card > p:not(.dx-news-meta) { font-size:11px; }.chart-period-nav { justify-content:flex-start; }.chart-main-ranking { padding:28px 14px; }.chartz-release-grid { grid-template-columns:1fr;padding:0 14px 30px; }.chartz-release-panel:last-child { grid-column:auto; }.chart-method { grid-template-columns:1fr;justify-content:start; }.chart-release-list li { grid-template-columns:22px 48px minmax(0,1fr) 22px;padding:9px; }.release-thumb { width:48px; }.chartz-release-panel>header { padding:17px 14px; }.chartz-release-panel>header h2 { font-size:23px; } }
@media (max-width:680px) { .news-directory,.news-single { margin:14px 10px 20px;border-radius:15px; }.news-directory-hero { grid-template-columns:1fr;padding:38px 20px; }.news-hero-mark { display:none; }.news-lead-section { grid-template-columns:1fr;padding:22px 15px 40px; }.news-lead-image,.news-lead-image img { min-height:220px; }.news-grid-section,.news-dx-section { padding-left:15px;padding-right:15px; }.news-directory-grid,.news-dx-grid,.related-news-grid { grid-template-columns:1fr; }.news-section-title { align-items:flex-start;flex-direction:column; }.news-article-header { padding-left:17px;padding-right:17px; }.news-article-image { width:calc(100% - 24px);border-radius:14px; }.news-article-layout { padding:36px 17px; }.news-article-sidebar { grid-template-columns:1fr; }.related-news { padding:32px 15px; } }
@media (max-width:680px) { .sr-comments { width:calc(100% - 20px);margin:32px auto 10px;padding:20px 14px;border-radius:15px;box-sizing:border-box; }.sr-artist-comments { width:100%; }.sr-comments-header { align-items:flex-start;flex-direction:column;gap:10px; }.comment-form { grid-template-columns:1fr; }.comment-form-author,.comment-form-email { grid-column:1/-1; }.sr-comment-list .comment-body { padding-left:0;padding-top:64px; }.sr-comment-list .children { margin-left:12px; } }
@media (max-width:680px) { .artist-application { padding:28px 16px;border-radius:15px; }.artist-application-form { grid-template-columns:1fr;padding:18px 14px; }.artist-application-form .full,.artist-application-form>button { grid-column:1; }.verified-artist-badge { display:flex;width:max-content;margin:7px 0 0; } }
@media (max-width:680px) { .sr-share-box { align-items:flex-start;flex-direction:column;margin:18px 10px;padding:16px; }.sr-share-actions .a2a_kit { justify-content:flex-start; }.sr-share-heading .addtoany_header { font-size:23px; }.sr-artist-follow { width:100%;padding:13px 0 0;border-left:0;border-top:1px solid var(--sr-border); }.sr-artist-follow a b { display:none; }.sr-artist-follow a { padding:9px; } }
@media (max-width:390px) { .artist-directory-grid,.track-directory-grid,.media-mini-grid { grid-template-columns:1fr; } }
.track-directory-card.is-artist-removed { opacity:.72; }
.track-directory-card.is-artist-removed .track-card-cover::after { content:"";position:absolute;inset:0;background:rgba(8,9,12,.42); }
.artist-removed-badge { position:absolute;z-index:2;left:10px;right:10px;bottom:12px;padding:8px 10px;color:#fff;background:rgba(190,20,35,.94);border-radius:8px;font-size:11px;line-height:1.2;text-align:center;text-transform:uppercase;letter-spacing:.05em; }
.artist-removed-notice { padding:18px 20px!important;border:1px solid rgba(226,37,53,.55)!important;border-left:5px solid var(--sr-red)!important;background:rgba(226,37,53,.1)!important;border-radius:10px; }
@media (max-width:520px) { .video-directory-grid { grid-template-columns:1fr; }.more-news-heading { align-items:flex-start;flex-direction:column; } }