/* radio.css -- the radio bar and the glitter title (dist/radio.html); a file of its own: the site's CSP allows no inline styles */
  #radiobar { display: flex; align-items: center; gap: 6px; margin: 1em 0; }
  #radiobar .back { margin-right: auto; }
  #radioon { display: flex; align-items: center; gap: 4px; cursor: pointer; user-select: none;
             position: fixed; top: 10px; right: 18px; z-index: 10000;          /* stays in the corner when scrolling */
             background: rgba(255, 255, 255, 0.85); border-radius: 6px; padding: 3px 6px; }
  #radioimg { height: 30px; width: auto; }
  #radioarrow { width: 30px; height: 15px; image-rendering: pixelated; }
  #radiosw { font: bold 13px/1 "Comic Sans MS", "Comic Neue", cursive; color: #c00000;
             text-shadow: 1px 1px 0 #ffd600; }
  #radioon:hover #radiosw { text-decoration: underline; }
  #radiosw.on { color: #1d6b2a; }
  h1 img.glitter { display: inline; margin: 0; vertical-align: -6px; width: 151px; height: 39px; }