/* ============================================================ BFR Search — CPA Career Simulator: Mobile Mode Active only when has class "mode-mobile" (chosen in the version picker or the top-bar switch). Desktop mode = file inert. Larger type, bigger touch targets, phone safe-areas. ============================================================ */ /* iOS: stop auto-zoom on focused inputs (needs >=16px) */ body.mode-mobile input, body.mode-mobile select, body.mode-mobile textarea { font-size: 16px !important; } body.mode-mobile button { touch-action: manipulation; } /* --- Bottom navigation: bigger targets + iPhone home-bar safe area --- */ body.mode-mobile .bottom-nav { padding: 10px 0 calc(10px + env(safe-area-inset-bottom, 0px)); } body.mode-mobile .nav-btn { min-height: 50px; } body.mode-mobile .nav-label { font-size: 11px; } /* --- Top bar: notch safe area --- */ body.mode-mobile .top-nav { padding-top: calc(env(safe-area-inset-top, 0px)); } /* --- Screen chrome --- */ body.mode-mobile .screen-header h2 { font-size: 17px; } body.mode-mobile .sim-stats { font-size: 13px; flex-wrap: wrap; row-gap: 4px; } body.mode-mobile .screen-content { padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px)); } /* --- Primary actions: taller, easier to hit, easier to read --- */ body.mode-mobile .action-btn { font-size: 14.5px; padding: 13px 14px; min-height: 46px; line-height: 1.35; } body.mode-mobile .btn-primary, body.mode-mobile #wizardNext { min-height: 46px; font-size: 15px; } body.mode-mobile .btn-accent-sm, body.mode-mobile .btn-danger-sm, body.mode-mobile .btn-warn-sm { font-size: 11px; padding: 6px 10px; } /* --- Wizard: comfier option cards --- */ body.mode-mobile .bg-option { padding: 14px; } body.mode-mobile .bg-option-title { font-size: 15.5px; } body.mode-mobile .bg-option-desc { font-size: 13.5px; line-height: 1.5; } body.mode-mobile .bg-option-meta { font-size: 12px; line-height: 1.5; } body.mode-mobile .wizard-step-header h2 { font-size: 19px; } body.mode-mobile .wizard-step-header p { font-size: 14px; line-height: 1.55; } /* --- Raise the floor on the smallest text (inline-styled chips/tags) --- */ body.mode-mobile .app-container *[style*="font-size:8px"], body.mode-mobile .app-container *[style*="font-size: 8px"], body.mode-mobile .app-container *[style*="font-size:9px"], body.mode-mobile .app-container *[style*="font-size: 9px"] { font-size: 11px !important; padding-top: 2px !important; padding-bottom: 2px !important; } body.mode-mobile .app-container *[style*="font-size:10px"], body.mode-mobile .app-container *[style*="font-size: 10px"] { font-size: 11.5px !important; } body.mode-mobile .desc-italic { font-size: 12.5px; } body.mode-mobile .bold-11 { font-size: 12px; } /* --- Modals: use the phone screen well --- */ body.mode-mobile .changelog-modal-content { width: 94%; max-width: 94%; max-height: 84dvh; } body.mode-mobile .modal-overlay .action-btn { font-size: 14.5px; } /* --- Comfortable reading rhythm in dense panels --- */ body.mode-mobile .app-container p { line-height: 1.5; }