.mobile-guide-reference{display:flex;flex-direction:column;gap:20px;padding:24px 0;color:var(--text,#dee2f6)}
.mobile-guide-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:4px 2px}
.mobile-guide-head h2{margin:5px 0 8px;font-size:24px}
.mobile-guide-head p,.mobile-guide-step p,.mobile-guide-note{margin:0;color:var(--muted,#9ca3b4);line-height:1.55}
.mobile-guide-kicker{color:var(--accent,#4d8eff);font:700 11px Consolas,monospace;letter-spacing:.08em}
.mobile-guide-icon{display:grid;place-items:center;flex:0 0 54px;height:54px;border-radius:16px;background:var(--surface-alt,#252a39);font-size:26px}
.mobile-guide-card{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,.7fr);gap:30px;padding:30px;border:1px solid var(--border,#303647);border-radius:18px;background:var(--surface,#161b2a)}
.mobile-guide-steps{display:flex;flex-direction:column;gap:22px}
.mobile-guide-step{display:grid;grid-template-columns:32px 1fr;gap:13px;align-items:start}
.mobile-guide-step>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent,#4d8eff);color:#071327;font-weight:800}
.mobile-guide-step h3{margin:2px 0 5px;font-size:15px}
.mobile-guide-step p{font-size:13px}
.mobile-guide-link{display:grid;grid-template-columns:1fr auto;gap:9px 14px;align-items:center;padding-top:16px;border-top:1px solid var(--border,#303647)}
.mobile-guide-link strong{grid-column:1/-1;font-size:13px}
.mobile-guide-link a{min-width:0;overflow-wrap:anywhere;color:var(--accent,#4d8eff);font-size:12px}
.mobile-guide-link button{grid-column:2;grid-row:2}
.mobile-guide-qr{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:300px;padding:20px;border:2px dashed var(--border,#394154);border-radius:16px;background:var(--surface-alt,#202638);text-align:center}
.mobile-guide-qr img{width:min(100%,260px);aspect-ratio:1;object-fit:contain;background:#fff;border-radius:8px}
.mobile-guide-qr>strong{font-size:14px}
.mobile-guide-qr small{max-width:260px;color:var(--muted,#9ca3b4);line-height:1.5}
.mobile-guide-qr-error{color:#ff9a9a;font-size:13px}
.mobile-guide-note{font-size:12px}
@media(max-width:720px){.mobile-guide-reference{padding-top:12px}.mobile-guide-head h2{font-size:20px}.mobile-guide-card{grid-template-columns:1fr;padding:18px;gap:22px}.mobile-guide-qr{min-height:250px}.mobile-guide-qr img{width:220px}.mobile-guide-link{grid-template-columns:1fr}.mobile-guide-link button{grid-column:1;grid-row:auto;justify-self:start}}