/* Final SRUR palette: ADE-inspired bright yellow on pure black. */
:root{--accent:#ffdc00;--preview-accent:#ffdc00;--preview-bg:#000000}
html,body,.header,.page-main,.home-main,.label,.demos,.contact,.sru-footer,.featured,.featured-card,.featured .cover,.featured-info,.release-grid article,.artist-row,.card,.feature{background:#000!important}
.header nav a[aria-current="page"],.eyebrow,.hero-top,.release-meta,.hero-bottom>.text-link,.profile-art figcaption,.music-player-details summary,.artist-monogram{color:#ffdc00!important}
.header nav a[aria-current="page"]{box-shadow:0 1px #ffdc00}
.button.dark,.button.light,.light{background:#ffdc00!important;color:#111111!important}
.button.dark:hover,.button.light:hover{background:#ffe84d!important}
a:hover,.artist-credit:hover,.text-link:hover{color:#ffdc00}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:#ffdc00!important}
.catalogue-search:focus{border-color:#ffdc00}
.music-cover-actions a+a{background:rgba(255,220,0,.96);color:#111111}
.genre-panel{margin-top:28px;padding:24px;border:1px solid #383838}
.genre-panel h3{font-size:18px;font-weight:500;margin:0 0 16px}
.demos .genre-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.demos .genre-chips li{border:1px solid #ffdc00;border-radius:0;background:#ffdc00;color:#111111;padding:7px 12px;font-size:13px;font-weight:600;line-height:1.4}
@media(max-width:700px){.genre-panel{padding:18px}}

/* Unified yellow accents across all pages, including the Demos page. */
:root{--accent:#ffdc00!important;--preview-accent:#ffdc00!important;--highlight:#ffdc00;--brand-accent:#ffdc00}
.header nav a[aria-current="page"],.header nav a:hover,.eyebrow,.period,.hero-top,.release-meta,.artist-monogram,.profile-art figcaption,.music-player-details summary{color:#ffdc00!important}
.header nav a[aria-current="page"]{box-shadow:0 1px #ffdc00!important;text-decoration-color:#ffdc00!important}
.button,.btn,.header-shop,.button.dark,.button.light,.light,.srur-submit,.srur-send-button,.srur-form button[type="submit"],.srur-fields button[type="submit"]{background:#ffdc00!important;color:#111!important}
.button:hover,.btn:hover,.header-shop:hover,.button.dark:hover,.button.light:hover,.srur-submit:hover,.srur-send-button:hover{background:#ffe84d!important;color:#111!important}
.demos .eyebrow,.demos .period,.demos .hero-top,.demos .header nav a[aria-current="page"],.demos .header nav a:hover{color:#ffdc00!important}
.demos .srur-track-remove{background:transparent!important;color:#ff6870!important;border-color:#a7474d!important}
.demos .srur-required{color:#ff4b55!important}
.demos input[type="checkbox"]{accent-color:#ffdc00}
.demos .srur-track-progress::-webkit-progress-value,.demos progress::-webkit-progress-value{background:#ffdc00}
.demos .srur-track-progress::-moz-progress-bar,.demos progress::-moz-progress-bar{background:#ffdc00}
::selection{background:#ffdc00;color:#111}

/* Contact success: same prominent confirmation treatment as demo submissions. */
.contact-success-panel{
  box-sizing:border-box;
  width:100%;
  min-height:clamp(300px,44vw,520px);
  padding:clamp(28px,6vw,70px);
  border:1px solid #444;
  background:#111;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.contact-success-panel h2{
  margin:0;
  max-width:900px;
  font-size:clamp(30px,5.2vw,68px);
  font-weight:700;
  line-height:1.17;
  letter-spacing:-.035em;
  color:#fff;
  overflow-wrap:break-word;
}
@media(max-width:700px){
  .contact-success-panel{min-height:320px;padding:26px 20px}
  .contact-success-panel h2{font-size:clamp(28px,7vw,46px)}
}