.guide-page{background:#f7f9fd}.guide-wrap{width:calc(100% - 48px);max-width:1040px;margin-inline:auto}.guide-header{background:#fff;border-bottom:1px solid var(--divider)}.guide-header-inner{display:flex;align-items:center;gap:15px;min-height:76px;font-size:13px;color:var(--muted)}.guide-brand{font:600 30px var(--time);text-decoration:none;color:var(--ink)}.guide-brand span{color:var(--blue)}.guide-home{margin-left:auto;display:flex;align-items:center;gap:8px;min-height:44px}.guide-intro{padding:62px 0 32px}.guide-eyebrow,.guide-kicker{color:var(--blue);font-size:13px;font-weight:600;letter-spacing:.02em}.guide-intro h1{font-size:clamp(32px,5vw,50px);line-height:1.3;margin:16px 0 20px}.guide-lead{font-size:17px;line-height:1.9;color:var(--muted)}.guide-route{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:24px 0 16px;font-size:14px}.guide-route span{padding:8px 17px;border:1px solid var(--divider);border-radius:30px;background:#fff;font-weight:600}.guide-route b{color:var(--blue)}.guide-small{font-size:13px;color:var(--muted);line-height:1.8}.guide-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:sticky;top:0;z-index:3;background:#fff;border:1px solid var(--divider);border-radius:14px;box-shadow:0 5px 20px #14244008;margin:0 0 24px;overflow:hidden}.guide-nav a{padding:16px 8px;text-align:center;text-decoration:none;font-size:14px;font-weight:600;color:var(--blue)}.guide-nav a:hover,.guide-nav a:focus-visible{background:#eaf0ff}.guide-note{padding:17px 20px;background:#edf2ff;border:1px solid #dce5ff;border-radius:12px;font-size:14px;line-height:1.85}.guide-note strong{color:#253eaa}.guide-note p{margin-top:7px}.guide-account-note{margin-bottom:28px}.guide-step{scroll-margin-top:84px;display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:38px;border:1px solid var(--divider);border-radius:20px;background:#fff;padding:36px;margin-bottom:24px}.guide-step-wide{grid-template-columns:minmax(0,1fr)}.guide-step-wide .guide-step-copy{max-width:820px}.guide-step-copy{min-width:0}.guide-step h2{display:flex;gap:11px;align-items:flex-start;font-size:23px;margin:0 0 23px}.guide-number{flex:0 0 31px;height:31px;border-radius:50%;display:inline-grid;place-items:center;background:var(--blue);color:#fff;font:600 21px var(--time);margin-top:1px}.guide-step-copy>p{line-height:1.95;font-size:15px;margin:14px 0}.guide-step-copy>.guide-small{font-size:13px}.guide-step-copy>.guide-kicker{font-size:12px;margin:0 0 13px}.guide-step-copy>.guide-note{margin:20px 0}.guide-instructions{padding-left:23px;line-height:1.95;font-size:15px;margin:17px 0}.guide-instructions li+li{margin-top:10px}.guide-external{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;margin:7px 0 12px;border:1px solid #cbd6fa;border-radius:10px;background:#f0f4ff;color:var(--blue);font-size:14px;font-weight:600;text-decoration:none;min-height:48px;max-width:100%;overflow-wrap:anywhere}.guide-check{color:#17604c;font-weight:600}.guide-figure{margin:0;min-width:0}.guide-photo{display:block;border-radius:15px;overflow:hidden;background:#232121;border:1px solid #363535}.guide-photo img{display:block;width:100%;height:auto}.guide-crop-top{aspect-ratio:1.35}.guide-crop-confirm{aspect-ratio:.78}.guide-figure figcaption{font-size:12px;line-height:1.7;color:var(--muted);margin-top:11px}.guide-figure figcaption a{display:block;color:var(--blue);min-height:44px;padding-top:8px}.guide-faq{padding:30px 0 12px}.guide-faq h2{margin:8px 0 22px;font-size:26px}.guide-faq details{background:white;border:1px solid var(--divider);border-radius:12px;margin:10px 0;padding:0 20px}.guide-faq summary{cursor:pointer;padding:18px 0;font-size:15px;font-weight:600}.guide-faq details p{font-size:14px;line-height:1.9;color:var(--muted);padding:0 0 20px}.guide-faq a{color:var(--blue)}.guide-usage{background:#fff7eb;border:1px solid #f1dfc4;border-radius:14px;padding:24px;margin:18px 0 38px;font-size:14px;line-height:1.9}.guide-usage p{margin-top:10px}.guide-footer{border-top:1px solid var(--divider);padding:26px 0 40px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted)}.guide-footer div{display:flex;gap:20px;flex-wrap:wrap}.guide-footer a{padding:8px 0}.guide-skip{position:fixed;top:-100px;left:16px;background:#fff;padding:12px;z-index:10}.guide-skip:focus{top:12px}.guide-lightbox{padding:0;border:0;border-radius:16px;width:min(900px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);background:#151515;color:white;overflow:hidden}.guide-lightbox[open]{display:flex;flex-direction:column}.guide-lightbox::backdrop{background:#081020d9}.guide-lightbox-header{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:14px 18px;flex:none;border-bottom:1px solid #444}.guide-lightbox-header p{font-size:13px;line-height:1.7}.guide-lightbox-header button{flex:none;background:#333;color:white;padding:10px 14px;min-height:44px;border-radius:8px}.guide-lightbox-scroll{overflow:auto;min-height:0;overscroll-behavior:contain}.guide-lightbox-scroll img{display:block;max-width:100%;height:auto;margin:auto}.guide-page.guide-image-open{overflow:hidden}
@media(max-width:760px){.guide-wrap{width:calc(100% - 32px)}.guide-header-inner{min-height:64px;gap:10px;font-size:12px}.guide-brand{font-size:26px}.guide-home{font-size:11px}.guide-intro{padding:36px 0 25px}.guide-intro h1{font-size:35px}.guide-lead{font-size:15px}.guide-nav a{font-size:12px;padding:15px 3px}.guide-step{grid-template-columns:minmax(0,1fr);gap:22px;padding:24px 20px;border-radius:16px;scroll-margin-top:72px}.guide-step h2{font-size:21px;margin-bottom:17px}.guide-step-copy>p,.guide-instructions{font-size:14px}.guide-figure{width:100%;max-width:390px;justify-self:center}.guide-note{padding:14px 16px;font-size:13px}.guide-usage{padding:20px}.guide-lightbox-header{padding:10px 12px;gap:10px}.guide-lightbox-header p{font-size:12px}}
@media(max-width:360px){.guide-wrap{width:calc(100% - 24px)}.guide-step{padding:22px 16px}.guide-intro h1{font-size:31px}.guide-route{gap:8px}.guide-route span{padding:7px 12px}.guide-header-inner>span{display:none}.guide-nav a{font-size:11px}}
.guide-step-copy>.guide-install-note{background:#fff7eb;border-color:#f1dfc4;border-left:4px solid #b66b00}.guide-install-note strong{color:#7b4800}.guide-install-photos{display:grid;grid-template-columns:repeat(2,minmax(0,320px));justify-content:center;align-items:start;gap:24px}.guide-install-photos figcaption strong{color:var(--ink)}
@media(max-width:600px){.guide-install-photos{grid-template-columns:minmax(0,320px);gap:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
