/* Static two-line names keep the complete preset readable without a marquee. */
body.compactRadio #receiver .referenceSurface #retroPresets>button{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:.35cqw!important;padding:.35cqw .4cqw!important;overflow:visible!important;white-space:normal!important;}
body.compactRadio #receiver #retroPresets>button>small{font:700 .68cqw/1.2 system-ui!important;min-width:0!important;width:auto!important;}
body.compactRadio #receiver #retroPresets>button .presetTicker{display:block!important;min-width:0!important;width:100%!important;overflow:visible!important;white-space:normal!important;mask:none!important;}
body.compactRadio #receiver #retroPresets>button .presetTickerText{position:static!important;display:block!important;white-space:normal!important;animation:none!important;transform:none!important;overflow:visible!important;text-overflow:clip!important;max-width:100%!important;width:auto!important;font:650 .74cqw/1.22 system-ui!important;text-align:left;overflow-wrap:anywhere;}
#referenceSettings .refSettingsBody{gap:10px;margin-top:0;}
.menuGroup{border:1px solid #547268;border-radius:9px;background:#0c2026;min-width:0;}
.menuGroup>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;min-height:54px;padding:12px 16px;box-sizing:border-box;color:#e2f0d9;font:700 16px/1.3 system-ui;touch-action:manipulation;border-radius:8px;}
.menuGroup>summary::-webkit-details-marker{display:none;}
.menuGroup>summary::after{content:'＋';color:#a7cc9c;font-size:19px;}
.menuGroup[open]>summary::after{content:'−';}
.menuGroup[open]>summary{background:#203a34;border-bottom:1px solid #547268;border-radius:8px 8px 0 0;}
.menuGroupContent{padding:14px;min-width:0;}
.menuGroupContent fieldset{margin:0!important;min-width:0;}
.menuGroupContent>.touchEQ{margin-top:15px;}
.menuGroupContent>.eqTitle{margin:14px 0;}
.menuGroupContent .platformHint{margin-top:10px;}
body.compactRadio.hasRadioNews #receiver .referenceSurface .refStation{height:15%!important;grid-template-rows:1.4cqw minmax(0,1fr) 1.2cqw 1.35cqw!important;}
#radioNews{font-size:.84cqw;}#radioNewsLabel{font-size:.61cqw;}
@media(hover:hover){
 body.compactRadio #receiver .referenceSurface #retroPresets>button:hover,.menuGroup>summary:hover{border-color:#c0dea0!important;box-shadow:inset 0 0 12px #c2e99a24,0 0 5px #d6e8b820!important;}
 body.compactRadio #receiver :is(#referenceMenu,#retroInfo,#retroPrev,#retroNext):hover{box-shadow:0 0 .65cqw #b9e6b959!important;}
}
.menuGroup>summary:focus-visible{outline:3px solid #f2dda0;outline-offset:3px;}
body.radioTV .menuGroup>summary{font-size:22px;min-height:66px;}
@media(max-width:700px),(max-width:1000px) and (pointer:coarse){
 body.compactRadio #receiver .referenceSurface #retroPresets>button{gap:7px!important;padding:9px!important;min-height:64px!important;height:auto!important;}
 body.compactRadio #receiver #retroPresets>button>small{font-size:12px!important;}
 body.compactRadio #receiver #retroPresets>button .presetTickerText{font-size:12px!important;line-height:1.3!important;}
 body.compactRadio.hasRadioNews.retroMode #receiver .referenceSurface .refStation{height:auto!important;grid-template-rows:auto minmax(62px,1fr) 44px 38px!important;}
 #radioNews{font-size:13px;}#radioNewsLabel{font-size:9px;}.menuGroupContent{padding:12px;}
}

/* Draw the small pause control without relying on a special font glyph. */
body.compactRadio #receiver #radioNewsPause{font-size:0!important;}
#radioNewsPause::before{content:'';display:block;width:4px;height:8px;border-left:2px solid currentColor;border-right:2px solid currentColor;margin:auto;}
#radioNewsPause[aria-pressed=true]::before{width:0;height:0;border:4px solid transparent;border-left:7px solid currentColor;border-right:0;}
@media(max-width:700px),(max-width:1000px) and (pointer:coarse){
 body.compactRadio #receiver #referenceMenu,body.compactRadio #receiver #retroInfo{font-size:0!important;color:#e2f0d9!important;}
 body.compactRadio #receiver #referenceMenu::before{content:'MENU';font:700 12px/1.2 system-ui;display:block;color:#e2f0d9;}
 body.compactRadio #receiver #retroInfo::before{content:'INFO';font:700 12px/1.2 system-ui;display:block;color:#e2f0d9;}
}