/* Shared reading scale. Applied only to editable pages; network status keeps its locked styles. */
.readable-site{--reading-copy:14px;--reading-detail:12px;--reading-caption:11px}
.readable-site .button{font-size:13px;line-height:1.55}
.readable-site :is(.domain-choose,.domain-inline-buy,.domain-buy,.domain-inline-check,.domain-more){font-size:12px;line-height:1.6}

/* Introductory copy and explanatory paragraphs. Preserve heading and price sizes. */
.readable-site :is(.product-description,.home-section-heading>p,.home-steps p,.home-guide>p,.home-resource-line p,.principles p,.resource-card p,.faq-intro>p,.faq-answer p),
.readable-site .hosting-page>section p,
.readable-site :is(.domain-hero-description,.domain-section-heading>p,.domain-principles-heading>p,.domain-principle-grid p,.domain-included li p),
.readable-site :is(.service-hero p,.service-heading>p,.service-plan-description,.service-explainer-copy p),
.readable-site :is(.blog-card>p,.blog-featured>p,.blog-library-heading>p),
.readable-site .affiliate-page p:not(.af-hero-note):not(.af-calculation-note):not(.af-estimate-context):not(.af-estimate-foot):not(.af-input-help):not(.af-brief-notice),
.readable-site .agents-page p:not(.ag-hero-note):not(.ag-flow-foot):not(.ag-form-note):not(.ag-feedback):not(.ag-config-compatibility){font-size:var(--reading-copy);line-height:1.85}

