.landscape video{aspect-ratio:16/9;object-fit:contain}
.walkthrough-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.walkthrough-card{display:block;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;text-decoration:none;color:var(--ink);transition:box-shadow .15s}
.walkthrough-card:hover{box-shadow:0 12px 25px #10223c15}
.walkthrough-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.walkthrough-card>div{padding:20px}.walkthrough-card h3{font-size:21px;letter-spacing:-.03em;margin:10px 0}.walkthrough-card p{font-size:13px;color:var(--muted);line-height:1.6}.watch-link{display:block;color:var(--blue);font-size:12px;font-weight:650;margin-top:18px}
.walkthrough-hero{padding-bottom:35px}.walkthrough-hero h1{font-size:clamp(36px,5vw,64px)}.back-to-library{display:inline-block;margin-top:24px;font-size:14px}
.lesson-player{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:36px;align-items:start}
.lesson-player .caption{margin-top:12px}.lesson-player .micro{margin-top:12px}.lesson-chapters{border:1px solid var(--line);border-radius:18px;background:#fff;padding:24px;max-height:560px;overflow-y:auto}.lesson-chapters h2{font-size:23px;margin-bottom:12px}.lesson-chapters .chapter{padding:12px 0}.lesson-chapters .chapter>span:nth-child(2){font-size:13px}.lesson-chapters .chapter small{font-size:10px}.media-links{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:13px;margin-top:18px}.media-links a{min-height:44px;display:inline-flex;align-items:center}
.lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.lesson{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;scroll-margin-top:90px}.lesson h3{font-size:24px;margin-bottom:16px}.lesson p:not(.eyebrow){font-size:15px;color:var(--muted)}.lesson li{font-size:13px;color:var(--muted)}
.setup-film{padding-top:28px;padding-bottom:20px}.setup-film .caption{max-width:800px}.setup-film .film-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:32px;align-items:start}.setup-film h2{font-size:29px;margin-bottom:18px}.setup-film .transcript{max-height:280px;overflow:auto}.setup-film .video-frame{max-width:800px}.setup-film .media-links{margin-top:10px}
.watch-layout.detailed-watch{grid-template-columns:1.3fr 1fr;gap:45px}.detailed-watch .watch-video{max-width:none}.detailed-watch .watch-copy h2{font-size:38px}.product-help-link{margin-top:22px}
@media(max-width:1050px){.walkthrough-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-player{gap:24px;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr)}.lesson-chapters{padding:18px}}
@media(max-width:760px){.lesson-player,.lesson-grid,.setup-film .film-layout,.watch-layout.detailed-watch{grid-template-columns:1fr}.lesson-chapters{max-height:none}.walkthrough-grid{gap:16px}.walkthrough-card>div{padding:16px}.walkthrough-card h3{font-size:20px}.walkthrough-hero h1{font-size:42px}.lesson{padding:23px}.setup-film{padding-top:22px}.detailed-watch .watch-copy h2{font-size:32px}}
@media(max-width:480px){.walkthrough-grid{grid-template-columns:1fr}.walkthrough-hero h1{font-size:36px}}
@media print{.lesson-player,.media-links,.setup-film,.back-to-library{display:none}.lesson-grid{display:block}.lesson{break-inside:avoid;margin:15px 0}.lesson p,.lesson li{color:#000}.walkthrough-grid{grid-template-columns:1fr 1fr}}
