/* River sermons cards. Uses the River theme's tokens (tokens-b.css) with the same values as fallbacks, so it matches
   the dark Look B: night panels, gold #E1B04B as the accent (card hover/focus edge too). The archive dot follows the
   theme's --dot (Look B gold: the strip-light blue text highlight, Jim 10-28 pass 3; the teal second accent is retired).
   Inside the band (.band-soft) the theme resets --dot to the band's text color and the cards take the band's own card
   panel and text tokens, like the theme's own cards there.
   Headings use the theme's head font at weight 600. No JavaScript. Built by WorkflowUnity LLC. */
.river-sermons{--rs-surface:var(--surface,#181B23);--rs-line:var(--line,#2C313C);--rs-ink:var(--ink,#FFFFFF);--rs-muted:var(--muted,#C9CDD6);--rs-gold:var(--accent,#E1B04B);--rs-gold-ink:var(--accent-ink,#14161B);--rs-edge:var(--accent,#E1B04B);--rs-dot:var(--dot,currentColor);--rs-eyebrow:var(--eyebrow,#E1B04B);--rs-radius:var(--radius,14px)}
.river-sermons .rs-grid{list-style:none;margin:0;padding:0;display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}
@media(min-width:640px){.river-sermons .rs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media(min-width:1000px){.river-sermons .rs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.river-sermons .rs-item{margin:0;min-width:0}
.river-sermons .rs-item+.rs-item{margin-top:0}
.river-sermons .rs-card{display:flex;flex-direction:column;height:100%;background:var(--rs-surface);color:var(--rs-ink);border:1px solid var(--rs-line);border-radius:var(--rs-radius);overflow:hidden;text-decoration:none;transition:border-color .15s ease}
.river-sermons .rs-card:hover,.river-sermons .rs-card:focus-visible{border-color:var(--rs-edge)}
.river-sermons .rs-card:hover .rs-title,.river-sermons .rs-card:focus-visible .rs-title{color:var(--rs-gold);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.15em}
.river-sermons .rs-thumb{position:relative;display:block;aspect-ratio:16/9;background:var(--dark-2,#08090C);overflow:hidden}
.river-sermons .rs-thumb img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.river-sermons .rs-play{position:absolute;left:14px;bottom:14px;width:44px;height:44px;border-radius:50%;background:var(--rs-gold);color:var(--rs-gold-ink);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.river-sermons .rs-play svg{display:block;margin-left:2px}
.river-sermons .rs-body{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1}
.river-sermons .rs-tag{font-family:var(--font-body,inherit);font-weight:600;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--rs-eyebrow)}
.river-sermons .rs-tag-archive::before{content:"";display:inline-block;width:.55em;height:.55em;border-radius:50%;background:var(--rs-dot);margin-right:.5em;vertical-align:.05em}
.river-sermons .rs-title{font-weight:var(--head-weight,600);font-size:1.3rem;line-height:1.1;margin:0;color:inherit}
.river-sermons .rs-meta{font-size:1rem;color:var(--rs-muted);margin-top:auto}
.river-sermons .rs-more{margin:28px 0 0}
.river-sermons .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Inside the band (.band-soft) the card follows the theme's band tokens: --band-card for the panel, --ink/--muted/--eyebrow
   for the text (gold look: light panel, dark text; blue look: dark panel, white text). Fallback = the gold look.
   Site review H2 (10-28): a fixed light panel left the blue look's white text at 1.7:1. Edge on hover = the band ink. */
.band-soft .river-sermons .rs-card{background:var(--band-card,rgba(255,255,255,.6));border-color:transparent}
.band-soft .river-sermons .rs-card:hover,.band-soft .river-sermons .rs-card:focus-visible{border-color:var(--ink,#14161B)}
.band-soft .river-sermons .rs-card:hover .rs-title,.band-soft .river-sermons .rs-card:focus-visible .rs-title{color:inherit}
@media (prefers-reduced-motion:reduce){.river-sermons .rs-card{transition:none}}
