/* Funktion „radio“ */
.guc-ra-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1rem; margin: 1rem 0 1.5rem; }
.guc-ra-card { display: flex; gap: .9rem; align-items: flex-start; padding: 1rem; min-width: 0;
  background: var(--wp--preset--color--accent-5); border: 1px solid rgba(205, 191, 164, .25); border-radius: 8px; transition: border-color .15s; }
.guc-ra-card.is-current { border-color: var(--wp--preset--color--accent-1); }
.guc-ra-card.is-playing { box-shadow: 0 0 0 1px var(--wp--preset--color--accent-1), 0 0 18px rgba(226, 176, 74, .18); }
.guc-ra-info { min-width: 0; flex: 1; }
.guc-ra-info h3 { margin: .1rem 0 .3rem; font-family: var(--wp--preset--font-family--vollkorn, serif); font-size: 1.15rem; color: var(--wp--preset--color--accent-1); }
.guc-ra-desc { margin: 0; font-size: .92rem; opacity: .85; }
.guc-ra-now, .guc-ra-state { margin: .45rem 0 0; font-size: .85rem; overflow-wrap: anywhere; }
.guc-ra-label { color: var(--wp--preset--color--accent-4); }
.guc-ra-state { color: var(--wp--preset--color--accent-4); font-style: italic; }
.guc-ra-play, .guc-ra-mini button { flex: none; display: inline-flex; align-items: center; justify-content: center; cursor: pointer;
  width: 3rem; height: 3rem; border-radius: 50%; border: 2px solid var(--wp--preset--color--accent-1);
  background: var(--wp--preset--color--base); color: var(--wp--preset--color--accent-1); font-size: 1.1rem; line-height: 1; padding: 0; }
.guc-ra-play:hover, .guc-ra-play:focus-visible, .guc-ra-mini button:hover, .guc-ra-mini button:focus-visible { background: var(--wp--preset--color--accent-1); color: var(--wp--preset--color--base); }
.guc-ra-card.is-playing .guc-ra-play { background: var(--wp--preset--color--accent-1); color: var(--wp--preset--color--base); }
.guc-ra-mini { position: fixed; z-index: 50; right: 1rem; bottom: 1rem; left: auto; max-width: calc(100vw - 2rem); width: 26rem; box-sizing: border-box;
  display: flex; align-items: center; gap: .6rem; padding: .6rem .8rem; border-radius: 10px;
  background: var(--wp--preset--color--accent-5); border: 1px solid var(--wp--preset--color--accent-1); box-shadow: 0 6px 24px rgba(0, 0, 0, .5); }
.guc-ra-mini[hidden] { display: none; }
.guc-ra-mini button { width: 2.4rem; height: 2.4rem; font-size: .95rem; }
.guc-ra-mini-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; font-size: .85rem; }
.guc-ra-mini-txt strong, .guc-ra-mini-txt span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.guc-ra-mini-txt span { opacity: .75; }
.guc-ra-vol { display: flex; align-items: center; gap: .25rem; flex: none; }
.guc-ra-vol input { width: 5.5rem; accent-color: var(--wp--preset--color--accent-1); }
.guc-ra-foot { margin-bottom: 5rem; }
@media (max-width: 480px) {
  .guc-ra-mini { left: .5rem; right: .5rem; bottom: .5rem; width: auto; max-width: none; }
  .guc-ra-vol input { width: 4rem; }
}