/* Strictly scoped: no existing website selector or design token is changed. */
.db-youtube-section { background: var(--soft); }
.db-video-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; }
.db-video-card { min-width:0; overflow:hidden; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); display:flex; flex-direction:column; }
.db-video-card[hidden] { display:none; }
.db-video-image { display:block; position:relative; aspect-ratio:16/9; background:var(--ink); }
.db-video-image img { width:100%; height:100%; object-fit:contain; }
.db-video-image>span { position:absolute; left:16px; bottom:16px; display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:var(--red-dark); color:white; }
.db-video-copy { padding:24px; display:flex; flex-direction:column; flex:1; }
.db-video-copy h3 { font-size:1.22rem; line-height:1.3; overflow-wrap:anywhere; margin-bottom:14px; }
.db-video-copy p { color:var(--muted); font-size:.94rem; }
.db-video-copy .db-video-date { font-size:.78rem; margin-bottom:12px; }
.db-video-copy>.text-link { margin-top:auto; padding-top:8px; }
.db-video-actions { display:flex; flex-wrap:wrap; gap:20px; align-items:center; margin-top:32px; }
.db-video-topics { display:flex; flex-wrap:wrap; gap:12px; margin:0 0 28px; }
.db-video-topics a { border:1px solid var(--line); border-radius:999px; padding:10px 16px; background:white; font-weight:700; }
.db-video-player { position:relative; aspect-ratio:16/9; max-width:1040px; margin:0 auto 28px; background:var(--ink); border-radius:var(--radius); overflow:hidden; }
.db-video-player>img { width:100%; height:100%; object-fit:contain; opacity:.28; }
.db-video-player iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.db-video-consent { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:24px; color:white; text-align:center; }
.db-video-consent p { max-width:640px; margin:0 0 20px; }
.db-video-consent a { text-decoration:underline; }
.db-video-consent button { border:0; cursor:pointer; font:inherit; }
.db-video-editorial { max-width:850px; margin:44px auto 0; }
.db-video-editorial h2 { font-size:clamp(1.6rem,3vw,2.3rem); margin-top:40px; }
.db-video-editorial p { color:var(--muted); }
.db-video-note { padding:20px; border:1px solid var(--line); border-radius:16px; background:var(--soft); }
@media (max-width:900px) { .db-video-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px) { .db-video-grid { grid-template-columns:1fr; } .db-video-copy { padding:20px; } .db-video-player { aspect-ratio:auto; min-height:330px; } .db-video-player>img { position:absolute; inset:0; } .db-video-player:has(iframe) { aspect-ratio:16/9; min-height:0; } .db-video-consent { padding:20px; font-size:.9rem; } }
@media (prefers-reduced-motion:reduce) { .db-youtube-section .button { transition:none; } }