.dj-wrap .note { color:#666; font-size:.9rem; }
.radyo-panel .radyo-box { margin: 8px 14px 0; border: 1px solid #e5e5e5; border-radius: 6px; padding: 10px 12px; background: #e3ded8; }
.radyo-panel .radyo-box h3 { margin: 0 0 8px; font-size: 1rem; }
.radyo-panel .radyo-box { margin: 8px 14px 0; border: 1px solid #e5e5e5; border-radius: 6px; padding: 10px 12px; background: #e3ded8; }
.radyo-panel .radyo-box h3 { margin: 0 0 8px; font-size: 1rem; }
.dj-wrap { max-width: 920px; margin: 0 auto; }
.radyo-panel .radyo-box { margin: 8px 14px 0; border: 1px solid #e5e5e5; border-radius: 6px; padding: 10px 12px; background: #e3ded8; }
.radyo-panel .radyo-box h3 { margin: 0 0 8px; font-size: 1rem; }
/* radio-header.css */
  .radyo-bar{display:flex;align-items:center;gap:10px;background:{RADYO_COLOR};color:{RADYO_TEXT_COLOR};padding:6px 10px;border-bottom:1px solid rgba(255,255,255,.12)}
  .radyo-btn{cursor:pointer;border:none;background:transparent;font-size:16px;color:inherit}
  .radyo-left,.radyo-right{display:flex;align-items:center;gap:8px;padding-right:50px;}
  /* Keep everything on ONE LINE in the middle, marquee takes remaining space */
  .radyo-middle{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
  .radyo-dj,.radyo-hi{white-space:nowrap}
  .radyo-marquee{flex:1;min-width:0;position:relative;overflow:hidden;white-space:nowrap}
  .radyo-marquee span{display:inline-block;will-change:transform}
  /* === Collapsible section === */

.activeradio, .buttonradio:hover {
	color: green;
	font-size: 1.25em;
}

.buttonradio {
  color: green;
  font-size: 1.25em;
  font-weight: bold;
  border: 1px solid black;
}

.buttonradio:after {
  color: red;
  border: 0px solid black;
  content: '\02C5'; /* Unicode character for "plus" sign (+) */
}

.activeradio:after {
	color: red;
	font-weight: bold;
	content: "\02C4"; /* Unicode character for "minus" sign (-) */
}