.series-feature{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(24px,4vw,52px);margin-bottom:clamp(52px,7vw,90px);border:1px solid #cbd8e8;background:linear-gradient(130deg,#edf3fa 0%,#f8fbff 68%,#e8f0fa 100%);border-radius:12px;box-shadow:0 16px 50px #12244112}
.series-feature.channel-feature{margin-bottom:24px}
.series-feature h2{font-size:clamp(32px,3.5vw,54px);margin:12px 0 18px;line-height:1.05}
.series-feature p{color:#42536d;max-width:38em;line-height:1.7}
.series-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:26px}
.series-channel{color:#2458ae;font-size:13px;font-weight:700;text-underline-offset:4px}
.series-player{background:#0b1830;padding:8px;border-radius:9px;box-shadow:0 14px 38px #06173030}
.series-player iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:4px;background:#0b1830}
.filters{grid-template-columns:2fr repeat(5,minmax(0,1fr))}
.sermon-art{position:relative;overflow:hidden;isolation:isolate}
.sermon-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.sermon-art:has(img)::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07142877,#07142815 42%,#071428d9);z-index:-1}
.sermon-art .source{background:#0b1c34dc;padding:5px 9px;border-radius:3px;color:#fff}
.sermon-art .service-name{text-shadow:0 2px 12px #071428}
.sermon-card .description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
#player-frame video{display:block;width:100%;max-height:70vh;background:#0b1830}
html[data-theme="dark"] .series-feature{background:linear-gradient(135deg,#132c4c,#1b3a60);border-color:#345173;box-shadow:0 16px 50px #06132255}
html[data-theme="dark"] .series-feature p{color:#c3d4e9}
html[data-theme="dark"] .series-channel{color:#b9d3ff}
@media(max-width:1000px){.filters{grid-template-columns:repeat(3,minmax(0,1fr))}.search-field{grid-column:1/-1}}
@media(max-width:850px){.series-feature{grid-template-columns:1fr}.series-player{order:-1}}
@media(max-width:600px){.series-feature{padding:16px;border-radius:7px}.series-feature h2{font-size:36px}.series-feature .button{width:100%;text-align:center}.series-player{padding:4px}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}




.sermon-card[role='button']{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.sermon-card[role='button']:hover{transform:translateY(-3px);box-shadow:0 18px 42px #07142833}.sermon-card[role='button']:focus-visible{outline:3px solid #87b9ff;outline-offset:3px}

.library-links{display:flex;flex-wrap:wrap;gap:20px;margin:-4px 0 28px}.library-links a{font-weight:700;text-underline-offset:4px}.inline-player{margin:0 0 34px;padding:clamp(16px,3vw,30px);border:1px solid #b9cce2;border-radius:12px;background:#edf3fa;color:#12233b;box-shadow:0 18px 48px #08162d27;scroll-margin-top:95px}.inline-player[hidden]{display:none!important}.inline-player .player-heading{position:sticky;top:0;z-index:2;padding:6px 0 14px;background:#edf3fa}.inline-player .player-heading h2{font-size:clamp(22px,2.5vw,32px);line-height:1.12}.inline-player #close-player{width:auto;height:auto;border-radius:5px;padding:11px 16px;font:700 14px 'DM Sans',sans-serif;background:#102f56;color:#fff;cursor:pointer}.inline-player #player-frame iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#0b1830}.inline-player .player-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:16px}.inline-player .player-actions p{margin:0}.inline-player .player-actions a{flex-shrink:0}html[data-theme='dark'] .inline-player{background:#163354;color:#f4f8ff;border-color:#416083}html[data-theme='dark'] .inline-player .player-heading{background:#163354}@media(max-width:600px){.inline-player{scroll-margin-top:70px}.inline-player .player-heading{align-items:flex-start}.inline-player #close-player{white-space:nowrap}}


.inline-player .player-heading-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:10px;flex-shrink:0}.inline-player .player-heading-actions .button{margin:0;white-space:nowrap}.inline-player #playback-note{margin:12px 0 0;font-size:14px}@media(max-width:850px){.inline-player .player-heading{display:block}.inline-player .player-heading-actions{justify-content:flex-start;margin-top:12px}}