/* Readable text scale; keep the existing layout, brand and heading hierarchy. */
:root{--read-small:13px;--read-label:14px;--read-control:15px;--read-caption:12px;--read-leading:1.65;--read-muted:#52685c}
html[lang=ar]{--read-small:14px;--read-label:14px;--read-control:15px;--read-caption:13px;--read-leading:1.85}
body{font-size:14px}
:is(.card p,.card small,.card label,.muted,.assistant-field small,.businessField,.businessCheck,.actionCard small,.catalogRow small,.service-prices>p,.legacy-instructions,.setup-required-note,.pairingExplanation,.pairSteps,.pairing dl,.success,.numberList li span,.billing-footnote,.billing-overview-note,.mila-call-note){font-size:var(--read-small)!important;line-height:var(--read-leading)}
.card label,.assistant-field label,.schema-switch>label,.businessField{font-size:var(--read-label)!important;line-height:1.65;font-weight:600}
.assistant-field small,.card .muted,.card p,.pairing dl,.catalogRow small,.setup-required-note,.legacy-instructions{color:var(--read-muted)}
.assistant-field .field-error,.businessError{color:#993c34}
.account-heading>p,.account-open .account-heading>p,.mila-page-heading>p{font-size:var(--read-small)!important;line-height:var(--read-leading);color:#4f685b}
.account-open :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea,select),.card :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea,select){font-size:var(--read-control)!important;line-height:1.55}
.account-open :is(input,textarea)::placeholder,.card :is(input,textarea)::placeholder{font-size:15px;color:#687f71}
.account-open select option{font-size:16px;line-height:1.6}
.account-open .otpDigits input{font-size:25px!important;line-height:1.4}
:is(button,.button,.quiet,.text-link){font-size:14px!important;line-height:1.5}
html[lang=ar] :is(button,.button,.quiet,.text-link){font-size:14px!important;line-height:1.7}
.language-switch button,.account-open .language-switch button{font-size:12px!important;line-height:1.5;min-width:31px}
.mila-nav-link{font-size:14px!important;line-height:1.65}
html[lang=ar] .mila-nav-link{font-size:14px!important}
.mila-nav-heading,.card .eyebrow{font-size:var(--read-caption)!important;line-height:1.6}
.stats span,.heading>span,.session small,.pill,.connectionStates span,.setup-optional,.service-price-footer small,.promptMeta,.assistant-setup .promptMeta,.card output{font-size:var(--read-caption)!important;line-height:1.6}
.session small,.heading>span,.stats span{color:#5f7567}
.assistant-toolbar #toolbarState,.assistant-header-dock .assistant-toolbar #toolbarState{font-size:13px!important;line-height:1.6}
.account-open .logout{font-size:13px!important}
#subscriptionPanel :is(.billing-status,.billing-stats>span,small,.billing-auto-summary summary,.billing-auto-content p),#accountBalances .billing-footnote,.mila-call-note{font-size:var(--read-small)!important;line-height:var(--read-leading)}
:is(#filterStatus,#humanStatus,#otpStatus,#promptStatus,#relinkStatus,#pairCodeStatus,#businessStatus,#catalogStatus,#importStatus,#actionsStatus,#error,#assistantMigration){font-size:var(--read-small)!important;line-height:var(--read-leading)}
.setup-notice,.setup-notice>span,.save-confirmation{font-size:var(--read-small)!important;line-height:1.65}
.setup-notice>button{font-size:21px!important;line-height:1;flex-shrink:0}
.billing-payment-dialog p,.billing-payment-dialog small,.billing-check-row,.billing-recharge-terms{font-size:var(--read-small)!important;line-height:var(--read-leading)}
/* Public page copy and the small illustrative UI need to remain readable too. */
.public-nav{font-size:14px;line-height:1.6}
.eyebrow,.hero-note,.capability-strip>span,.voice-response,.instruction-tags>span,.note-bottom,.finish-note p,.demo-disclaimer,.site-footer p,.footer-links,.copyright{font-size:var(--read-caption)!important;line-height:1.75}
.section-heading>p,.feature>p,.small-features p,.human-copy>p,.steps-grid p,.faq-heading>p,.faq-list details>p,.handoff-note>p{font-size:15px!important;line-height:1.85}
html[lang=ar] :is(.section-heading>p,.feature>p,.small-features p,.human-copy>p,.steps-grid p,.faq-heading>p,.faq-list details>p,.handoff-note>p){font-size:15px!important;line-height:1.9}
.hero-description{font-size:16px!important;line-height:1.9}
.faq-list summary{font-size:16px;line-height:1.65}
html[lang=ar] .faq-list summary{font-size:16px;line-height:1.8}
.site-footer p,.footer-links,.copyright,.hero-note,.demo-disclaimer{color:#52685c}
.demo-presence,.message small,.message time span,.demo-composer,.demo-tabs button,.floating-label,.hello-label,.prompt-preview>span,.note-bottom,.finish-note p{font-size:12px!important;line-height:1.6}
.message,.prompt-preview p,.note-top,.finish-note strong{font-size:13px!important;line-height:1.7}
html[lang=ar] :is(.message,.prompt-preview p,.note-top,.finish-note strong){font-size:14px!important}
/* Preserve the compact header while keeping its actual controls legible. */
@media(max-width:600px){
 :root,html[lang=ar]{--read-control:16px}
 .assistant-header-dock .assistant-toolbar{gap:8px}
 .assistant-header-dock .assistant-toolbar #toggleWeb{padding:9px 12px;font-size:13px!important}
 html[lang=ar] .assistant-header-dock .assistant-toolbar #toggleWeb{font-size:14px!important}
 .account-open .header-inner{gap:10px}
 .account-open .logout{padding-inline:5px}
 .mila-account-nav .mila-nav-link{padding:10px 12px}
 .demo-tabs button{padding-inline:7px}
 .setup-notice{font-size:var(--read-small)!important}
}
@media(max-width:380px){.account-open.assistant-in-header .logout{font-size:0!important;min-width:34px;padding:8px}.account-open .header-inner{gap:7px}.account-open .language-switch button{min-width:27px;padding-inline:5px}}

.schema-character-count{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] .schema-character-count{text-align:right}