/* Clinic App blog: brand override (Sep 2026). Loaded last, so it wins over
   /styles.css, blog.css and each post's inline tokens without editing them. */
@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600&display=swap");
:root{--ink:#1D1D1F;--forest:#1D1D1F;--forest-2:#2C2C2E;--cream:#F7F7F9;--paper:#FFFFFF;--coral:#7B6BD1;--coral-dark:#6A5BC0;--lime:#C5B3F5;--line:rgba(0,0,0,.08);--sans:"Figtree","Helvetica Neue",Arial,sans-serif;--serif:var(--sans)}
html,body{background:#fff;color:#1D1D1F;font-family:var(--sans)!important;letter-spacing:-.01em}
h1,h2,h3,h4{font-family:var(--sans)!important;font-weight:600!important;letter-spacing:-.03em!important;font-style:normal!important;color:#1D1D1F}
h1{font-size:clamp(34px,4.4vw,52px)!important;line-height:1.05!important}
h2{font-size:clamp(26px,3vw,36px)!important;line-height:1.1!important}
em{font-style:normal!important;font-weight:600;color:#7B6BD1!important}
a{color:#7B6BD1}
/* Header: white bar, hairline, the wordmark instead of the typed name. */
.brandNav{background:#fff!important;border-bottom:1px solid rgba(0,0,0,.08)!important;box-shadow:none!important;padding:14px 6vw!important}
.brandNav .brandName{font-size:0!important;color:transparent!important;display:block;width:150px;height:22px;background:url("/assets/wordmark.png") left center/contain no-repeat}
.brandNav .brandName>span{display:none!important}
.brandNav .brandLogoMark,.brandNav img[alt=""]{display:none!important}
.brandNav a{color:#1D1D1F!important;font-weight:500}
.brandNav .navLinks a{font-size:14px;background:transparent!important}
.brandNav .pillButton,.brandNav .mainButton,.brandNav .darkButton,.brandNav .navCta a:not(.textLink){background:#1D1D1F!important;color:#fff!important;border-radius:4px!important;padding:11px 16px!important;font:600 11px/1 var(--sans)!important;letter-spacing:.12em;text-transform:uppercase;box-shadow:none!important}
/* Buttons and pills anywhere in a post. */
.pillButton,.mainButton,.darkButton,.cta,.button{background:#1D1D1F!important;color:#fff!important;border-radius:4px!important;font-weight:600!important;letter-spacing:.1em;text-transform:uppercase;font-size:12px!important;box-shadow:none!important}
/* Labels and eyebrows. */
.eyebrow,.sectionTag,.kicker,.tag,.blog-tag,.category{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:600;color:#6E6E73!important;font-style:normal}
.eyebrow i{background:#7B6BD1!important}
/* Cards, quotes, callouts. */
.card,.post-card,.blog-card,.callout,blockquote,.metricStrip article,.fitCard{background:#fff!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:12px!important;box-shadow:none!important}
blockquote{border-left:2px solid #7B6BD1!important;font-style:normal!important;color:#2C2C2E}
.pullQuote,.contrastQuote,.ticker{background:#F7F7F9!important;color:#1D1D1F!important}
.ticker,.ticker div{background:#1D1D1F!important;color:#fff!important}
/* Footer: black. */
footer,.footer,.footer.dark{background:#1D1D1F!important;color:#fff!important;border-top:0!important}
footer a,.footer a,.footer p,.footer span,.footer li{color:rgba(255,255,255,.72)!important}
footer strong,.footer strong{color:rgba(255,255,255,.5)!important}
.footer .brandName{font-size:0!important;display:block;width:150px;height:22px;background:url("/assets/wordmark-white.png") left center/contain no-repeat}
.footer .brandName>span,.footer .brandLogoMark{display:none!important}
/* Kill any leftover pink or green fills. */
[style*="#E88CB0"],[style*="#e88cb0"],[style*="#fec6d3"],[style*="#dff09b"]{background:#F7F7F9!important;color:#1D1D1F!important}
/* Post hero band: charcoal ground, white title. */
[class*="hero"],.post-hero,.article-hero{background:#1D1D1F!important;background-image:none!important}
[class*="hero"] h1,[class*="hero"] p,[class*="hero"] span,[class*="hero"] .eyebrow,.post-hero *{color:#fff!important}
[class*="hero"] .eyebrow,[class*="hero"] .sectionTag,[class*="hero"] .kicker{color:rgba(255,255,255,.6)!important}
[class*="hero"] em{color:#C5B3F5!important}
/* Index featured card and any dark card: readable on white. */
.featured,.post-card,.blog-card,.card{color:#1D1D1F!important}
.featured *,.post-card *,.blog-card *{color:#1D1D1F!important}
.featured .eyebrow,.post-card .eyebrow,.blog-card .eyebrow,.featured .tag,.post-card .tag{color:#6E6E73!important}
.featured .pillButton,.post-card .pillButton,.featured .mainButton{color:#fff!important}
/* Hero badges on the dark band: translucent pills with white text; no italics. */
[class*="hero"] .badge,[class*="hero"] .pill,[class*="hero"] .chip{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important}
[class*="hero"] em,[class*="hero"] i{font-style:normal!important}