/* Secondary reading stays compact, with enough contrast on light backgrounds. */
.readable-site :is(.product-tagline,.product-uses li,.home-comparison-purpose p,.home-comparison-help p,.home-journey-intro>p,.home-resource-line p){font-size:13px;line-height:1.8}
.readable-site :is(.product-description,.product-tagline,.home-section-heading>p,.home-guide>p,.home-comparison-purpose p,.home-comparison-help p,.principles p,.resource-card p,.faq-intro>p,.faq-answer p){color:#626e80}
.readable-site :is(.home-steps p,.home-journey-intro>p){color:#bbc2d1}
.readable-site :is(.card-link,.availability,.home-guide-link,.home-steps a,.home-comparison-price a,.home-resource-line>.inline-link){font-size:12px;line-height:1.65}
.readable-site .home-comparison{font-size:13px}
.readable-site .home-comparison thead th{font-size:11px}
.readable-site .home-comparison td>small{font-size:12px;line-height:1.65}
.readable-site .home-comparison td>strong{font-size:13px}
.readable-site .home-guide-top{font-size:11px}
.readable-site .terminal-body :is(p,dt,dd){font-size:12px;line-height:1.65}
.readable-site .terminal-body :is(dt,.terminal-welcome,.terminal-comment){color:#a1aabd}
.readable-site .privacy-strip span{font-size:12px;line-height:1.65}
.readable-site .closing-inner p{font-size:13px;line-height:1.8;color:#abb3c3}

/* Server tables, region choices and configuration controls. */
.readable-site .hosting-page :is(.hosting-period-help,.hosting-price-context,.hosting-availability-note,.hosting-addon-note,.hosting-os-note){font-size:12px;line-height:1.8;color:#69788c}
.readable-site .hosting-page :is(.hosting-selection-heading>small,.hosting-catalog-foot,.hosting-table small,.hosting-region-profile){font-size:11px;line-height:1.6}
.readable-site .hosting-page :is(.hosting-table small,.hosting-selection-heading>small){color:#69788c}
.readable-site .hosting-page .hosting-region-profile{letter-spacing:.1px}
.readable-site .hosting-page :is(.hosting-table thead th,.hosting-periods button,.hosting-regions button,.hosting-system-list summary,.hosting-system-list li){font-size:12px;line-height:1.65}
.readable-site .hosting-page .hosting-table td>strong{font-size:14px}
.readable-site .hosting-addon-panel :is(dt,dt small,dd small){font-size:12px;line-height:1.7}
.readable-site .hosting-feature-grid p{color:#69788c}

/* Domain search, DNS/SSL/email details and their price tables. */
.readable-site :is(.domain-lookup-privacy,.domain-timing,.domain-renew-note,.domain-table-footnote,.domain-lookup-disclaimer,.domain-check-announcement,.idea-feedback,.domain-no-script,.domain-result-count,.domain-alternatives-heading p,.domain-alternatives-footer>p){font-size:12px;line-height:1.8}
.readable-site :is(.domain-hero-facts,.domain-search-fields>label,.domain-sort-label,.domain-sort-label>select,.domain-filter-input>input,.domain-filters>button,.domain-included>summary){font-size:12px}
.readable-site :is(.domain-row-description,.domain-highlight>p,.domain-primary-result>div>p,.domain-empty>p,.shortlist-intro,.shortlist-empty>p){font-size:13px;line-height:1.8}
.readable-site .domain-price-table :is(thead th,tbody td){font-size:12px;line-height:1.65}
.readable-site .domain-included li strong{font-size:13px}
.readable-site :is(.domain-principle-grid p,.domain-section-heading>p,.domain-principles-heading>p,.domain-row-description,.domain-table-footnote,.domain-lookup-privacy,.domain-highlight>p,.domain-included li p){color:#64738a}
.readable-site .domain-service-page :is(.service-heading>p,.service-plan-description,.service-explainer-copy p){color:#64738a}
.readable-site .service-plan dl>div{font-size:13px;line-height:1.75}
.readable-site :is(.service-pricing-note,.service-plan-price>span,.service-preview>span:not(.service-preview-mark)){font-size:12px;line-height:1.8}
.readable-site .service-pricing-note{color:#66748a}

/* Guides, affiliation and agent documentation. Long-form article text stays at its existing larger size. */
.readable-site :is(.blog-card>p,.blog-featured>p,.blog-library-heading>p){color:#657387}
.readable-site :is(.blog-results-line p,.blog-sources p,.blog-card-meta,.blog-meta){font-size:12px;line-height:1.75}
.readable-site .affiliate-page :is(.af-hero-note,.af-calculation-note,.af-estimate-context,.af-estimate-foot,.af-input-help,.af-brief-notice,.af-program-availability){font-size:12px;line-height:1.8}
.readable-site .affiliate-page :is(.af-label,.af-referrals-heading label,.af-payout-assets small,.af-estimate-primary small,.af-customer-price small){font-size:12px;line-height:1.7}
.readable-site .affiliate-page :is(.af-section-heading>p,.af-process p,.af-rule p,.af-brief-notice,.af-input-help){color:#65758b}
.readable-site .agents-page :is(.ag-hero-note,.ag-flow-foot,.ag-form-note,.ag-feedback,.ag-config-compatibility,.ag-quote-review,.ag-source-link){font-size:12px;line-height:1.8}
.readable-site .agents-page :is(.ag-quote-form label,.ag-client-tabs>button,.ag-copy,.ag-download,.ag-text-link,.ag-quote-result dl>div,.ag-connection-result>div,.ag-connection-result h4,.ag-flow li strong,.ag-facts span,.ag-resources nav>a){font-size:12px;line-height:1.7}
.readable-site .agents-page :is(.ag-section-heading>p,.ag-tool p,.ag-boundary p,.ag-inspector>p,.ag-config-note p,.ag-config-compatibility,.ag-feedback,.ag-form-note,.ag-quote-empty p,.ag-resources p){color:#65768e}
.readable-site .agents-page .ag-code{font-size:12px;line-height:1.75}
.readable-site .comparison-page :is(.cmp-summary-disclosure,.cmp-table td,.cmp-shortlist-name small){font-size:13px;line-height:1.8}
.readable-site :is(.auth-note,.auth-form label,.auth-status,.support-form label,.support-form-note,.support-empty p,.checkout-support-note){font-size:13px;line-height:1.7}

/* Shared footer on editable pages only. The status footer does not load this sheet. */
.readable-site .site-footer.wisp-footer .footer-description{font-size:14px;line-height:1.85}
.readable-site .site-footer.wisp-footer :is(.footer-account-note,.footer-payments>p){font-size:12px;line-height:1.8;color:#66758b}
.readable-site .site-footer.wisp-footer .footer-nav h3{font-size:12px;letter-spacing:1px}
.readable-site .site-footer.wisp-footer .footer-nav li>:is(a,button){font-size:13px;line-height:1.7;min-height:29px}
.readable-site .site-footer.wisp-footer :is(.footer-bottom,.footer-domain,.footer-language,.footer-price-tag){font-size:11px;line-height:1.7}
.readable-site .site-footer.wisp-footer .footer-payments li{font-size:10px}
.readable-site .company-menu strong{font-size:12px}
.readable-site .company-menu small{font-size:11px;line-height:1.6}

@media(max-width:700px){
 .readable-site .terminal-body dl>div{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}
 .readable-site .terminal-body :is(dt,dd){overflow-wrap:anywhere}
 .readable-site .privacy-strip span{font-size:11px}
 .readable-site .home-comparison td>small{font-size:11px}
}

/* Account, support and purchase flows share the same scale as the public site.
   Form controls have a separate mobile size so that focusing them need not zoom. */
.readable-site{--ui-copy:.875rem;--ui-label:.8125rem;--ui-note:.75rem;--ui-caption:.6875rem;--ui-field:.875rem}
.readable-site #auth-view :is(.auth-aside>p,.auth-panel>p,.recovery-notice p),
.readable-site #dashboard-view :is(.client-welcome p,.client-service-card p,.client-security-card p,.client-orders-empty>p,.client-support-shortcut p,.security-description),
.readable-site #contenu :is(.support-intro p,.support-guide li p,.support-gate>p,.support-panel-title p,.support-message-body>p,.support-empty>p,.purchase-heading>div>p,.purchase-panel-heading p,.purchase-empty p,.purchase-consent,.payment-tracking>p),
.readable-site .help-bubble :is(#help-bubble-gate>p,#help-bubble-success>p,.help-bubble-intro){font-size:var(--ui-copy);line-height:1.65}

.readable-site #auth-view :is(label,.auth-tabs button,.auth-text-link,.button,.auth-aside li,.auth-aside>.inline-link),
.readable-site #dashboard-view :is(label,.dashboard-nav>button,.sidebar-bottom>a,.sidebar-bottom>button,.client-header-actions .button,.client-welcome button,.client-stats article>button,.client-service-card>a,.client-quick-actions strong,.client-box-heading>.inline-link,.client-security-card>button,.client-order-action,.client-order-tabs>button,.client-orders-empty>strong,.security-panel .button,.client-payment-notice :is(strong,button)),
.readable-site #contenu :is(.support-form label,.support-switch button,.support-back,.support-close-link,.support-register,.support-account-link,.support-privacy summary,.support-filter,.support-submit-row .button,.support-empty .button,.support-close-dialog .button,.purchase-submit,.purchase-support,.purchase-empty .button,.summary-back,.copy-amount-button,.payment-address button,.payment-tracking>button,.purchase-history button,.purchase-summary dl>div,.payment-address>label,.purchase-account strong),
.readable-site .help-bubble :is(#help-bubble-launcher,#help-bubble-submit,#help-bubble-gate>.button,.help-bubble-register,#help-bubble-retry,#help-bubble-thread,#help-bubble-new,#help-bubble-form label){font-size:var(--ui-label);line-height:1.55}

.readable-site #auth-view :is(.auth-aside-note,.auth-small-print,.auth-data-note>summary,.auth-data-note>p,.field-help,.auth-continuation-note),
.readable-site #dashboard-view :is(#dashboard-subtitle,#sidebar-email,#client-orders-message,.client-stats>article>span,.client-support-shortcut .eyebrow,.client-payment-notice p,.client-orders-tools,#client-refresh-orders,.client-order-copy>.client-order-description,.client-billing-foot,.client-privacy-note,.field-help,.client-orders-placeholder),
.readable-site #contenu :is(.support-guide li>span,.support-gate-foot,.support-privacy p,.support-feedback,.support-form-hint,.support-textarea-foot,.support-secret-note,.support-submit-row>span,.support-retention,.support-reply-deadline,.support-thread-meta,.support-message-heading time,.support-ticket-row-meta>time,.support-ticket-copy>small,.support-refresh,.purchase-navigation,.purchase-panel-foot,.purchase-panel-foot>span,.summary-included,.summary-terms,.summary-private,.summary-domain-line,.summary-product,.summary-crypto>span,.summary-server-specs,.summary-server-breakdown>summary,.summary-total small,.purchase-message,.crypto-choice-copy>small,.crypto-choice-network,.payment-qr>span,.payment-amount>span,.payment-amount-note,.payment-amount>#checkout-quote-info,.payment-network-note,.payment-tracking>#checkout-poll-note,.purchase-history small,.purchase-history>div>span),
.readable-site .help-bubble :is(.help-bubble-panel header p,.help-bubble-panel>footer,#help-bubble-gate>small,#help-bubble-feedback,#help-bubble-loading,#help-bubble-counter){font-size:var(--ui-note);line-height:1.6}

.readable-site #auth-view :is(.eyebrow,.purchase-auth-domain>span),
.readable-site #dashboard-view :is(.eyebrow,.client-sidebar-brand small,.client-box-kicker,.client-nav-count,.client-order-type,.client-order-reference,.client-order-badge,.client-stats small,.client-account-label),
.readable-site #contenu :is(.support-breadcrumb,.support-intro-tags,.support-section-number,.support-status,.support-ticket-reference,.support-switch button>span,.purchase-step,.summary-topline,.purchase-progress,.purchase-progress li>span,.purchase-navigation>span,.purchase-account span,.purchase-bottom,.purchase-bottom>span:last-child,.purchase-heading .eyebrow,.payment-status,.payment-panel-top p,.payment-currency #checkout-network-badge){font-size:var(--ui-caption);line-height:1.55}

.readable-site #contenu :is(.client-area,.support-form,.registration-grid,.registration-addon,.payment-address) :is(input:not([type=checkbox]):not([type=radio]),select,textarea),
.readable-site .help-bubble #help-bubble-form :is(input,select,textarea){font-size:var(--ui-field);line-height:1.5;min-width:0}
.readable-site #dashboard-view .client-order-search input::placeholder,
.readable-site .help-bubble #help-bubble-form :is(input,textarea)::placeholder{font-size:inherit}
.readable-site #auth-view .recovery-notice code,.readable-site #dashboard-view .recovery-notice code{font-size:var(--ui-copy);overflow-wrap:anywhere}
.readable-site .help-bubble #help-bubble-reference{font-size:var(--ui-note)!important}
.readable-site .help-bubble :is(#help-bubble-gate>p,#help-bubble-success>p,.help-bubble-intro,#help-bubble-gate>small,.help-bubble-panel>footer,#help-bubble-counter){color:#657287}
.readable-site .help-bubble .help-bubble-panel header p{color:#c6bdcc}
.readable-site #dashboard-view .client-order-meta>.client-order-badge,.readable-site #dashboard-view .client-order-copy>.client-order-reference{font-size:var(--ui-caption)}
.readable-site #dashboard-view :is(#dashboard-subtitle,.client-stats>article>span,.client-stats article>button,.client-privacy-note){color:#5f6d81}
.readable-site #dashboard-view .client-payment-notice p{color:#79644c}
.readable-site #dashboard-view .client-identity{display:flex;min-width:0}
.readable-site #dashboard-view #sidebar-email{flex:1;min-width:0;text-wrap:balance;overflow-wrap:anywhere}
.readable-site #contenu .purchase-navigation{padding-top:max(2.75rem,36px)}
.readable-site #contenu :is(.purchase-navigation,.purchase-heading>div>p,.purchase-panel-heading p,.summary-private,.summary-terms,.payment-network-note){color:#5e6b80}
.readable-site #contenu .payment-deadline::before{font-size:var(--ui-caption)}
.readable-site #dashboard-view :is(.client-box h2,.client-security-card h2,.client-support-shortcut h2),
.readable-site .help-bubble .help-bubble-panel h2{font-size:1.125rem;line-height:1.35}
.readable-site #contenu :is(.purchase-panel-heading h2,.payment-panel-top h2,.support-panel-title h2){font-size:1.25rem;line-height:1.35}
.readable-site #contenu :is(.purchase-account,.purchase-progress li,.purchase-panel-foot,.purchase-heading>div,.registration-grid>label,.client-box-heading,.client-order-copy){min-width:0}
.readable-site :is(.purchase-account strong,.client-order-reference,.payment-address textarea,#sidebar-email){overflow-wrap:anywhere}
@media(max-width:700px){
 .readable-site{--ui-field:1rem}
 .readable-site #auth-view .auth-tabs{display:flex;flex-wrap:wrap}
 .readable-site #auth-view .auth-tabs button{flex:1 1 auto;white-space:normal}
 .readable-site #contenu .purchase-progress{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem .65rem}
 .readable-site #contenu .purchase-progress li{white-space:normal;flex-direction:row;text-align:start}
 .readable-site #contenu .purchase-progress li::before,.readable-site #contenu .purchase-progress li::after{display:none}
 .readable-site #contenu :is(.purchase-panel-foot,.purchase-bottom,.support-toolbar,.client-box-heading,.client-header-actions){flex-wrap:wrap}
 .readable-site #dashboard-view .dashboard-nav{min-width:0;max-width:100%}
}
/* The attached language tabs sit below the header; leave room before breadcrumbs. */
@media(max-width:980px){
 .readable-site #contenu :is(.hosting-breadcrumb,.blog-breadcrumb,.cmp-breadcrumb,.af-breadcrumb,.support-breadcrumb,.domain-hero .breadcrumb,.rp-intro){padding-top:2.75rem}
}
@media(min-width:701px) and (max-width:980px){
 .readable-site .compact-hero{padding-top:2rem}
}
