/* Compact mobile density: more content per screen, with normal browser zoom retained. */
@media(max-width:760px){
 html{scroll-padding-top:70px}
 body{font-size:14px}
 .wrap{padding-left:16px;padding-right:16px}
 body>header{padding:5px 10px;margin:6px 8px 0;gap:8px;border-radius:13px}
 body>header .brand-word{font-size:20px;letter-spacing:-.7px}
 body>header .brand .brand-mark{width:24px;height:24px}
 body>header .nav-actions .text-btn{font-size:13px;min-height:44px;padding:8px}
 body>header .mobile-menu-toggle{width:36px;min-height:44px;padding:7px}
 body>header .mobile-menu-toggle svg{width:21px;height:21px}
 header #primary-navigation a,header #primary-navigation .mobile-nav-signup{font-size:14px;min-height:44px;padding:10px 13px}
 #landing>.hero{padding-top:25px}
 .hero .hero-grid{margin-top:15px;gap:12px;margin-bottom:21px}
 .hero .hero-title{font-size:clamp(25px,6.7vw,32px);line-height:1.15;letter-spacing:-.7px}
 .hero .hero-copy .hero-introduction{font-size:14px;line-height:1.5;max-width:39ch;margin-bottom:16px}
 .hero-copy .mobile-book{font-size:14px;min-height:44px;padding:12px 16px;border-radius:12px}
 .hero-copy .consultation-channels{margin-top:12px;gap:7px}
 .hero-copy .consultation-channels>.channel-chip{padding:9px 2px 8px;gap:5px;border-radius:11px;font-size:clamp(10px,2.65vw,12px)}
 .hero-copy .consultation-channels>.channel-chip>svg{width:20px;height:20px}
 .hero .video-preview-frame{width:92%;margin-left:auto;margin-right:auto;border-radius:14px}
 .hero .hero-video{border-radius:13px}
 .hero .mobile-video-play{gap:7px;font-size:13px}
 .mobile-video-play svg{width:44px;height:44px;padding:12px}
 .scene-bottom{padding-top:5px}
 .hero .hero-install{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));padding:8px 12px 8px 8px;gap:8px;min-height:48px}
 .hero-install .install-pill-copy strong{font-size:12px}
 .hero-install .install-pill-copy small{display:none}
 .hero-install .install-pill-icon{width:30px;height:30px;font-size:20px}
 .hero-install .install-pill-arrow{font-size:16px;margin-left:3px}
 #landing>.how-section,#landing>.reviews-section,#landing>.blog,#landing>.about,#landing>.faq{padding-top:30px;padding-bottom:30px}
 .how-section>.wrap{padding-left:16px;padding-right:16px}
 .mobile-how-kicker{font-size:10px;padding:7px 10px;letter-spacing:.35px}
 .mobile-how #mobile-how-title{font-size:clamp(24px,6.5vw,28px);line-height:1.16;margin:13px 0 7px;letter-spacing:-.7px}
 .mobile-how .mobile-how-intro{font-size:14px;line-height:1.5;margin-bottom:17px}
 #landing .how-slide{padding:17px 18px;border-radius:17px}
 #landing .how-slider-track,#landing .review-track{border-radius:18px}
 .how-slide-top{margin-bottom:11px}
 #landing .how-slide-icon{width:36px;height:36px;border-radius:11px}
 .how-slide-icon svg{width:22px;height:22px}
 .how-slide-step{font-size:11px;padding:6px 9px}
 .how-slide h3{font-size:21px;line-height:1.2;letter-spacing:-.45px;margin-bottom:8px}
 .how-slide>p{font-size:14px;line-height:1.5}
 .how-calendar-demo{padding:9px;margin-top:11px}
 .how-calendar-label{font-size:11px;margin-bottom:7px}
 .how-demo-dates>span{padding:4px 2px;font-size:10px}
 .how-demo-dates b{font-size:15px}
 .how-demo-times>span{padding:6px 2px;font-size:10px}
 .how-calendar-demo small{font-size:10px;margin-top:5px}
 .how-slide-channels{gap:6px;margin-top:11px}
 .how-slide-channels li{font-size:12px;padding:8px 5px}
 .how-slide-channels li svg{width:21px;height:21px;margin-bottom:5px}
 .how-slide .how-payment-note,.how-slide-detail{font-size:12px;line-height:1.5;margin-top:11px}
 .how-payment-note strong{font-size:10px;padding:4px 8px;margin-bottom:6px}
 .how-slider-controls{margin-top:10px;gap:6px}
 .how-slider-controls button{min-width:44px;height:44px;padding:10px}
 .how-slider-controls .how-slide-position{font-size:12px}
 .how-slider-controls .how-slide-motion{font-size:12px;min-width:72px}
 .how-slide-dots button{width:36px;height:32px;padding:10px}
 .how-slide-dots span{width:6px;height:6px}
 .how-app-book{font-size:14px;min-height:44px;padding:12px 17px}
 .how-app-book svg{width:19px;height:19px}
 #landing h2,#landing .section-top h2,#landing .reviews-heading h2{font-size:26px;line-height:1.2;letter-spacing:-.8px}
 #landing .eyebrow{font-size:10px;letter-spacing:.5px}
 #landing .about p{font-size:14px;line-height:1.65;margin:12px 0}
 .reviews-heading{margin-bottom:17px}
 .reviews-heading>p{font-size:12px;line-height:1.5;margin-top:10px}
 #landing .review-slide{padding:18px}
 .review-quote-mark{font-size:44px;height:32px}
 .review-demo{font-size:10px;padding:5px 8px}
 .review-slide blockquote{font-size:15px;line-height:1.6;margin:10px 0 16px}
 .review-avatar{width:36px;height:36px;font-size:12px}
 .review-person{gap:9px}.review-person strong{font-size:14px}.review-person small{font-size:11px;margin-top:2px}
 .review-controls{margin-top:12px;gap:7px}.review-position{font-size:12px}.review-controls .review-motion{font-size:12px}
 #landing .blog-placeholder,#landing .blog-card{padding:18px;border-radius:17px}
 #landing .blog-placeholder h3,#landing .blog-card h3{font-size:20px;line-height:1.3}
 #landing .blog-placeholder p,#landing .blog-card p,#landing .section-top>p{font-size:14px;line-height:1.6}
 #landing .section-top>p{margin-bottom:16px}
 #landing .faq details{padding:13px 16px;margin-bottom:10px;border-radius:13px}
 #landing .faq summary{font-size:14px;min-height:32px;align-items:center}
 #landing .faq details p{font-size:14px;line-height:1.6}
 #landing .cta{padding:34px 16px 40px}
 #landing .cta p{font-size:14px;margin-bottom:18px}
 #landing .cta .btn{font-size:14px;padding:12px 17px;min-height:44px}
 footer.site-footer{padding-top:28px!important;padding-bottom:82px!important}
 .site-footer .brand-word{font-size:24px}.site-footer .brand-mark{width:30px;height:30px}
 .footer-intro{padding-bottom:24px;gap:17px}.footer-intro p{font-size:16px;margin-top:13px}.footer-intro>div>span{font-size:13px}
 .footer-start{font-size:14px;padding:12px 17px;min-height:44px}
 .site-footer .footer-grid{gap:22px;padding:25px 0}.footer-column h3{font-size:13px;margin-bottom:7px}
 .site-footer a,.site-footer .footer-link{font-size:14px}.footer-label{font-size:11px}.footer-contact-row{margin-bottom:12px}
 .footer-locations address{padding:13px}.footer-locations strong{font-size:14px}.footer-locations address span:not(.footer-icon){font-size:13px}
 .footer-notice{padding:13px 15px}.site-footer .footer-notice p{font-size:12px;line-height:1.5}
 .site-footer .footer-bottom{font-size:11px;margin-top:20px;padding-top:17px}
 /* Account forms keep 16px inputs so iPhone does not zoom when typing. */
 dialog,#account[data-auth-view=login]{padding:24px 20px;width:min(460px,calc(100% - 24px));border-radius:21px;max-height:94dvh}
 dialog h2,#account #account-title,#account[data-auth-view=login] #account-title{font-size:26px;line-height:1.2}
 dialog h3{font-size:21px}dialog p{font-size:14px;line-height:1.6}
 #account .auth-brand,#account[data-auth-view=login] .auth-brand{margin-bottom:16px}
 #account .auth-brand .brand-word,#account[data-auth-view=login] .auth-brand .brand-word{font-size:23px}
 #account .auth-brand .brand-mark{width:28px;height:28px}
 #account[data-auth-view=login] .auth-welcome-copy{font-size:14px;line-height:1.5;margin-bottom:17px}
 #account[data-auth-view=login] #auth-setup-message{font-size:12px;margin-bottom:12px}
 #auth-login-form label{font-size:14px;margin:14px 0 7px}
 .auth-input-shell{padding:0 12px;min-height:46px;border-radius:12px;gap:9px}
 .auth-input-shell input{padding:12px 0;font-size:16px}
 .auth-input-shell>svg{width:19px;height:19px}
 #account[data-auth-view=login] .auth-forgot{font-size:13px;margin:6px 0 13px auto}
 #account[data-auth-view=login] #auth-login-form .btn,#account[data-auth-view=login] .auth-google{font-size:14px;min-height:46px;padding:12px 17px;border-radius:12px}
 .auth-divider{margin:18px 0 14px;font-size:12px}.auth-create-copy{font-size:13px!important;margin:17px 0 10px}.auth-create-copy button{font-size:13px}
 #account .check{font-size:13px;line-height:1.5}.care-limit{padding:13px;margin:16px 0 12px}
 dialog label{font-size:14px;margin:16px 0}dialog input:not([type=checkbox]):not([type=radio]),dialog select{font-size:16px;min-height:44px;padding:11px}
 #account[data-auth-view=login] .auth-input-shell input{padding:12px 0;min-height:0}
 dialog .btn{font-size:14px;min-height:44px;padding:12px 16px}
 .signup-terms-copy a{min-height:40px;font-size:12px}
 /* Patient booking, profile, appointments and staff views. */
 .patient-shell{padding:16px}
 .patient-dashboard{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
 .patient-topbar{padding:8px 10px;border-radius:13px}
 .patient-topbar .brand-word{font-size:20px}.patient-topbar .brand-mark{width:25px;height:25px}
 .patient-avatar{width:36px;height:36px;font-size:12px}
 .patient-greeting{margin:20px 0}.patient-greeting h1{font-size:26px;letter-spacing:-.7px;margin-bottom:6px}.patient-greeting p{font-size:14px;line-height:1.5}
 .patient-view h2{font-size:22px;margin-bottom:16px;line-height:1.25}
 .assigned-doctor{padding:13px;grid-template-columns:52px 1fr;gap:11px;margin-bottom:20px;border-radius:15px}
 .doctor-avatar{width:52px;height:64px;font-size:20px;border-radius:12px}
 .doctor-card-copy strong{font-size:16px;letter-spacing:-.2px}.doctor-card-copy small{font-size:12px;margin-bottom:4px}.doctor-card-copy p{font-size:12px;margin-top:4px;line-height:1.5}
 .doctor-rating{font-size:11px;padding:4px 6px;margin-top:-3px}
 .booking-method-label{font-size:16px;margin-bottom:18px}.booking-method-label select{min-height:44px}
 .patient-section-heading{margin-bottom:11px}.patient-section-heading label,.patient-time-field legend,.patient-symptom-label{font-size:17px;letter-spacing:-.2px}
 .patient-section-heading input{min-height:44px;padding:10px;margin-top:9px}
 .patient-date-tiles{gap:6px;margin:11px 0 19px}.patient-date-tiles button{min-height:56px;padding:9px 2px;gap:5px;border-radius:10px}.patient-date-tiles button strong{font-size:18px}.patient-date-tiles button span{font-size:11px}
 .patient-time-field{margin-bottom:20px}.patient-time-field legend{margin-bottom:11px}.patient-time-tiles span{min-height:48px;font-size:12px;padding:8px}
 .patient-primary{font-size:14px;min-height:46px;padding:13px 18px;margin-top:16px;border-radius:13px}
 .patient-secondary{font-size:13px;min-height:44px;padding:10px 12px;margin-right:6px}
 .patient-small{font-size:13px!important;line-height:1.5;margin:10px 0 15px}
 .patient-view textarea{font-size:16px;padding:12px;min-height:76px}
 .patient-appointment,.patient-empty,.patient-contact,.payment-card,.patient-staff-visit{padding:16px;border-radius:15px;margin-bottom:14px}
 .patient-appointment h3,.patient-staff-visit h3{font-size:18px;line-height:1.3}.patient-appointment p,.patient-staff-visit p,.patient-empty{font-size:14px;line-height:1.55}
 .patient-contact a{font-size:14px}.patient-section-heading input,.patient-view input:not([type=checkbox]):not([type=radio]),.patient-view select{font-size:16px;min-height:44px}
 .patient-profile-links{margin-top:22px}.patient-profile-links a{font-size:13px}
 .patient-view #patient-profile-form label{font-size:14px;margin:17px 0}.patient-view #patient-profile-form .form-row{margin-top:17px}
 .patient-bottom-nav{padding:7px 6px calc(7px + env(safe-area-inset-bottom));border-radius:15px 15px 0 0}
 .patient-bottom-nav button{min-height:44px;font-size:10px;gap:4px}.patient-bottom-nav svg{width:21px;height:21px}
 .patient-care-admin,.patient-session #admin-panel{padding:16px}.patient-care-admin h2{font-size:25px}
 #care-admin h3,#admin-panel h3{font-size:20px}.availability-row{font-size:13px;padding:12px 0}
 .doctor-roster-form,#availability-form,#post-form,.journal-admin-row{padding:16px;border-radius:15px}
 #care-admin label,#admin-panel label{font-size:14px}.journal-admin-row h4{font-size:18px}.journal-admin-row p{font-size:14px}
 .journal-body p{font-size:15px!important;line-height:1.65}
 .terms-page{padding:24px 16px 36px}.terms-page>.brand{margin-bottom:20px}.terms-page .brand-word{font-size:23px}.terms-page article{padding:20px;border-radius:18px}.terms-page h1{font-size:27px}.terms-page h2{font-size:19px;margin-top:23px}.terms-page p{font-size:14px;line-height:1.65}
}
@media(max-width:760px){.offline{padding-top:38px}.offline h1{font-size:30px;letter-spacing:-1px}.offline p{font-size:14px;line-height:1.6}}