.howto-container{padding-top:32px}.howto-hero-cta{display:inline-block;margin-top:1.5rem;font-size:1rem}.howto-steps-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:3rem}.howto-step-pill{background:#6366f126;border:1px solid rgba(99,102,241,.45);border-radius:20px;padding:.45rem 1rem;font-size:.82rem;font-weight:600;color:#818cf8;white-space:nowrap}.howto-step-arrow{color:#475569;font-size:1rem;font-weight:700}.howto-section-intro{color:#b0b0b0;line-height:1.7;margin-bottom:1.25rem;font-size:1rem}.howto-card{border-color:#6366f133}.howto-card:hover{border-color:#6366f173}.howto-card h3{color:#c7d2fe}.howto-card-accent{background:#6366f10f;border-color:#6366f159}.howto-card-accent:hover{border-color:#6366f199}.howto-tip{background:#0f172ab3;border-left:3px solid #4f46e5;border-radius:0 6px 6px 0;padding:.55rem .75rem;font-size:.82rem;color:#94a3b8;margin-top:.75rem;line-height:1.5}.howto-list{margin:.5rem 0 0 1.1rem;padding:0;color:#b0b0b0;line-height:1.7;font-size:.93rem}.howto-list li{margin-bottom:.25rem}.howto-field-row{display:flex;align-items:baseline;gap:.5rem;margin-top:.4rem}.howto-field-label{background:#6366f133;border:1px solid rgba(99,102,241,.4);border-radius:4px;padding:.15rem .5rem;font-size:.75rem;font-weight:700;color:#818cf8;white-space:nowrap;flex-shrink:0}.howto-field-desc{font-size:.83rem;color:#94a3b8}.howto-sequence{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;margin:.65rem 0;padding:.65rem .85rem;background:#0f172a80;border-radius:8px;border:1px solid rgba(99,102,241,.25)}.howto-seq-step{font-size:.82rem;font-weight:600;color:#c7d2fe;font-family:monospace}.howto-seq-arrow{font-size:.75rem;color:#475569;margin-left:.25rem}.howto-badge{display:inline-block;padding:.1rem .45rem;border-radius:4px;font-size:.75rem;font-weight:700}.howto-badge-success{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.howto-badge-error{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.howto-badge-info{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.3)}.howto-badge-warning{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}@media(max-width:600px){.howto-steps-row{gap:.35rem}.howto-step-arrow{display:none}.howto-sequence{padding:.5rem .65rem}}.ui-label{display:inline-block;background:#6366f11f;border:1px solid rgba(99,102,241,.35);border-radius:4px;padding:.05rem .4rem;font-size:.85em;font-weight:600;color:#c7d2fe;white-space:nowrap}
/*# sourceMappingURL=autoswap-howto.css.map */