/* Luister mee (13-10-2026, eerst op de testsite, op verzoek daarna ook op de echte site). "stereo" en "RDS" staan
   in één groep die samen naar de volgende regel verspringt, en schuiven iets naar
   links (smallere dBµV-kolom en tussenruimtes), zodat er ook bij "volle bak" een ronde knop ▶ naast past. Die knop is
   een fractie groter dan de pilletjes, met dezelfde amberkleurige rand, doorzichtig, met eigen iconen (SVG) precies in
   het midden; de standaardknop van de telefoon staat uit. Tijdens het spelen (■) is hij gevuld amber. */
.ontvangsten li { gap: .2rem .4rem; }
/* Minder ruimte tussen het getal en "dBµV" (de gebruiker), en dus een smallere kolom. */
.dbuv { min-width: 3.6rem; word-spacing: -.35em; }
/* En de bolletjes en "volle bak" iets compacter: zo past de rij ook op een telefoon van 384 px op één regel. */
.ontvangsten .bol { letter-spacing: .01em; }
.ontvangsten .vollebak { letter-spacing: .03em; padding: .05rem .38rem; }
.vlaggen { display: inline-flex; flex-wrap: nowrap; gap: .35rem; align-items: center; white-space: nowrap; }
.speel { position: relative; flex: none; box-sizing: border-box; display: inline-flex; align-items: center;
         justify-content: center; width: 1.4rem; height: 1.4rem; margin: 0; padding: 0; -webkit-appearance: none;
         appearance: none; color: var(--accent); background: transparent; border: 1px solid var(--accent);
         border-radius: 50%; cursor: pointer; }
.speel svg { display: block; width: .85rem; height: .85rem; fill: currentColor; }
.speel .icoon-stop, .speel.speelt .icoon-speel { display: none; }
.speel.speelt .icoon-stop { display: block; }
.speel::after { content: ""; position: absolute; inset: -.5rem -.3rem; }  /* ruimer drukvlak voor de telefoon */
.speel.speelt { background: var(--accent); color: var(--surface); }
.speel:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }