/* Oct 28 2026: accessibility and readability fixes from the Oct 27 UX & Accessibility review.
   Loaded last by ux-oct28.php. Every selector is the theme's own selector with "html" (and where
   needed the page body/main classes) in front, so it outranks the original rule without !important. */

/* 1. Invisible text (WCAG 1.4.3) ------------------------------------------------------------ */

/* /who-we-help/med-spa-marketing/ "Where we work": the white workflow card sits inside a navy section,
   which turned its headings white (1.00:1) and its copy #c8d2e5 (1.52:1) on white. Same fix for any
   white card placed inside a navy practice section. */
html body.bl-inner-page #main.bl-unified.pa-page .pa-navy :is(.pa-workflow,.pa-card,.pa-specialty-card,.pa-local-insight) :is(h2,h3){color:#10234d}
html body.bl-inner-page #main.bl-unified.pa-page .pa-navy :is(.pa-workflow,.pa-card,.pa-specialty-card,.pa-local-insight) :is(p,li){color:#4c5d77}
html body.bl-inner-page #main.bl-unified.pa-page .pa-navy :is(.pa-workflow,.pa-card,.pa-specialty-card,.pa-local-insight) a:not(.pa-button){color:#20487b}
html body.bl-inner-page #main.bl-unified.pa-page .pa-navy .pa-workflow .pa-step{color:#8b703b}

/* /services/paid-ads/ mock-ad button and /services/reputation-management/ "Human review before publication":
   service-flow.css set the label navy (#173977) on its navy chip (#102b60), 1.23:1. */
html body #main .sx-ad .sx-demo-action,
html body.bl-inner-page #main.bl-unified.flow-studio .sx-ad .sx-demo-action{color:#fff}

/* 2. Tap targets (WCAG 2.5.8): at least 24px tall, 44px on phones for footer and menu links --- */

html body .site-footer :is(.footer-link-grid a,.footer-bottom a,.footer-policies a){display:inline-block;min-height:24px;padding-block:4px;line-height:1.6}
html body #main nav[aria-label="Breadcrumb"] a{display:inline-block;min-height:24px;padding-block:4px}
html body #main :is(.ax-related a,.vd-yt,.pc2-jump a,.pc2-closing-links a,.text-link,.bh-hero-trust a,.pc2-detail-link,.pa-related-links a){display:inline-block;min-height:24px;padding-block:4px}
html body #main :is(.pa-link,.bh-link,.ax-inline,.ax-package-links a){min-height:24px}

@media (max-width:767px){
  html body .site-footer .footer-link-grid>div{gap:0}
  html body .site-footer :is(.footer-link-grid a,.footer-bottom a,.footer-policies a){display:inline-flex;align-items:center;min-height:44px;padding-block:6px}
  html body header #navigation :is(.nav-panel a,.nav-top>a){display:flex;align-items:center;min-height:44px}
  html body header #navigation .nav-disclosure{min-height:44px;min-width:44px}
}

/* 3. Small text: supporting and body copy set at 12-13px raised to 15px. Uppercase eyebrows,
   kickers, step numbers, mock-window chrome and headings are left as they are. -------------- */

/* Footer and breadcrumbs (every page) */
html body .site-footer :is(.footer-brand-row p,.footer-link-grid a,.footer-bottom,.footer-policies),
html body footer :is(.footer-top p,.footer-top>div){font-size:15px}
html body :is(.breadcrumbs,.owner-breadcrumbs){font-size:15px}
html body.bl-inner-page #main.bl-unified.flow-studio .ax-crumb,
html body.bl-inner-page #main.bl-unified.pa-page .pa-crumb{font-size:15px}

/* Legacy template classes (style.brand-v2.css) */
html body :is(.fine,.hero-note,.results-grid p,.credibility span,.home-proof-card>p,.price-setup,.price-card .price-label,.checkbox,.form-grid label){font-size:15px}
html body.bl-inner-page #main.bl-unified :is(.fine,.source-note,.ax-example-note,.ax-hero-note,figcaption),
html body.bl-inner-page #main.bl-unified .closing .fine{font-size:15px}

