[hidden] { display:none !important; }
.guide-card { margin:18px 0; padding:28px; border:1px solid #dae4f0; border-radius:18px; background:linear-gradient(135deg,#fff,#f6f9ff); }
.guide-card h2 { margin:0 0 8px; }
.guide-card p { line-height:1.65; }
.guide-steps { display:flex; gap:12px; padding:0; margin:0 0 24px; list-style:none; flex-wrap:wrap; color:#64748b; }
.guide-steps li { display:flex; align-items:center; gap:8px; font-weight:600; }
.guide-number { display:inline-grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#eaf0ff; color:#2457d6; }
.guide-purpose-grid,.guide-fees,.receive-steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.guide-purpose { display:flex; flex-direction:column; align-items:flex-start; gap:8px; padding:20px; height:100%; min-height:110px; text-align:left; white-space:normal; background:#fff; color:#1e293b; border:1px solid #cbd5e1; box-shadow:none; }
.guide-purpose span { font-size:14px; font-weight:400; color:#64748b; line-height:1.55; }
.guide-purpose[aria-pressed=true] { border-color:#2457d6; box-shadow:0 0 0 2px #dbe7ff; background:#f5f8ff; color:#1e40af; }
.guide-purpose:disabled { opacity:.55; cursor:not-allowed; }
.guide-platforms { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; margin:16px 0; max-height:310px; overflow-y:auto; padding:3px; }
.guide-platforms button { min-height:52px; padding:10px; text-align:left; white-space:normal; background:#fff; color:#334155; border:1px solid #d5dfeb; box-shadow:none; }
.guide-platforms button[aria-pressed=true] { border-color:#2457d6; background:#eaf1ff; color:#1e40af; }
.guide-choice { margin:24px 0 0; }
.guide-recommendation { margin:18px 0; padding:20px; border-radius:12px; background:#f0f6ff; border:1px solid #d4e4fa; }
.guide-domain { font-size:22px; font-weight:750; overflow-wrap:anywhere; color:#172b4d; }
.guide-fees { margin:16px 0; }
.guide-fees > div { padding:14px; border-radius:10px; background:#fff; border:1px solid #dce6f0; }
.guide-fees strong { display:block; margin:6px 0; font-size:24px; color:#172b4d; }
.guide-disclosure { margin:16px 0; padding:16px; border:1px solid #dae3ee; border-radius:12px; background:#fff; }
.guide-disclosure summary,.nav-more summary { cursor:pointer; font-weight:650; }
.guide-disclosure[open] > summary { margin-bottom:16px; }
.guide-cost-note { color:#475569; font-size:14px; }
.guide-primary { min-height:48px; font-size:16px; white-space:normal; }
.guide-status { margin-top:14px; padding:12px; border-radius:10px; background:#f1f5f9; line-height:1.6; }
.guide-status.error { color:#9a3412; background:#fff7ed; }
.receive-address { margin:4px 0 18px; font-size:clamp(22px,4vw,34px); font-weight:750; overflow-wrap:anywhere; }
.receive-steps { grid-template-columns:repeat(3,minmax(0,1fr)); margin:20px 0; }
.receive-steps > div { display:flex; align-items:flex-start; gap:9px; font-size:14px; line-height:1.5; }
.receive-steps .guide-number { flex-shrink:0; }
.receive-tools { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.nav-more { position:relative; }
.nav-more summary { padding:10px 12px; border:1px solid #d9e1eb; border-radius:8px; list-style:none; }
.nav-more summary::-webkit-details-marker { display:none; }
.nav-more-menu { position:absolute; top:calc(100% + 8px); right:0; width:250px; max-height:65vh; overflow:auto; display:grid; gap:5px; padding:12px; z-index:100; border:1px solid #d8e1ec; border-radius:12px; background:#fff; box-shadow:0 16px 44px #172b4d24; }
.nav-more-menu a,.nav-more-menu button { justify-content:flex-start; width:100%; white-space:normal; overflow-wrap:anywhere; text-align:left; box-sizing:border-box; }
.nav-more-menu .muted { padding:8px 10px; overflow-wrap:anywhere; }
@media(max-width:640px) {
 .guide-card { padding:18px 14px; border-radius:14px; }
 .guide-purpose-grid,.guide-fees,.receive-steps { grid-template-columns:1fr; }
 .guide-platforms { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .guide-primary,.receive-tools .button,.receive-tools button { width:100%; }
 .guide-steps { gap:8px; font-size:13px; margin-bottom:18px; }
 .nav-more-menu { right:auto; left:0; width:min(270px,80vw); }
}

.nav-more { flex:0 0 auto; }
@media(max-width:640px) { .nav { flex-wrap:wrap; overflow:visible; } }
