/* Video guides page: the block pulled from HandHoldly (guides/videos/README.md). Brand tokens only. */
.video-guides { max-width: 72rem; margin-inline: auto; }
.hh-video { margin-bottom: 3rem; }
.hh-video-row { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 24px; align-items: start; }
@media (max-width: 800px) { .hh-video-row { grid-template-columns: 1fr; } }
.hh-facade { position: relative; display: block; width: 100%; padding: 0; border: 0; background: var(--bh-navy); cursor: pointer; aspect-ratio: 16 / 9; }
.hh-facade img, .hh-frame, .hh-player iframe { width: 100%; height: auto; aspect-ratio: 16 / 9; display: block; border: 0; }
.hh-play { position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; transform: translate(-50%, -50%); }
.hh-facade:focus-visible { outline: 3px solid var(--bh-blue); outline-offset: 3px; }
.hh-voice { font-size: 0.9em; margin-top: 0.5rem; }
.hh-transcript h3 { font-size: 1rem; margin-top: 1rem; }