/* Separate column stacks keep an open player from stretching its neighbour. */
.video-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 0 2rem; margin: 1rem 0; }
.video-column { min-width: 0; list-style: none; margin: 0; padding: 0; }
.video-column > li { margin: 0; padding: 0; }
.video-disclosure { border: 1px solid transparent; border-bottom-color: var(--kb-linen); scroll-margin-top: calc(var(--kb-header-height) + var(--kb-admin-bar-height) + 24px); }
.video-question { display: flex; align-items: center; gap: .8rem; min-height: 64px; padding: 1rem .75rem; list-style: none; cursor: pointer; color: var(--kb-ink); line-height: 1.5; }
.video-question::-webkit-details-marker { display: none; }
.video-question > span { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.video-play-icon, .video-chevron { flex: none; color: var(--kb-gold-dark); }
.video-disclosure:hover, .video-disclosure:focus-within, .video-disclosure[open] { background: var(--kb-paper); border-color: rgb(157 98 18 / 46%); }
.video-question:hover { color: var(--kb-gold-dark); }
.video-disclosure[open] > .video-question { font-weight: 600; }
.video-disclosure[open] .video-chevron { transform: rotate(180deg); }
.video-question:focus-visible { outline: 3px solid var(--kb-focus); outline-offset: 3px; }
.video-panel { padding: 0 .75rem 1rem; }
.video-player { aspect-ratio: 16 / 9; background: var(--kb-deep); }
.video-player iframe { display: block; width: 100%; height: 100%; border: 0; }
.video-links { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .4rem 1rem; padding-top: .75rem; font-size: .84rem; }
.video-links a { display: inline-block; padding-block: .3rem; text-underline-offset: .2em; }
.video-links .video-provider-link { color: var(--kb-stone); font-size: .78rem; }
@media (max-width: 680px) { .video-columns { grid-template-columns: minmax(0, 1fr); } }