.video-guides{margin:32px 0 44px}
.video-guides h2{max-width:850px}.video-guides .eyebrow{margin-bottom:12px}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0 20px}
.guide-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #3d3e47;border-radius:17px;background:#1c1d23;text-decoration:none;transition:border-color .15s,background .15s}
.guide-card:hover{background:#24252d;border-color:#aaa0bd}.guide-card:focus-visible{outline:3px solid #d0c0ff;outline-offset:4px}
.guide-preview{position:relative;background:#101114;aspect-ratio:16/9;overflow:hidden}.guide-preview img{width:100%;height:100%;object-fit:cover;display:block}
.guide-preview::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.65))}
.guide-time{position:absolute;bottom:10px;right:12px;z-index:1;padding:2px 8px;background:#15151de6;border:1px solid #66616e;border-radius:7px;font-size:12px;color:#fff}
.guide-card-copy{padding:18px 20px;display:flex;flex-direction:column;gap:5px;flex:1}.guide-card strong{font-size:19px;line-height:1.3;letter-spacing:-.025em}.guide-card small{font-size:13px;color:#bcbcc9}
.guide-watch{display:flex;align-items:center;gap:9px;margin-top:14px;font-size:14px;font-weight:600;color:#e2d8ff}.guide-watch svg{width:18px;height:18px;flex:none}
.guide-note{max-width:900px;font-size:13px;color:#aaaebd;line-height:1.65}.guide-written{font-size:18px!important;margin:40px 0 16px!important}
.guide-open{overflow:hidden}
.guide-dialog:not([open]){display:none}.guide-dialog[open]{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:24px;border:0;background:rgba(8,9,12,.88);z-index:100;overflow:auto;color:#f5f5fa;box-sizing:border-box}
.guide-dialog::backdrop{background:rgba(0,0,0,.45)}
.guide-shell{width:min(1080px,100%);max-height:100%;overflow:auto;background:#191a20;border:1px solid #4d4959;border-radius:22px;box-shadow:0 24px 80px #0009}
.guide-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 26px 18px}.guide-header h2{font-size:26px;line-height:1.25;letter-spacing:-.03em;margin:0 0 7px}.guide-header p{font-size:13px;color:#b4b4c1;margin:0}
.guide-close,.guide-retry{flex:none;min-height:44px;border:1px solid #53525e;border-radius:10px;background:#292a33;color:#f5f5fa;padding:9px 15px;font:inherit;font-size:14px;cursor:pointer}
.guide-video{display:block;width:100%;aspect-ratio:16/9;max-height:65vh;background:#08090b;object-fit:contain}.guide-video:focus-visible{outline:3px solid #d0c0ff;outline-offset:-3px}
.guide-footer{padding:16px 26px 22px;font-size:13px;color:#bcbcc9}.guide-footer p{margin:0 0 10px}.guide-footer a{display:inline-flex;align-items:center;min-height:44px;color:#e0d6ff;text-underline-offset:5px}.guide-error{padding:12px 16px;margin-bottom:14px;border:1px solid #74707d;border-radius:10px;background:#24242d}.guide-error[hidden]{display:none}#guideStatus:empty{display:none}
@media(max-width:900px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-card-copy{padding:16px}.guide-header{padding:18px}.guide-footer{padding:16px 18px}}
@media(max-width:520px){.guide-grid{grid-template-columns:1fr;gap:18px}.guide-card-copy{padding:16px 18px}.guide-card strong{font-size:19px}.guide-card small{font-size:13px}.guide-watch{font-size:14px;margin-top:9px}.guide-dialog[open]{padding:12px}.guide-shell{border-radius:16px}.guide-header{gap:10px;padding:16px}.guide-header h2{font-size:21px}.guide-close{padding:9px 12px}.guide-footer{padding:14px 16px}.guide-time{right:8px;bottom:8px;font-size:12px}.guide-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){.guide-card{transition:none}}