/* Shared mobile type scale. Loaded after page styles; desktop sizes stay page-specific. */
/* Payment summaries contain separate labels and values at every viewport size. */
.organization-subscription-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.organization-subscription-status .organization-subscription-metric{display:grid;align-content:start;gap:8px;min-width:0;padding:14px 16px;border-radius:12px;background:#f4f7f3;overflow:visible}
.organization-subscription-status .organization-subscription-metric small{display:block;font-size:12px;line-height:1.5;color:#708078}
.organization-subscription-status .organization-subscription-metric strong{display:block;font-size:15px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
#organizationPaymentCard .organization-form-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}
#organizationPaymentCard .organization-form-actions button{white-space:normal;height:auto;min-height:48px;line-height:1.45;padding:13px 18px}

@media(max-width:900px){
  html:root body h1{font-size:clamp(25px,6.6vw,29px)!important;line-height:1.3!important;font-weight:600!important;letter-spacing:-.02em!important;overflow-wrap:anywhere;word-break:normal;max-width:100%}
  html:root[lang=hy] body h1{font-size:clamp(24px,6.3vw,27px)!important;line-height:1.38!important;font-weight:500!important;letter-spacing:0!important}
  html:root body h2,html:root body h3{line-height:1.4!important;overflow-wrap:anywhere;word-break:normal}
  html:root body:not(.dashboard-page):not(.organization-dashboard-page) main h2,
  html:root body .auth-title,
  html:root body .organization-section-heading h2,
  html:root body .organization-modal-heading h2,
  html:root body .organization-form-card>h2,
  html:root body .doctor-profile-section-head h2,
  html:root body .doctor-practice-panel-head h2,
  html:root body .doctor-modal-heading h2,
  html:root body .doctor-plan-card h2{font-size:clamp(21px,5.5vw,23px)!important;font-weight:600!important;letter-spacing:-.01em!important}
  html:root[lang=hy] body:not(.dashboard-page):not(.organization-dashboard-page) main h2,
  html:root[lang=hy] body .auth-title,
  html:root[lang=hy] body .organization-section-heading h2{font-size:clamp(20px,5.3vw,22px)!important;line-height:1.45!important;font-weight:500!important;letter-spacing:0!important}
  html:root body .rd-feature h3,
  html:root body .rd-how-grid h3,
  html:root body .organization-specialists-empty h3,
  html:root body .doctor-profile-subhead h3{font-size:18px!important;line-height:1.45!important}
  html:root body .rd-profile-card h3{font-size:13px!important;line-height:1.5!important;overflow-wrap:normal}
  html:root body .rd-directory-name{font-size:19px!important;line-height:1.4!important}
  html:root body .home-modern-card strong{font-size:clamp(22px,5.8vw,25px)!important;line-height:1.3!important}
  html:root[lang=hy] body .home-modern-card strong{font-size:clamp(21px,5.6vw,24px)!important;line-height:1.4!important}
  html:root body .organization-section-heading>div{display:grid;gap:10px;min-width:0}
  html:root body .organization-section-heading{margin-bottom:22px}
  html:root body .organization-section-heading h1,
  html:root body .organization-section-heading h2,
  html:root body .organization-section-heading p{margin:0!important}
  html:root body .organization-stage-label{line-height:1.6}
  html:root body .organization-hero h1,
  html:root body .doctor-overview-name-row h1,
  html:root body .dashboard-topbar h1{margin-bottom:10px}
  html:root body .rd-pro-copy h1{margin:16px 0!important}
  html:root body .rd-directory-intro h1{margin-bottom:10px}
  html:root body .rd-lead,
  html:root body .lead,
  html:root body .organization-section-heading p,
  html:root body .organization-hero p,
  html:root body .home-modern-intro>p,
  html:root body .section-subtitle,
  html:root body .section-sub{font-size:14px!important;line-height:1.7!important;overflow-wrap:anywhere}
  html:root body h1+p,html:root body h2+p,html:root body h3+p{line-height:1.65}
  html:root body .rd-pro-copy,.rd-directory-intro,
  html:root body .organization-section-heading>div,
  html:root body .doctor-public-section-title>div,
  html:root body .clinic-step-heading>div{min-width:0}
  html:root body .doctor-public-section-title h2,
  html:root body .clinic-step-heading h2{margin-bottom:9px}
  html:root body .rd-button,
  html:root body .btn:not(.btn-icon),
  html:root body .doctor-primary-button,
  html:root body .doctor-secondary-button{white-space:normal;line-height:1.5;min-width:0;height:auto;min-height:44px}
  html:root body .rd-how h2{margin-bottom:16px}
  html:root body .rd-feature h3{margin-bottom:9px}
  html:root body .auth-title{margin-bottom:12px}
  html:root body .clinic-progress b,
  html:root body .doctor-public-progress b{line-height:1.5}
  html:root body .doctor-profile-setup-layout,
  html:root body .doctor-settings-layout,
  html:root body .doctor-subscription-layout,
  html:root body .doctor-payment-layout{min-width:0;max-width:100%;grid-template-columns:minmax(0,1fr)}
  html:root body .doctor-settings-layout>*,
  html:root body .doctor-payment-layout>*,
  html:root body .doctor-subscription-layout>*{min-width:0;max-width:100%}
  html:root body .doctor-form-grid.two{grid-template-columns:minmax(0,1fr)}
  html:root body .doctor-current-subscription{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
  html:root body .doctor-current-subscription>div{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.65}
  html:root body .doctor-current-subscription span{white-space:normal;overflow-wrap:anywhere}
  html:root body .doctor-plan-grid{grid-template-columns:minmax(0,1fr);min-width:0}
  html:root body .doctor-payment-actions{grid-template-columns:minmax(0,1fr)}
  html:root body .doctor-payment-actions>*{grid-column:auto;max-width:100%;white-space:normal;line-height:1.5;height:auto;min-height:44px;padding:12px 16px}
  html:root body .doctor-profile-sticky-row{flex-wrap:wrap;gap:14px}
  html:root body .doctor-profile-sticky-row>div{min-width:0;flex:1 1 100%}
  html:root body .doctor-profile-sticky-row>button{width:100%;max-width:100%;white-space:normal;line-height:1.5}
  html:root body .rd-orbit{left:4%;right:4%}
  html:root body .organization-subscription-status{grid-template-columns:1fr;gap:12px}
  html:root body .organization-subscription-status .organization-subscription-metric{padding:13px 15px;gap:7px}
  html:root body #organizationPaymentCard .organization-form-actions{grid-template-columns:1fr;padding:0!important;margin-top:22px!important;gap:12px!important}
  html:root body #organizationPaymentCard .organization-form-actions button{font-size:14px!important;padding:13px 16px!important}
  /* Shop headings use the same scale; product cards keep their compact text. */
  html:root body .hero-copy h1,
  html:root body .listing-hero h1,
  html:root body .simple-head h1,
  html:root body .care-intro h1{margin-bottom:14px}
  html:root body .section-head{gap:14px;align-items:flex-start;flex-wrap:wrap}
  html:root body .section-sub{margin-top:9px}
  html:root body .product-info h1{font-size:25px!important;line-height:1.4!important}
  html:root[lang=hy] body .product-info h1{font-size:24px!important}
  html:root body .product-name{line-height:1.5!important}
  html:root body .product-detail-sections p{line-height:1.75;overflow-wrap:anywhere}
}