/* Inline comic players: shared by desktop and mobile. */
.video-intro{padding:26px 0 22px}.video-intro h1{font-size:clamp(27px,3.4vw,44px);line-height:1.5;margin:6px 0 12px}.video-intro .deck{font-size:16px}.video-meta{font-size:13px;color:var(--muted);margin:8px 0}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:28px 0 42px;align-items:start}
.video-card{min-width:0;scroll-margin-top:90px;border-top:3px solid var(--ink);padding-top:16px}.video-card .episode-heading h2{font-size:clamp(21px,2vw,28px);line-height:1.5;margin:0 0 16px;min-height:3em}.video-card .watch-video{margin:0}.video-player{position:relative;background:white;aspect-ratio:1;isolation:isolate}.video-player video{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:contain;background:white}.video-start{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:0;cursor:pointer;background:linear-gradient(transparent 15%,#192c250a 60%,#192c2514);color:white;font:inherit}.video-start[hidden]{display:none}.video-play-icon{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#173e33f5;box-shadow:0 2px 14px #0003;border:2px solid white;font-size:25px;padding-left:4px}.video-play-label{background:#173e33f5;padding:3px 14px;border-radius:20px;font-size:14px;font-weight:700}.video-start:hover .video-play-icon{background:#285a49;transform:scale(1.06)}.video-start:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.video-description{font-size:15px;line-height:1.8;margin:14px 0 0}.video-card [role=status]:empty{display:none}.video-card [role=status]{font-size:13px;margin:8px 0;color:var(--muted)}
.video-details{margin-top:15px;padding-top:12px;border-top:1px solid var(--line)}.video-details summary{font-size:14px;padding:3px 0}.watch-chapters button{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;text-align:left;width:100%;border:0;border-bottom:1px solid var(--line);padding:13px 0;background:transparent;color:var(--ink);font:inherit;font-size:14px;line-height:1.6;cursor:pointer}.watch-chapters button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.watch-chapters time{font-size:12px;color:var(--muted)}.watch-chapters .fine{margin:14px 0}.video-details figcaption{font-size:12px;color:var(--muted);margin:12px 0}.watch-actions{font-size:13px;margin:10px 0}.video-link{display:inline-block;font-weight:700;border-bottom:1px solid;padding:6px 0;text-decoration:none;margin-top:8px}
.video-home{border-top:3px solid var(--ink);padding-top:25px;margin:30px 0}.video-home>h2{font-size:clamp(26px,3vw,36px);line-height:1.5}.video-home-intro{margin-top:8px;color:var(--muted)}.video-next{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:3px solid var(--ink);padding:26px 0}.video-next h2{font-size:25px}.video-next p{font-size:16px;margin:8px 0}.video-inline-player{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:32px;border-top:3px solid var(--ink);border-bottom:1px solid var(--line);padding:26px 0;margin:26px 0 36px;align-items:center}.video-inline-player .video-card{border-top:0;padding-top:0}.video-inline-intro h2{font-size:30px;line-height:1.6;margin-bottom:12px}
@media(max-width:760px){.video-grid{grid-template-columns:1fr;gap:30px;margin:20px 0 32px}.video-card .episode-heading h2{min-height:0;font-size:25px;margin-bottom:12px}.video-intro{padding:20px 0 16px}.video-intro .overline{margin-bottom:8px}.video-inline-player{grid-template-columns:1fr;gap:20px}.video-next{grid-template-columns:1fr;gap:22px}.video-card{scroll-margin-top:95px}.video-description{font-size:15px}.video-home .overline{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.video-start:hover .video-play-icon{transform:none}}
@media(max-width:760px){.learn-page .masthead{padding:12px 0}.learn-page .masthead p{display:none}.learn-page .video-intro{padding:16px 0 4px}.learn-page .video-intro h1{font-size:25px;margin:0 0 8px;line-height:1.5}.learn-page .video-intro .deck{font-size:14px;line-height:1.7;margin:0 0 6px}.learn-page .video-grid{margin-top:18px}.learn-page .episode-heading h2{font-size:23px}}