.sbdvl-page .sb-section{padding-block:48px 70px}
.sbdvl-filters{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:0 0 30px}
.sbdvl-filters a{display:inline-flex;padding:7px 15px;border:1px solid #b7c8df;border-radius:20px;color:#11366e;font-weight:700;background:#fff}
.sbdvl-filters a[aria-current="page"]{background:#0c3979;color:#fff;border-color:#0c3979}
.sbdvl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.sbdvl-card{min-width:0;background:#fff;border:1px solid #e0e8f2;border-radius:18px;box-shadow:0 10px 28px #173d6410;padding:22px;display:flex;flex-direction:column;gap:12px}
.sbdvl-title{color:#102f62;font-size:clamp(18px,2vw,21px);line-height:1.65;margin:0;font-weight:800}
.sbdvl-summary{font-size:14px;line-height:1.8;color:#526176;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;min-height:50px}
.sbdvl-player{position:relative;overflow:hidden;background:#0c1732;border-radius:14px;margin:3px auto;width:100%;max-width:100%}
.sbdvl-player--vertical{width:min(100%,290px);aspect-ratio:9/16}
.sbdvl-player--landscape{width:100%;aspect-ratio:16/9}
.sbdvl-player iframe{display:block;width:100%;height:100%;border:0;position:absolute;inset:0}
.sbdvl-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;color:#60718a;border-top:1px solid #e5ebf2;padding-top:12px}
.sbdvl-foot a{font-weight:800;color:#0d4a89}
.sbdvl-source,.sbdvl-missing{background:#f5f7fa;padding:24px;border-radius:10px}
.sbdvl-pagination{display:flex;justify-content:center;gap:8px;margin-top:28px}
.sbdvl-pagination a{padding:6px 13px;border:1px solid #bbcee2;border-radius:7px}
.sbdvl-pagination a[aria-current="page"]{background:#0c3979;color:#fff}
@media(max-width:740px){.sbdvl-grid{grid-template-columns:1fr}.sbdvl-card{padding:15px}.sbdvl-player--vertical{width:min(100%,340px)}}

.sbdvl-demo-label{text-align:center;color:#745d36;background:#fff6e6;border:1px dashed #e5c583;border-radius:10px;padding:9px 15px;margin:0 0 20px;font-weight:700;font-size:13px}

/* A single item must be centered; don't leave a fake empty second column. */
.sbdvl-grid--single{grid-template-columns:minmax(0,620px);justify-content:center}
.sbdvl-grid--single .sbdvl-card{width:100%;box-sizing:border-box}
.sbdvl-grid--single .sbdvl-player--vertical{width:min(100%,260px)}
.sbdvl-card .sbdvl-title{line-height:1.45}
.sbdvl-summary{min-height:0}
@media(min-width:741px){.sbdvl-grid--single .sbdvl-card{padding:26px 32px}}
@media(max-width:740px){.sbdvl-grid--single{grid-template-columns:minmax(0,1fr)}.sbdvl-grid--single .sbdvl-player--vertical{width:min(100%,300px)}}

.sbdvl-empty{text-align:center;max-width:720px;margin:40px auto;color:#526176}