/* Cardly readability v4: designed for marketing-BwCapJZZ.css and app-CtaHc5j1.css.
   Loaded AFTER Vite and after earlier patches. Does NOT enlarge H1/H2/H3, logo,
   dashboard statistic numbers, or miniature phone mockups. */
:root { --muted: #4c584f; --cardly-readable-ink: #25332b; }
/* Marketing page typography */
.site-header .nav nav, .site-header .nav-actions, .site-header .login-link,
.footer-links, .site-footer .footer-links {font-size:15px!important;color:#334238!important;font-weight:550!important;line-height:1.5!important}
.site-header :is(.btn,.btn-dark), .landing-hero .btn, .hero-buttons .btn,
.marketing-plans .btn, .brands-inner .btn, .cta-section .btn {font-size:15px!important;font-weight:650!important;line-height:1.4!important}
.landing-copy>p, .section-header>p, .feature-grid p, .steps-grid p,
.brands-inner>div:last-child>p, .center-heading p, .faq-section>div:first-child>p,
.faq-list p, .site-footer p, .marketing-plans p {font-size:16px!important;line-height:1.8!important;color:#465449!important}
.principles-inner>span,.principles-inner>div, .principles-inner small,
.brand-bullets strong,.brand-bullets small,.marketing-plans ul,.marketing-price small,
.marketing-plans li,.faq-list summary,.watch-link,.plan-bottom-note,.plan-footnote,
.footer-bottom,.footer-bottom>span:last-child,.hero-assurances,
.landing-hero-caption, .landing-hero-caption>span,.landing-hero-caption>strong {
  font-size:14px!important;line-height:1.65!important;color:#425044!important;
}
.kicker,.landing-copy .kicker,.brands-inner .kicker,.center-heading .kicker,
.cta-section .kicker,.plan-number,.popular-label,.feature-no,.brand-art-caption {
  font-size:12px!important;line-height:1.5!important;font-weight:650!important;letter-spacing:.09em!important;
}
/* Readability in full-size marketing cards, not miniature preview art */
.feature-grid h3,.steps-grid h3 {color:#233027!important}
.marketing-plans li::before {font-size:14px!important}
/* Dashboard / administration typography. Source app CSS uses fixed px classes. */
.app-shell {--muted:#4d5a51;--ink:#25322a}
.app-shell p, .auth-page p {font-size:16px!important;line-height:1.7!important;color:#46544b!important}
.app-shell :is(.sidebar nav a,.breadcrumb,.topbar-right,.text-link,.qatar-note,
 .sidebar-user>span,.sidebar-user small,.workspace-label,.page-heading p,
 .field,.field>span:first-child,.checkbox,.toggle-row,.tabs button,.admin-tabs button,
 .filter-bar,.results-caption,.template-meta p,.template-use,.card-list-toolbar>span,
 .my-card-details p,.card-url,.verification-heading p,.billing-current p,
 .plan-card li,.pagination,.category-list>div,.status) {
  font-size:15px!important;line-height:1.55!important;color:#344239!important;
}
.app-shell .sidebar nav a {font-weight:600!important}
.app-shell .sidebar nav a.active, .app-shell .text-link,
.app-shell .tabs button.selected,.app-shell .admin-tabs button.selected,
.app-shell .template-use {color:#831337!important}
.app-shell :is(.button,.button.small,.search input,.verification-actions input,
 input:not([type=checkbox]):not([type=color]),select,textarea) {
  font-size:15px!important;line-height:1.45!important;
}
.app-shell :is(.button,.button.small) {font-weight:650!important;min-height:40px}
.app-shell :is(input,select,textarea) {color:#26352c!important}
.app-shell :is(input::placeholder,textarea::placeholder) {color:#657268!important}
.app-shell :is(.stat-label,.stat>small,.panel-heading p,.empty p,
 .setup-step strong,.setup-step p,.subscription-note p,.subscription-note a,
 .sidebar-user small,.qatar-note small,.field small,.field .field-error,
 .muted,.back-link,.preview-heading,.preview-heading button,.preview-note,
 .locked-brand,.toggle-row small,.template-intro p,.template-lock strong,
 .template-lock small,.results-caption,.template-category,.template-meta p,
 .card-url,.billing-note,.plan-price small,.table-subtitle,.analytics-explainer p,
 .admin-shortcuts span,.app-footer,.eyebrow,.workspace-label,.status,
 .card-list-toolbar>span,.brand-note,.plan-recommendation,.plan-icon) {
  font-size:13px!important;line-height:1.55!important;color:#4b594f!important;
}
.app-shell :is(.stat-label,.setup-step strong,.subscription-note>strong,
 .template-meta h3,.my-card-details h3,.verification-heading h3,
 .panel-heading h2,.admin-shortcuts h3) {font-size:15px!important;color:#26362c!important}
.app-shell :is(table,td,td strong) {font-size:14px!important;color:#35443a!important}
.app-shell th {font-size:13px!important;font-weight:700!important;color:#45564a!important}
.app-shell .hero-copy p {font-size:15px!important;color:#e0e7dd!important}
.app-shell .hero-kicker,.app-shell .hero-line {font-size:12px!important;color:#d8e0d5!important}
.app-shell .hero-link {font-size:14px!important;color:#fff!important}
.app-shell .hero-float {font-size:12px!important;color:#f2f3e9!important}
/* Preserve light-on-dark text and semantic statuses */
.app-shell :is(.button:not(.secondary),.button.danger) {color:#fff!important}
.app-shell :is(.status.green,.alert.success) {color:#315b3f!important}
.app-shell :is(.status.red,.alert.error,.field-error) {color:#963344!important}
/* Auth/login screens */
.auth-page :is(.field,.auth-form .form-row,.auth-switch,.auth-features,.auth-back) {font-size:15px!important}
.auth-page :is(.auth-footer,.auth-copyright) {font-size:13px!important;color:#d3d9c9!important}
.auth-page .auth-story p {color:#e0e8df!important}
.auth-page .auth-form>p {color:#4b594d!important}
/* Don't alter the fixed-size graphical card previews, phone illustrations, or brand logos. */
@media(max-width:850px) {
 .landing-copy>p,.feature-grid p,.steps-grid p,.marketing-plans p,.faq-list p,
 .brands-inner>div:last-child>p {font-size:16px!important}
 .app-shell .sidebar nav a {font-size:15px!important}
}
@media(max-width:600px) {
 .site-header .nav-actions,.footer-links {font-size:14px!important}
 .landing-copy>p,.feature-grid p,.steps-grid p,.marketing-plans p,
 .brands-inner>div:last-child>p,.faq-list p {font-size:16px!important}
 .app-shell p,.auth-page p {font-size:15px!important}
 .app-shell :is(table,td) {font-size:13px!important}
}