.instruction-page{max-width:1040px;color:var(--ink);overflow-wrap:anywhere;margin:0 auto;padding:36px 24px 110px;font-size:17px;line-height:1.7}.instruction-back{color:var(--muted);font-size:14px}.instruction-hero{align-items:center;gap:24px;padding:32px 0;display:flex}.instruction-hero h1{margin:8px 0;font-size:clamp(26px,4vw,38px);line-height:1.2}.instruction-hero p{color:var(--muted);margin:6px 0}.instruction-icon{border:1px solid var(--line);background:var(--paper);color:#5487ec;border-radius:24px;flex:0 0 88px;place-items:center;height:88px;display:grid}.instruction-icon img{object-fit:contain}.instruction-note{background:var(--soft);border:1px solid var(--line);border-left:4px solid #638de5;border-radius:14px;margin:20px 0;padding:18px 22px;font-size:15px}.instruction-note[data-tone=warning],.instruction-note[data-tone=important]{border-left-color:#d59537}.instruction-note[data-tone=error]{border-left-color:#e36a6a}.instruction-note[data-tone=success]{border-left-color:#41ac84}.instruction-note p{white-space:pre-line;margin:6px 0 0}.instruction-nav{top:calc(var(--instruction-header,88px) + 8px);z-index:12;background:var(--paper);border:1px solid var(--line);border-radius:16px;gap:5px;margin:28px 0;padding:8px;display:flex;position:sticky;overflow-x:auto;box-shadow:0 6px 25px #00000008}.instruction-nav a{white-space:nowrap;color:var(--ink);border-radius:10px;padding:10px 17px;font-size:14px;text-decoration:none}.instruction-nav a[aria-current]{background:var(--soft);color:var(--ink);font-weight:700}.instruction-section{scroll-margin-top:calc(var(--instruction-header,88px) + 90px);margin:44px 0}.instruction-heading span{letter-spacing:.17em;color:var(--muted);font-size:11px}.instruction-page h2{margin:8px 0 24px;font-size:28px;line-height:1.3}.instruction-step{border:1px solid var(--line);background:var(--paper);border-radius:20px;gap:22px;margin:18px 0;padding:28px;display:flex}.instruction-step-number{color:#648ede;flex:0 0 42px;font-size:24px;font-weight:700}.instruction-step-content{flex:1;min-width:0}.instruction-step small{letter-spacing:.12em;color:var(--muted);font-size:11px}.instruction-step h3{margin:4px 0 12px;font-size:22px;line-height:1.4}.instruction-step p,.instruction-faq p{white-space:pre-line}.instruction-actions{flex-wrap:wrap;gap:12px;margin:18px 0;display:flex}.instruction-actions a{background:var(--soft);border:1px solid var(--line);color:var(--ink);border-radius:12px;align-items:center;gap:10px;min-height:48px;padding:12px 18px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.instruction-screenshot{border:1px solid var(--line);background:var(--soft);width:100%;color:var(--muted);cursor:zoom-in;border-radius:14px;padding:0;overflow:hidden}.instruction-screenshot img{object-fit:contain;width:100%;max-height:540px;display:block}.instruction-screenshot span{padding:8px;font-size:12px;display:block}.instruction-faq details{border-bottom:1px solid var(--line);padding:18px 4px}.instruction-faq summary{cursor:pointer;min-height:32px;font-weight:600}.instruction-support{background:var(--soft);border:1px solid var(--line);border-radius:22px;padding:32px}.instruction-support p{max-width:680px}.instruction-video,.instruction-video-placeholder{aspect-ratio:16/9;border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);border-radius:18px}.instruction-video-placeholder{cursor:pointer;font-size:20px}.instruction-video-placeholder small{margin-top:12px;font-size:13px;display:block}.instruction-related a{margin:6px 15px 6px 0;display:inline-block}.instruction-floating{z-index:25;position:fixed;bottom:20px;right:20px}.instruction-floating>button{border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:30px;align-items:center;gap:10px;padding:14px 20px;display:flex;box-shadow:0 5px 25px #0002}.instruction-help{background:var(--paper);border:1px solid var(--line);border-radius:16px;max-width:calc(100vw - 40px);margin-bottom:10px;padding:4px 16px}.instruction-lightbox{border:1px solid var(--line);background:var(--paper);max-width:95vw;max-height:95vh;color:var(--ink);border-radius:16px;padding:16px}.instruction-lightbox::backdrop{background:#000b}.instruction-lightbox img{object-fit:contain;max-width:85vw;max-height:80vh;display:block}.instruction-lightbox button{cursor:pointer;margin:0 0 12px auto;padding:10px 16px;display:block}.instruction-page :focus-visible{outline-offset:3px;outline:3px solid #638de5}@media (max-width:600px){.instruction-page{padding:24px 16px 100px;font-size:16px}.instruction-hero{align-items:flex-start;gap:14px}.instruction-icon{border-radius:14px;flex-basis:48px;height:48px}.instruction-icon img{width:40px;height:40px}.instruction-icon svg{width:25px}.instruction-hero h1{font-size:26px}.instruction-step{gap:10px;padding:20px 16px}.instruction-step-number{flex-basis:28px;font-size:19px}.instruction-step h3{font-size:20px}.instruction-nav{top:calc(var(--instruction-header,188px) + 6px)}.instruction-support{padding:24px}.instruction-actions a{flex:1;justify-content:center}.instruction-floating{bottom:12px;right:12px}}