/* Compact menu tour. The transparent hole keeps the actual menu visible. */
#onboarding-modal { padding:12px; place-items:center; background:rgba(0,0,0,.58); backdrop-filter:none; }
#onboarding-modal.is-anchored { background:transparent; }
#onboarding-modal .modal { position:relative; z-index:1; display:block; width:min(360px,100%); max-height:calc(100vh - 24px); max-height:calc(100dvh - 24px); overflow-y:auto; border-radius:14px; scrollbar-gutter:auto; }
#onboarding-modal.is-anchored .modal { position:fixed; margin:0; }
#onboarding-spotlight { position:fixed; z-index:0; border:2px solid var(--accent); border-radius:12px; box-shadow:0 0 0 100vmax rgba(0,0,0,.58); pointer-events:none; }
#onboarding-modal .modal-head { display:flex; align-items:center; gap:12px; padding:18px 20px 0; border:0; background:transparent; }
#onboarding-modal .eyebrow { flex:1; margin:0; font-size:10px; font-weight:750; line-height:1.5; letter-spacing:.12em; color:var(--accent); }
#onboarding-progress { flex:0 0 auto; font-size:11px; color:var(--text-soft); white-space:nowrap; }
#onboarding-modal .modal-close { flex:0 0 28px; width:28px; height:28px; margin:0; border-radius:8px; }
#onboarding-modal .modal-body { padding:12px 20px 20px; }
#onboarding-step-title { margin:0; font-size:21px; line-height:1.35; overflow-wrap:anywhere; }
#onboarding-step-body { margin:10px 0 0; font-size:13px; line-height:1.6; color:var(--text-soft); overflow-wrap:anywhere; }
#onboarding-modal .modal-actions { display:flex; align-items:center; gap:8px; padding:0 20px 18px; margin:0; border:0; background:transparent; }
#onboarding-modal .modal-actions .btn { flex:0 1 auto; width:auto; min-width:0; white-space:normal; min-height:40px; padding:9px 12px; font-size:12px; }
#onboarding-modal .onboarding-skip { flex:1; margin-right:auto; padding:8px 0; font:inherit; font-size:12px; text-align:left; color:var(--text-soft); background:transparent; border:0; cursor:pointer; }
#onboarding-modal :is(.onboarding-skip,.modal-close):focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.guide-options-card { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.guide-options-card > div { min-width:0; }
.guide-options-card h2 { margin:0; line-height:1.5; }
.guide-options-card p { margin:10px 0 0; color:var(--text-soft); line-height:1.6; font-size:13px; }
.guide-options-card .btn { margin:0; flex:0 0 auto; white-space:normal; min-width:0; }
.support-account-fields { display:grid; gap:18px; min-width:0; }
.support-account-fields .support-field-hint { margin:0; line-height:1.6; }
.support-account-fields .field { min-width:0; }
#support-request-modal .support-account-fields .input { width:100%; min-width:0; }
@media(max-width:640px) {
  .guide-options-card { flex-direction:column; align-items:stretch; gap:18px; }
  .support-account-fields .support-fields-grid { grid-template-columns:minmax(0,1fr); }
  #support-request-modal .support-account-fields .input { font-size:16px; }
}