.guide-videos{padding:56px 0 44px;background:#fff;scroll-margin-top:100px}
.video-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:28px}
.video-section-heading .section-kicker{color:var(--blue-mid);margin-bottom:10px}
.video-section-heading h2{color:var(--blue-dark);font-size:clamp(1.8rem,3.5vw,2.8rem);line-height:1.12;letter-spacing:-.035em;margin:0 0 12px}
.video-section-heading p{max-width:660px;margin:0;color:var(--muted)}
.video-written-link{flex-shrink:0;max-width:225px;font-size:.87rem;font-weight:750;color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.video-written-link span{display:inline-block;margin-left:6px}
.video-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.video-guide-card{border:1px solid #dce5f2;border-radius:24px;overflow:hidden;box-shadow:0 10px 28px rgba(13,59,143,.07);background:white;transition:transform .2s ease,box-shadow .2s ease}
.video-guide-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(13,59,143,.14)}
.video-guide-link{display:flex;flex-direction:column;height:100%;color:inherit}
.video-guide-link:focus-visible{outline:3px solid var(--blue-mid);outline-offset:-4px;border-radius:23px}
.video-guide-poster{position:relative;display:flex;align-items:center;justify-content:center;height:268px;overflow:hidden;background:radial-gradient(ellipse at 15% 85%,#bfd5fc,transparent 60%),linear-gradient(135deg,#eaf2ff,#f6f8fc)}
.video-guide-poster-calendar{background:radial-gradient(ellipse at 85% 80%,#ded2fa,transparent 65%),linear-gradient(135deg,#eef1ff,#faf8ff)}
.video-guide-poster-business{background:radial-gradient(ellipse at 15% 85%,#f0dcae,transparent 65%),linear-gradient(135deg,#f5f0e4,#fffaf1)}
.video-guide-poster img{width:auto;height:238px;object-fit:contain;border-radius:9px;box-shadow:0 8px 25px rgba(6,29,75,.15)}
.video-guide-category{position:absolute;top:14px;left:14px;padding:5px 10px;border:1px solid #d5e0f0;border-radius:999px;background:#fff;color:var(--blue-dark);font-weight:750;font-size:.73rem}
.video-guide-play{position:absolute;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--blue-mid);color:white;box-shadow:0 0 0 7px rgba(255,255,255,.8),0 8px 24px rgba(6,29,75,.22)}
.video-guide-play svg{width:29px;height:29px;margin-left:3px}
.video-guide-duration{position:absolute;right:14px;bottom:14px;padding:3px 9px;border-radius:7px;background:#061d4b;color:#fff;font-weight:700;font-size:.79rem;font-variant-numeric:tabular-nums}
.video-guide-body{display:flex;flex-direction:column;flex:1;padding:24px}
.video-guide-step{color:#50678a;font-size:.66rem;font-weight:800;letter-spacing:.1em}
.video-guide-body h3{font-size:1.24rem;color:var(--blue-dark);line-height:1.24;letter-spacing:-.025em;margin:10px 0}
.video-guide-body p{font-size:.92rem;line-height:1.65;color:#526078;margin:0 0 20px}
.video-guide-watch{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:16px;border-top:1px solid #e5ebf4;color:var(--blue-mid);font-size:.86rem;font-weight:800}
.video-guide-watch span{font-size:1.15rem}
.video-guide-note{margin:22px 0 0;font-size:.84rem;color:#647083;max-width:950px}
.guide-video-dialog{padding:0;width:min(760px,calc(100% - 24px));max-height:94dvh;border:1px solid #dce5f2;border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 30px 100px rgba(0,0,0,.3);overflow:auto}
.guide-video-dialog::backdrop{background:rgba(6,18,43,.8)}
.guide-video-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px}
.guide-video-dialog-header h2{font-size:1rem;line-height:1.4;color:var(--blue-dark);margin:0}
.guide-video-dialog-header form{margin:0;flex-shrink:0}
.guide-video-close{font:inherit;font-size:.85rem;font-weight:700;cursor:pointer;border:1px solid #dce5f2;border-radius:10px;padding:8px 12px;background:#f5f8ff;color:var(--blue)}
.guide-video-close span{font-size:1.1rem;margin-left:5px}
.guide-video-dialog video{display:block;width:100%;height:min(68dvh,640px);background:#030814;object-fit:contain}
.guide-video-fallback{margin:0;padding:13px 20px;font-size:.82rem;color:var(--muted)}
.guide-video-fallback a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.guide-video-close:focus-visible,.video-written-link:focus-visible,.guide-video-fallback a:focus-visible{outline:3px solid var(--blue-mid);outline-offset:3px}
html.guide-video-open{overflow:hidden}
@media(max-width:900px){.video-section-heading{display:block}.video-written-link{display:inline-block;max-width:none;margin-top:18px}.video-guide-grid{gap:14px}.video-guide-body{padding:18px}.video-guide-poster{height:225px}.video-guide-poster img{height:198px}}
@media(max-width:700px){.guide-videos{padding:34px 0}.video-guide-grid{grid-template-columns:1fr}.video-guide-poster{height:250px}.video-guide-poster img{height:224px}.video-guide-body{padding:22px}.video-guide-body h3{font-size:1.35rem}.guide-video-dialog-header{padding:14px}.guide-video-dialog-header h2{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){.video-guide-card{transition:none}.video-guide-card:hover{transform:none}}

/* YouTube Shorts: preserve complete portrait covers and use direct watch links. */
.video-guide-link{text-decoration:none}
.video-guide-link:focus-visible{outline:4px solid #c99a3f;outline-offset:-5px}
.video-guide-poster{height:auto;background:#061d4b}
.video-guide-poster img{display:block;width:100%;height:auto;max-height:480px;object-fit:contain;border-radius:0;box-shadow:none}
.video-guide-step{font-size:.75rem;text-transform:uppercase}
.video-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.video-guide-grid{max-width:420px;margin-inline:auto}.video-guide-poster{height:auto}.video-guide-poster img{height:auto;max-height:520px}}
