.instruct-guide{--guide-width:480px;--guide-bar:100px;color:#17204e;min-height:100dvh;padding-bottom:calc(var(--guide-bar) + 16px + env(safe-area-inset-bottom));background:#f7f8fc;font-size:16px;line-height:1.6}.instruct-guide h1{font-family:var(--font-sans), sans-serif;letter-spacing:-.035em;font-size:clamp(28px,7.6vw,36px);font-weight:800;line-height:1.15}.instruct-guide h2{font-family:var(--font-sans), sans-serif;letter-spacing:-.025em;font-size:22px;font-weight:700;line-height:1.3}.instruct-guide a,.instruct-guide summary,.instruct-guide button{min-height:44px}.instruct-guide a:focus-visible,.instruct-guide summary:focus-visible,.instruct-guide button:focus-visible,.instruct-guide h1:focus-visible{outline-offset:4px;outline:3px solid #1d2872}.instruct-guide h1:focus:not(:focus-visible){outline:none}.guide-header,.guide-content,.guide-footer{max-width:var(--guide-width);margin-inline:auto}.guide-header{border-bottom:1px solid #e0e3ee;align-items:center;gap:12px;padding:10px 20px;display:flex}.guide-header a{flex-shrink:0;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.guide-header>span{border-left:1px solid #d4d9e8;max-width:85px;padding-left:12px;font-size:11px;line-height:1.4}.guide-header>a:last-child{margin-left:auto}.guide-content{padding:24px 20px 8px}.guide-intro{margin:4px 0 24px}.guide-intro .eyebrow,.guide-step-copy .eyebrow{color:#9c3028;margin-bottom:12px;font-size:11px}.guide-summary{color:#535b76;margin-top:12px}.guide-media{aspect-ratio:1;background:#e9edf7;border:1px solid #e0e5f1;border-radius:20px;justify-content:center;align-items:center;width:100%;max-height:320px;margin:0 0 24px;padding:12px;display:flex;overflow:hidden}.guide-media-img{object-fit:contain;width:100%;height:100%}.guide-placeholder{color:#fff;background:linear-gradient(135deg,#1d2872,#0c1230);justify-content:flex-start;align-items:flex-end;padding:24px;position:relative}.guide-placeholder-number{color:#ffffff15;font-size:150px;font-weight:800;line-height:1.4;position:absolute;top:-30px;right:20px}.guide-placeholder figcaption{position:relative}.guide-placeholder strong,.guide-placeholder figcaption span{display:block}.guide-placeholder figcaption span{color:#d4d9ed;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:13px}.guide-safety{color:#66281f;background:#fff3f0;border:1px solid #e8c8c3;border-left:4px solid #b83227;border-radius:12px;margin:20px 0;padding:18px 20px}.guide-safety h2{margin-bottom:8px;font-size:18px}.guide-safety ul{padding-left:18px;list-style:outside}.guide-safety li+li{margin-top:8px}.guide-card{background:#fff;border:1px solid #e0e3ee;border-radius:16px;margin:24px 0;padding:22px}.guide-card h2{margin-bottom:12px}.guide-bullets{margin:20px 0;padding-left:22px;list-style:outside}ol.guide-bullets{list-style:decimal}.guide-bullets li{margin:14px 0;padding-left:4px}.guide-bullets li::marker{color:#b83227;font-weight:700}.guide-text-link{text-underline-offset:4px;align-items:center;gap:8px;margin:12px 0;font-weight:600;text-decoration:underline;display:flex}.guide-actions{z-index:30;width:100%;max-width:calc(var(--guide-width) + 40px);padding:14px 20px calc(14px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #e0e3ee;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -6px 24px #17204e08}.guide-actions .btn{gap:12px;min-width:104px;min-height:56px}.guide-actions>span{white-space:nowrap;color:#535b76;font-size:13px;font-weight:700}.guide-actions-single .btn{width:100%}.guide-progress{background:#e0e3ee;border-radius:10px;height:4px;margin:0 0 24px;overflow:hidden}.guide-progress span{background:#b83227;height:100%;display:block}.guide-support{padding:24px 0}.guide-support .eyebrow{color:#535b76;margin-bottom:8px;font-size:11px}.guide-support h2{margin-bottom:16px}.guide-support a{text-underline-offset:4px;overflow-wrap:anywhere;align-items:center;text-decoration:underline;display:flex}.guide-card details{border-top:1px solid #e0e3ee;padding:8px 0}.guide-card summary{cursor:pointer;padding:10px 0;font-weight:600}.guide-card details p{padding:8px 0}.guide-all{margin:32px 0;padding:0;list-style:none}.guide-all>li{border-bottom:1px solid #d4d9e8;margin-bottom:24px;padding-bottom:24px}.guide-footer{color:#535b76;flex-wrap:wrap;align-items:center;column-gap:20px;padding:12px 20px 24px;font-size:13px;display:flex}.guide-footer>span{flex-basis:100%}.guide-footer a,.guide-footer button{text-underline-offset:4px;align-items:center;text-decoration:underline;display:flex}.guide-skip{z-index:50;background:#fff;padding:12px;position:fixed;top:-100px;left:12px}.guide-skip:focus{top:8px}@media (width>=768px){.instruct-guide{--guide-width:640px}.guide-media{max-height:360px}}@media (width>=1024px),(orientation:landscape) and (height<=500px) and (width>=640px){.instruct-guide{--guide-width:960px}.guide-hero,.guide-step{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:40px;display:grid}.guide-hero>.guide-media{grid-area:1/1}.guide-hero>.guide-intro{grid-area:1/2;margin-top:0}.guide-step>.guide-media{max-height:none;margin-bottom:0}.guide-actions .btn{min-width:160px}.guide-actions-single{justify-content:flex-end}.guide-actions-single .btn{width:auto}}@media (height<=500px){.instruct-guide{--guide-bar:76px;--guide-width:760px}.guide-actions{padding-block:10px calc(10px + env(safe-area-inset-bottom))}.guide-actions .btn{min-height:48px}.guide-media,.guide-step>.guide-media{max-height:40dvh}.guide-content{padding-top:16px}}@media (prefers-reduced-motion:reduce){.instruct-guide *,.instruct-guide :before,.instruct-guide :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
