.ruv-heading{display:flex;align-items:center;gap:20px;margin-bottom:24px}.ruv-heading h1{font-weight:400;font-size:2rem;margin:0;flex:1}.ruv-mark{width:58px;height:58px;object-fit:contain}.ruv-services{display:flex;flex-wrap:wrap;gap:14px}.ruv-services[hidden],.ruv-browser button[hidden]{display:none!important}.ruv-status{min-height:1.5em;line-height:1.5}.ruv-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}.ruv-card{display:flex;flex-direction:column;gap:14px;background:none;text-align:left;border:0;padding:0;border-radius:var(--radius-poster);min-width:0;cursor:pointer}.ruv-art,.ruv-no-art{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-poster);background:var(--fs-solid)}.ruv-no-art{display:grid;place-items:center;color:var(--muted)}.ruv-card strong{font-size:.9rem;font-weight:500;line-height:1.4}.ruv-episode,.ruv-radio{justify-content:flex-start;text-align:left;min-height:64px;white-space:normal}.ruv-credit{font-size:.75rem;margin-top:30px}.ruv-browser>[data-focus="ruv-more"]{margin-top:24px}.ruv-grid:has(.ruv-episode){grid-template-columns:repeat(3,minmax(0,1fr))}
@media(min-width:2600px){.ruv-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:32px}}
@media(max-width:1200px){.ruv-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.ruv-grid:has(.ruv-episode){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ruv-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}.ruv-card strong{font-size:.8rem}.ruv-grid:has(.ruv-episode){grid-template-columns:1fr}.ruv-heading{gap:12px;flex-wrap:wrap}.ruv-mark{width:40px;height:40px}.ruv-heading h1{font-size:1.6rem}.ruv-heading .control{font-size:.8rem}}
@media(min-width:601px){
  .page .ruv-browser{display:flex;flex-direction:column;flex:1;min-height:0}
  .page .ruv-heading,.page .ruv-services,.page .ruv-status,.page .ruv-credit,.page .ruv-browser>[data-focus="ruv-more"]{flex:none}
  .page .ruv-grid{flex:1;min-height:0;overflow:auto;align-content:start;overscroll-behavior:contain;padding:6px;scroll-padding:6px}
  .page .ruv-heading{margin-bottom:1rem}
  .page .ruv-status:empty{display:none}
  .page .ruv-credit{margin:.7rem 0 0}
  .page .ruv-browser>[data-focus="ruv-more"]{margin-top:.7rem;align-self:flex-start}
}
