.sermon-ui{background:rgba(0,0,0,.65);padding:30px;border-radius:16px;color:#fff}
.caption{color:#ccc}
.search{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}
.search input,.search select{background:#eee;border:none;padding:12px;border-radius:6px}
#btn,#loadMore{background:#e1d3b8;color:#222;padding:12px 18px;border:none;border-radius:10px}
.expand{background:#e1d3b8;color:#222;padding:14px 24px;border-radius:20px;border:none;margin-top:20px}
#results{column-count:3;column-gap:20px}
.card{display:inline-block;width:100%;margin:12px 0;background:#1c1c1c;padding:18px;border-radius:14px;cursor:pointer}
.card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.4)}
@media(max-width:1024px){#results{column-count:2}}
@media(max-width:600px){#results{column-count:1}}