/* Website companion to the approved receiver. No app or playback rules. */
body:has(> .site-header) {
  --text:#302f25; --muted:#676454; --border:#d4c8ac;
  --surface:#fffaf0; --surface-alt:#f1e9d8; --accent:#bfd638;
  color:var(--text);
  background:radial-gradient(ellipse at 50% 0,#fffdf5,transparent 900px),repeating-linear-gradient(0deg,#8c754805 0 1px,transparent 1px 4px),#eee8da;
}
body:has(> .site-header) .site-header {background:transparent;border-bottom:1px solid #c4b899;box-shadow:none;padding-bottom:24px}
.site-header.has-upcoming>.nav {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:64px;gap:10px 12px;width:100%;align-items:stretch}
.site-header.has-upcoming>.nav a,
.site-header.has-upcoming>.nav a[aria-current="page"],
.site-header.has-upcoming>.nav .song-entry-link {display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;min-width:0;margin:0;padding:10px 12px;border:1px solid #c6b795;border-radius:9px;color:#5b584b;background:linear-gradient(#fffaf0,#ede4cf);box-shadow:inset 0 1px #fffdf4,0 2px 3px #63472514;font-size:.95rem;font-weight:650;line-height:1.25;text-align:center;white-space:normal;overflow-wrap:anywhere;transition:background .15s,color .15s}
.site-header.has-upcoming>.nav a[aria-current="page"] {text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.site-header.has-upcoming>.nav a:hover {background:#fff8e9;border-color:#b3a07a;color:#342919}
@media(max-width:640px){.site-header.has-upcoming>.nav {grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:56px;gap:8px}.site-header.has-upcoming>.nav a,.site-header.has-upcoming>.nav a[aria-current="page"],.site-header.has-upcoming>.nav .song-entry-link {font-size:.85rem;padding:9px 10px}}
.site-header.has-upcoming>.hour-playlist {background:linear-gradient(120deg,#fffbed,#ede5d2);border:1px solid #bcb093;box-shadow:inset 0 0 0 3px #fffdf455,0 3px 8px #5946260a}
.site-header.has-upcoming .hour-playlist h2 {color:#554c35;letter-spacing:.1em}
.site-header.has-upcoming .hour-track__state {color:#6c7c24}
.site-header.has-upcoming .radio-header-identity .brand-logo,.site-header.has-upcoming .radio-header-identity summary {background:linear-gradient(#fffaf0,#ece4d1);border:1px solid #bcb093;box-shadow:inset 0 1px #fffdf4;color:#403c30}
body:has(> .site-header) #page-content {padding-top:20px;padding-bottom:32px}
body:has(> .site-header) #page-content > :is(.section,.song-entry-card,.partners-section):not(.home-zemivo-tiles):not(.promo-grid) {
  border:1px solid #d1c3a5;border-top:3px solid #a18a61;border-radius:18px;
  background:linear-gradient(120deg,#fffdf5,#f6efdf);color:#302f25;
  box-shadow:inset 0 1px #fff,0 7px 20px -12px #59452855;
  box-sizing:border-box;width:calc(100% - 40px);max-width:1200px;margin-inline:auto;
  padding:clamp(20px,3vw,38px);margin-block:24px;
}
body:has(> .site-header) #page-content :is(h1,h2) {font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-.025em;line-height:1.15}
body:has(> .site-header) #page-content :is(h3,h4) {letter-spacing:-.01em}
body:has(> .site-header) #page-content .eyebrow {color:#77713d;letter-spacing:.15em;font-size:.72rem}
body:has(> .site-header) #page-content :is(.section-lead,.section-description) {color:#686351}
body:has(> .site-header) #page-content .button:not(.button-ghost) {background:linear-gradient(#d4e46b,#baca46);border:1px solid #9ca742;border-radius:10px;color:#2c3517;box-shadow:inset 0 1px #f6ffd0,0 3px 5px #525f1320;font-weight:750}
body:has(> .site-header) #page-content .button:hover {filter:brightness(1.04)}
body:has(> .site-header) #page-content .button-ghost {background:#fff9ec;color:#59513a;border:1px solid #bbae8c;border-radius:10px}
body:has(> .site-header) :is(a,button,input,textarea,select,summary):focus-visible {outline:3px solid #7a8734;outline-offset:4px}
body:has(> .site-header) #page-content :is(.promo-card,.program-card,.program-secondary:not(p),.weekly-song,.channel-card) {background:linear-gradient(125deg,#fffaf0,#eee6d3);border:1px solid #cfc1a1;border-radius:12px;box-shadow:inset 0 1px #fffdf5,0 3px 7px #69512a0a;color:#39372b}
body:has(> .site-header) #page-content .promo-card {border-top:3px solid #a18a61;padding:24px}
body:has(> .site-header) #page-content .chart-preview {background:linear-gradient(135deg,#18251c,#263226);color:#f8f0d8;padding:18px 22px;border:3px solid #ac9a70;border-radius:13px;box-shadow:inset 0 2px 9px #0006,0 0 0 1px #786446}
body:has(> .site-header) #page-content .chart-preview :is(strong,a) {color:#faf5e5}
body:has(> .site-header) #page-content .chart-preview :is(small,span) {color:#d9d7b9}
body:has(> .site-header) #page-content .chart-preview li {border-color:#c6b47b33}
body:has(> .site-header) #page-content .partner-spotlight {background:#ede5d2;border-color:#cbb990;border-radius:13px;box-shadow:none}
body:has(> .site-header) #page-content .debeka-pet-ad {border-color:#c8bda3;border-radius:14px;box-shadow:none}
body:has(> .site-header) #page-content .debeka-pet-ad__copy {background:#faf5e8}
/* Preserve partner branding and artwork; only coordinate the surrounding frame. */
body:has(> .site-header) #page-content .album-of-month {border-color:#b39a68;background:linear-gradient(115deg,#e7ddc5,#fff7e6)}
body:has(> .site-header) #page-content .album-of-month :is(h2,p) {color:#3b3528}
body:has(> .site-header) #page-content .album-of-month img {border-radius:10px;box-shadow:0 8px 16px #30251533}
body:has(> .site-header) #page-content [data-channel-id] {border-color:#c6ba97;border-radius:10px;background:linear-gradient(#fffaf0,#ede4cf);color:#4c4837;box-shadow:inset 0 1px #fff}
body:has(> .site-header) #page-content [data-channel-id][aria-pressed="true"] {background:linear-gradient(#3d4930,#283721);border-color:#8d9f3c;color:#f4f1d8;box-shadow:inset 0 1px #95a36b,0 0 0 2px #cbd78055}
body:has(> .site-header) #page-content [data-channel-id][aria-pressed="true"] :is(span,small,strong) {color:inherit}
body:has(> .site-header) #page-content :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select) {background:#fffdf7;border:1px solid #bcb095;border-radius:8px;color:#343329}
body:has(> .site-header) #page-content .home-zemivo-tiles {border-top:3px double #a9956c;padding-top:30px}
body:has(> .site-header) #page-content .home-zemivo-tiles > .section {background:linear-gradient(130deg,#182118,#101a14);border:1px solid #8a7e50;border-radius:14px;box-shadow:inset 0 1px #bfb17b33}
body:has(> .site-header) #page-content .home-zemivo-tiles :is(h2,.eyebrow) {font-family:inherit;letter-spacing:0}
body:has(> .site-header) .site-footer {padding:30px clamp(20px,4vw,60px);background:repeating-linear-gradient(1deg,#ffffff03 0 2px,transparent 2px 6px),linear-gradient(100deg,#463321,#665039,#463524);border-top:4px solid #ac976d;color:#eee4cb}
body:has(> .site-header) .site-footer a {color:#e5dbc1}
body:has(> .site-header) .site-footer a:hover {color:#dcf079}
@media(max-width:640px){
  body:has(> .site-header) #page-content {padding-top:4px}
  body:has(> .site-header) #page-content > :is(.section,.song-entry-card,.partners-section):not(.home-zemivo-tiles):not(.promo-grid) {padding:20px 16px;margin-block:16px;border-radius:13px}
  body:has(> .site-header) #page-content .chart-preview {padding:14px 12px}
  body:has(> .site-header) #page-content .promo-card {padding:20px 16px}
  .site-header.has-upcoming>.nav a {padding:9px 10px}
}
@media(prefers-reduced-motion:reduce){.site-header.has-upcoming>.nav a{transition:none}}