/* Explainer videos: the player block (guides and watch pages), the video cards on /videos, chapters and transcript. */
.lf-video{margin:1.6rem 0;max-width:960px}
.lf-video-frame{position:relative;aspect-ratio:16/9;background:#ffd23f;border:4px solid #1b1340;border-radius:16px;box-shadow:6px 6px 0 #1b1340;overflow:hidden}
.lf-video-frame video{display:block;width:100%;height:100%;background:#ffd23f}
.lf-video figcaption{margin-top:.7rem;font-size:.95rem;line-height:1.45}
.lf-video-tag{display:inline-block;padding:.1rem .55rem;border:2px solid #1b1340;border-radius:999px;background:#ffd23f;font-weight:700;font-size:.8rem;margin-right:.3rem}
.lf-vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.2rem}
.lf-vcard{display:flex;flex-direction:column;border:3px solid #1b1340;border-radius:16px;background:#fff;box-shadow:5px 5px 0 #1b1340;overflow:hidden;color:inherit;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
.lf-vcard:hover,.lf-vcard:focus-visible{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #1b1340}
.lf-vcard-img{position:relative;display:block;aspect-ratio:16/9;background:#ffd23f}
.lf-vcard-img img{display:block;width:100%;height:100%;object-fit:cover}
.lf-vcard-img::after{content:"▶";position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#1b1340;color:#ffd23f;display:grid;place-items:center;font-size:22px;padding-left:4px;box-sizing:border-box;opacity:.9}
.lf-vcard-time{position:absolute;right:8px;bottom:8px;padding:.1rem .45rem;border-radius:6px;background:#1b1340;color:#fff;font-size:.78rem;font-weight:700}
.lf-vcard-body{display:flex;flex-direction:column;gap:.3rem;padding:.85rem 1rem 1rem}
.lf-vcard-body b{font-size:1.05rem;line-height:1.3}
.lf-vcard-body span{font-size:.9rem;line-height:1.4;color:var(--ink-2,#4a4566)}
.lf-vcard-topic{font-size:.78rem!important;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.lf-next{display:flex;flex-wrap:wrap;gap:.7rem}
.lf-chapters{padding-left:0;list-style:none}
.lf-chapters li{padding:.35rem 0;border-bottom:1px dashed rgba(27,19,64,.2)}
.lf-chapters span,.lf-transcript span{display:inline-block;min-width:3.2em;font-variant-numeric:tabular-nums;font-weight:700;color:#6c4de6}
.lf-transcript p{margin:.35rem 0}
@media (prefers-reduced-motion:reduce){.lf-vcard{transition:none}}
/* the player placed under a page heading (server/videos.js placeVideos) */
.lf-video-band{padding-top:6px}
.lf-band-grid{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:clamp(16px,3vw,36px);align-items:center;padding:14px;border:3px solid #1b1340;border-radius:20px;background:#fff8dc;box-shadow:6px 6px 0 #1b1340}
.lf-band-grid .lf-video{margin:0}
.lf-band-grid .lf-video-frame{border-width:3px;box-shadow:4px 4px 0 #1b1340}
.lf-band-text h2{margin:.2rem 0 .4rem;font-size:clamp(20px,2.2vw,28px);line-height:1.2}
.lf-band-text p{margin:0 0 .6rem}
.lf-band-text .eyebrow{margin:0}
@media(max-width:760px){.lf-band-grid{grid-template-columns:1fr;padding:10px}}
/* home hero: the tour film in place of the stage card, and the one-minute question in its own band below */
.study-home-stage--video{display:flex;flex-direction:column;justify-content:center;min-height:0}
.lf-hero-video{position:relative;z-index:2;transform:rotate(-1.2deg)}
.lf-hero-video .lf-video{margin:0}
.lf-hero-video .lf-video-frame{border-width:5px;box-shadow:10px 10px 0 #1b1340}
.lf-hero-video figcaption{transform:rotate(1.2deg);padding-left:4px}
.lf-unmute{position:absolute;right:14px;top:14px;z-index:3;padding:.4rem .8rem;border:3px solid #1b1340;border-radius:999px;background:#ffd23f;color:#1b1340;font-family:inherit;font-weight:700;font-size:.9rem;line-height:1;box-shadow:3px 3px 0 #1b1340;cursor:pointer}
.lf-unmute:focus-visible{outline:3px solid #6c4de6;outline-offset:2px}
.study-home-stage--video .study-momo-wrap{position:relative;inset:auto;align-self:flex-end;margin-top:14px;display:flex;align-items:center;gap:10px}
.study-quest-band{padding-block:8px 28px}
.study-quest-band .study-quest{position:relative;left:auto;right:auto;bottom:auto;max-width:780px;margin:0 auto;transform:none}
.study-quest-band .study-stage-note{position:static;display:block;text-align:center;margin:12px auto 0}