/* Service pages (service-flow.css and the *-studio.css files) */
html body.bl-inner-page #main.bl-unified.flow-studio :is(.sx-note,.sx-hero-visual figcaption,.ax-tags li,.ax-lens-foot,.ax-report-row p,.ax-audit-list li p,.ax-faq-heading .ax-inline,.ax-package-links a,.sx-zones p),
html body.bl-inner-page #main.bl-unified.flow-studio .ax-hero-copy>p.ax-hero-note{font-size:15px}
html body.bl-inner-page #main.bl-unified.flow-studio .cc-software-window .sx-note,
html body.bl-inner-page #main.bl-unified.flow-studio.cc-software-header .cc-software-window .sx-note{font-size:15px!important}

/* Specialty, pricing, video and reference pages (practice-pages.css) */
html body.bl-inner-page #main.bl-unified.pa-page :is(.pa-fine,.pa-visual-label,.pa-trust,.pa-hero-visual figcaption,.pa-gallery figcaption,.pa-context,.pa-search label,.pa-search-count,.gl-nav a,.pa-facts dt,.pa-request-panel .pa-request-seal),
html body.bl-inner-page #main.bl-unified.pa-page .pa-outline-paper>p:not(.pa-kicker),
html body.bl-inner-page #main.bl-unified.pa-page .pa-outline-paper li p{font-size:15px}
html body #main.pa-videos .vd-yt{font-size:15px}

/* Pricing (pricing-sleek.css) */
html body.bl-inner-page #main.bl-unified.pricing-sleek :is(.pa-photo figcaption,.pc2-rate>span,.pc2-plan .pc2-term,.pc2-media-note,.pc2-detail-link,.pc2-service-price span,.pc2-offer-note,.pc2-closing-links span),
html body.bl-inner-page #main.bl-unified.pricing-sleek .pc2-differences :is(dt,dd){font-size:15px}

/* Blog articles (article-polish.css) */
html body.bl-inner-page #main.bl-unified .ar-author .ar-author-role{font-size:15px}

/* Homepage (homepage-balanced.css) */
html body #main.bh-home :is(.bh-founder-card p,.bh-founder-detail small,.bh-founder-detail>p,.bh-report-art figcaption,.bh-review-summary .bh-small){font-size:15px}

/* Software menu panel links */
html body header #navigation .software-nav-panel a{font-size:15px}

/* 7. Hero mock screens: their headings are now <p class="ux-mock-h ux-mock-h3">. These rules
   carry over the type styles the h3 had, so the illustrations look the same. --------------- */

/* Mock ad / review card (paid ads, reputation, and other service pages using .sx-window) */
html body #main .sx-ad .ux-mock-h3{font-size:27px;line-height:1.17;margin:0 0 14px;font-weight:550;letter-spacing:-.04em;color:#10234d;text-wrap:balance;font-family:inherit;max-width:none}
html body.bl-inner-page #main.bl-unified.flow-studio .sx-ad .ux-mock-h3{font-size:30px;line-height:1.2;margin:0 0 14px;font-weight:550;letter-spacing:-.04em;color:#10234d;text-wrap:balance;font-family:inherit;max-width:none}
@media (max-width:640px){
  html body.bl-inner-page #main.bl-unified.flow-studio .sx-ad .ux-mock-h3{font-size:27px}
}

/* AEO "practice discovery" lens */
html body #main .ax-signal .ux-mock-h3{font-size:17px;line-height:1.4;margin:0 0 6px;font-weight:550;letter-spacing:-.02em;color:#fff;text-wrap:balance;font-family:inherit;max-width:none}
html body.bl-inner-page #main.bl-unified.flow-studio .ax-signal .ux-mock-h3{font-size:18px;line-height:1.35;margin:0 0 8px;font-weight:550;letter-spacing:-.02em;color:#fff;text-wrap:balance;font-family:inherit;max-width:none}