/* BuildWithHQ Editorial System — 2026-09-01
   Shared visual language based on the WordPress-of-SaaS homepage.
   Loaded last so existing page content and components are preserved. */
:root{
  --ed-ink:#171816;--ed-muted:#62645f;--ed-paper:#ffffff;--ed-warm:#f7f5ef;
  --ed-soft:#f2f3f1;--ed-line:#d7d7d1;--ed-dark:#181916;--ed-lime:#cce95a;
  --ink:#171816;--ink-2:#242522;--body:#565853;--border:#d7d7d1;--soft:#f4f4f1;
  --blue:#171816;--blue-dark:#000;--blue-soft:#f1f2ee;--amber:#c1dc52;--amber-soft:#f3f8dc;
  --green:#3d694c;--green-soft:#edf4ef;--white:#fff;
  --shadow-lg:0 18px 45px rgba(23,24,22,.08);--shadow-sm:0 7px 20px rgba(23,24,22,.06);
}
html{scroll-behavior:smooth;background:var(--ed-paper)}
body{background:var(--ed-paper)!important;color:var(--ed-ink)!important;font-family:Arial,Helvetica,sans-serif!important;line-height:1.58!important;letter-spacing:-.006em}
a{color:inherit}
.wrap{width:min(1180px,calc(100% - 48px))!important}
h1,h2,h3,h4,h5,.sec-title{font-family:Georgia,'Times New Roman',serif!important;color:var(--ed-ink)!important;font-weight:400!important;letter-spacing:-.035em!important;line-height:1.06!important}
p,.lead,.sec-intro{color:var(--ed-muted)}

/* Announcement + shared navigation */
.ed-announcement{background:var(--ed-dark);color:#f7f7f4;text-align:center;padding:9px 18px;font-size:12px;letter-spacing:.01em}
.ed-announcement a{color:#fff;text-underline-offset:3px}
.nav{position:sticky!important;top:0!important;z-index:80!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--ed-line)!important;backdrop-filter:blur(10px)}
.nav-in{min-height:68px;padding:0!important;gap:26px!important}
.brand{font-family:Arial,Helvetica,sans-serif!important;color:var(--ed-ink)!important;font-size:19px!important;font-weight:800!important;letter-spacing:-.04em!important}
.brand em{font-family:Georgia,serif!important;font-style:italic!important;color:var(--ed-ink)!important;font-weight:400!important}
.nav-links{gap:24px!important}.nav-links a,.nav-right a.plain{color:#2b2d29!important;font-size:12px!important;font-weight:500!important;text-decoration:none!important}
.nav-links a:hover,.nav-right a.plain:hover,.nav-links a.on{color:#000!important;text-decoration:underline!important;text-underline-offset:5px}
.nav-right{gap:16px!important}.nav .btn.sm,.nav-right .btn.sm{background:var(--ed-dark)!important;border-color:var(--ed-dark)!important;color:#fff!important;border-radius:0!important;min-height:38px!important;padding:9px 16px!important;font-size:11px!important;text-transform:none!important;letter-spacing:0!important}

/* Editorial hero */
.hero,.phead{background:var(--ed-warm)!important;color:var(--ed-ink)!important;padding-top:86px!important;padding-bottom:90px!important;border-bottom:1px solid var(--ed-line)!important;overflow:hidden}
.hero::before,.hero-grid-bg{display:none!important}
.hero-in{gap:70px!important}.hero h1,.phead h1{color:var(--ed-ink)!important;font-size:clamp(44px,6vw,78px)!important;max-width:15ch!important;font-weight:400!important}.hero h1 em{color:var(--ed-ink)!important;font-family:Georgia,serif!important;font-style:italic!important;font-weight:400!important}.hero p.lead,.phead p{color:#41433f!important;font-size:18px!important;max-width:59ch!important}.hero-stats{border-top:1px solid var(--ed-line)!important}.hero-stats div b{color:var(--ed-ink)!important;font-family:Georgia,serif!important;font-weight:400!important}.hero-stats div span{color:var(--ed-muted)!important}
.eyebrow{font-family:Arial,Helvetica,sans-serif!important;color:var(--ed-ink)!important;font-size:11px!important;font-weight:800!important;letter-spacing:.16em!important;text-transform:uppercase!important}.eyebrow::before{background:var(--ed-ink)!important;height:1px!important}.eyebrow.blue{color:var(--ed-ink)!important}.eyebrow.blue::before{background:var(--ed-ink)!important}
.hpanel{background:#fff!important;border:1px solid var(--ed-ink)!important;border-radius:0!important;box-shadow:none!important;color:var(--ed-ink)!important}.hpanel-h b,.hrow b{color:var(--ed-ink)!important}.hpanel-h i{color:var(--ed-ink)!important;border-color:var(--ed-ink)!important}.hrow{border-color:var(--ed-line)!important}.hrow span{color:var(--ed-muted)!important}.hrow .ic,.hrow .ic.amber{background:var(--ed-soft)!important}.hrow .ic svg{stroke:var(--ed-ink)!important}

/* Buttons */
.btn,.btn:visited{border-radius:0!important;background:var(--ed-dark)!important;border:1px solid var(--ed-dark)!important;color:#fff!important;font-family:Arial,Helvetica,sans-serif!important;text-transform:none!important;letter-spacing:0!important;font-size:13px!important;min-height:48px!important;padding:12px 21px!important;box-shadow:none!important}.btn:hover{background:#000!important;border-color:#000!important;transform:none!important}.btn.amber{background:var(--ed-lime)!important;border-color:var(--ed-ink)!important;color:var(--ed-ink)!important}.btn.outline,.btn.outline-light{background:transparent!important;color:var(--ed-ink)!important;border-color:var(--ed-ink)!important}.btn.outline:hover,.btn.outline-light:hover{background:var(--ed-ink)!important;color:#fff!important}

/* Sections / cards */
section{padding-top:84px!important;padding-bottom:84px!important}section.alt{background:var(--ed-soft)!important}section.dark{background:var(--ed-dark)!important;color:#fff!important}section.dark h2,section.dark h3,section.dark h4{color:#fff!important}section.dark p{color:#d4d5d0!important}.sec-title{font-size:clamp(36px,4.4vw,58px)!important;max-width:18ch!important}.sec-title.wide{max-width:24ch!important}.sec-intro{font-size:17px!important;line-height:1.62!important}.head-row,.head-center{margin-bottom:44px!important}
.step,.risk,.card,.compare-card,.decision-card,.source-card,.cta-card,.arch-card,.faq,.callout,.example,.verdict,.cmp,.use,.bt-proof,.bt-map-box,.product-card{border-radius:0!important;box-shadow:none!important;border:1px solid var(--ed-line)!important;background:#fff!important}.step{border-top:1px solid var(--ed-ink)!important}.step .num{color:#e8e8e3!important;font-family:Georgia,serif!important;font-weight:400!important}.step .badge,.step:nth-child(2) .badge,.step:nth-child(3) .badge,.feat .fic{background:var(--ed-soft)!important;border-radius:0!important}.step .badge svg,.step:nth-child(2) .badge svg,.step:nth-child(3) .badge svg,.feat .fic svg{stroke:var(--ed-ink)!important}.step h3,.risk h4,.feat h4,.card h3,.compare-card h3,.decision-card h3,.arch-card h3{font-family:Georgia,serif!important;font-weight:400!important}.risk .q{color:var(--ed-muted)!important;border-color:var(--ed-line)!important}.txtlink{font-family:Arial,Helvetica,sans-serif!important;color:var(--ed-ink)!important;text-transform:none!important;letter-spacing:0!important;text-decoration:underline!important;text-underline-offset:4px!important}.cap,.pc-num,.pc-pill,.bt-cap,.mini-label{font-family:Arial,Helvetica,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important}

/* Tables and technical diagrams */
table,.table-wrap{border-color:var(--ed-line)!important}.table-wrap{border-radius:0!important}.table-wrap th,table th{background:var(--ed-soft)!important;color:var(--ed-ink)!important}.table-wrap td,table td{border-color:var(--ed-line)!important}.arch,.activeworkplace-diagram,.aw-graph,.layout{filter:none!important}.arch-card,.aw-node,.aw-layer{border-radius:0!important}.code,.mono,pre,code{font-family:'Courier New',monospace!important}

/* Footer */
footer,.footer{background:var(--ed-warm)!important;color:var(--ed-ink)!important;border-top:1px solid var(--ed-line)!important}footer a,.footer a{color:var(--ed-ink)!important}.f-grid,.footer{padding-top:55px!important}.f-bot,.copyright{border-color:var(--ed-line)!important;color:var(--ed-muted)!important}

/* Make comparison pages feel editorial instead of dashboard-heavy */
.compare-hero,.comparison-hero{background:var(--ed-warm)!important}.comparison-grid,.compare-grid{gap:18px!important}.comparison-card,.compare-card{border-color:var(--ed-line)!important}

/* Build This cards */
.product-card{transition:transform .15s ease,background .15s ease!important}.product-card:hover{transform:translateY(-2px)!important;background:var(--ed-warm)!important}.product-card h3{font-family:Georgia,serif!important;font-size:31px!important;font-weight:400!important}.pc-pill{border-radius:20px!important;background:var(--ed-soft)!important;color:var(--ed-ink)!important}

/* Dev Freedom label */
.ed-dev-link{font-weight:700!important}

@media(max-width:900px){.nav-links{display:none!important}.nav-right .plain{display:none!important}.hero-in{grid-template-columns:1fr!important}.hero,.phead{padding-top:60px!important;padding-bottom:65px!important}.wrap{width:min(100% - 30px,1180px)!important}.hero h1,.phead h1{font-size:clamp(42px,12vw,66px)!important}.steps-band{margin-top:0!important;padding-top:22px!important}.steps{grid-template-columns:1fr!important}}
@media(max-width:600px){section{padding-top:62px!important;padding-bottom:62px!important}.nav-in{min-height:62px!important}.hero p.lead,.phead p{font-size:16px!important}.sec-title{font-size:38px!important}}


/* 2026-09-01 readability + Build This refinement */
.compare-card{background:#fff!important;border:1px solid #cfd1cc!important;min-height:180px!important;padding:20px!important}
.compare-card strong{color:#1a1b19!important;font-family:Georgia,'Times New Roman',serif!important;font-size:20px!important;font-weight:400!important;line-height:1.14!important;letter-spacing:-.02em!important;margin:12px 0 12px!important}
.compare-card span{color:#434640!important;font-size:14px!important;line-height:1.55!important}
.compare-card small{color:#8b4b00!important;font-size:10px!important;letter-spacing:.12em!important}
.compare-card:hover{background:#f7f5ef!important;border-color:#171816!important;transform:translateY(-2px)!important}
.category-head p{color:#4a4d47!important}

/* Build This landing cards: strong contrast on the new white/editorial surface */
.product-card,.product-card.signal,.product-card.resolve,.product-card.launch,.product-card.northstar,.product-card.teambox,.product-card.relateeverything,.product-card.customerportal,.product-card.companyiq,.product-card.opsatlas,.product-card.headless,.product-card.caseflow,.product-card.assetops,.product-card.fieldservice,.product-card.reservations,.product-card.activeworkplace{background:#fff!important;border-color:#cfd1cc!important}
.product-card::before{display:none!important}
.product-card h3{color:#171816!important}
.product-card .pc-type{color:#3f4f66!important}
.product-card p{color:#424640!important;font-size:14px!important;line-height:1.62!important}
.product-card .pc-num{color:#4f524c!important}
.product-card .pc-bottom{color:#171816!important;border-color:#d7d7d1!important}
.product-card:hover{background:#f7f5ef!important;border-color:#171816!important}

/* Build This landing + every individual product hero */
.bt-hero{background:#f7f5ef!important;color:#171816!important;padding:76px 0 82px!important;border-bottom:1px solid #d7d7d1!important}
.bt-hero::before,.bt-grid{display:none!important}
.bt-hero-in{gap:70px!important}
.bt-hero h1{color:#171816!important;font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(46px,5.6vw,76px)!important;font-weight:400!important;line-height:1.02!important;letter-spacing:-.045em!important;max-width:14ch!important}
.bt-hero h1 em{color:#171816!important;font-family:Georgia,'Times New Roman',serif!important;font-style:italic!important;font-weight:400!important}
.bt-hero .lead{color:#3f423d!important;font-size:18px!important;line-height:1.62!important;max-width:58ch!important}
.bt-label{color:#171816!important;font-family:Arial,Helvetica,sans-serif!important;font-size:11px!important;font-weight:800!important;letter-spacing:.16em!important}
.bt-label::before{height:1px!important;background:#171816!important}
.bt-proof{border:0!important;background:transparent!important;display:flex!important;gap:10px 18px!important;margin-top:28px!important}
.bt-proof span{border:0!important;border-radius:0!important;background:transparent!important;color:#5b5e57!important;padding:0!important;font-size:12px!important}
.bt-proof span::before{content:'✓ ';color:#171816!important}
.bt-demo{background:#111b2e!important;border:1px solid #263a5c!important;border-radius:0!important;box-shadow:0 22px 55px rgba(23,24,22,.12)!important}
.bt-demo h1,.bt-demo h2,.bt-demo h3,.bt-demo h4,.bt-demo strong{color:#fff!important;font-family:Arial,Helvetica,sans-serif!important;letter-spacing:0!important}
.bt-demo p{color:#aebbd0!important}
.bt-demo .bt-kpi b{color:#fff!important}
.bt-demo .bt-kpi span{color:#9daac0!important}
.bt-demo-head{color:#aab6c9!important}
.bt-demo-head i{color:#9ee0ca!important}

/* Product blueprint content now follows the same readable editorial card language */
.bt-cap{background:#fff!important;border-color:#d2d3cf!important;border-radius:0!important}
.bt-cap .n{color:#555952!important}
.bt-cap h3{color:#171816!important;font-family:Georgia,'Times New Roman',serif!important;font-size:23px!important;font-weight:400!important}
.bt-cap p{color:#444741!important;font-size:14px!important;line-height:1.6!important;text-transform:none!important;letter-spacing:0!important}
.bt-callout{background:#f7f5ef!important;border:1px solid #171816!important;border-left:4px solid #171816!important;color:#333631!important;border-radius:0!important}
.bt-map-box{border-radius:0!important;box-shadow:none!important}
.bt-map-box.dark{background:#181916!important}
.bt-map-box.dark h3{color:#fff!important}.bt-map-box.dark li{color:#f1f1ee!important}

@media(max-width:900px){.bt-hero-in{grid-template-columns:1fr!important}.bt-hero{padding:58px 0 62px!important}.bt-hero h1{font-size:clamp(42px,11vw,64px)!important}}


/* 2026-09-01 comparison buildability expansion */
.buildability-hero-note{max-width:900px!important;margin:18px 0 0!important;padding:14px 0 0!important;border-top:1px solid #d7d7d1!important;color:#3f423d!important;font-size:15px!important;line-height:1.65!important}
.buildability-hero-note strong{color:#171816!important}
.buildability-section{background:#f7f5ef!important;border-top:1px solid #d7d7d1!important;border-bottom:1px solid #d7d7d1!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding-left:max(24px,calc((100vw - 1180px)/2))!important;padding-right:max(24px,calc((100vw - 1180px)/2))!important}
.buildability-section .intro{color:#474a44!important;font-size:17px!important;max-width:860px!important}
.buildability-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1px!important;background:#cfd1cc!important;border:1px solid #cfd1cc!important;margin-top:30px!important}
.buildability-card{background:#fff!important;padding:26px!important;min-height:245px!important}
.buildability-card .build-num{display:block!important;font:800 10px/1.2 Arial,Helvetica,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#62655f!important;margin-bottom:28px!important}
.buildability-card h3{font-family:Georgia,'Times New Roman',serif!important;font-size:25px!important;font-weight:400!important;line-height:1.08!important;color:#171816!important;margin:0 0 13px!important;letter-spacing:-.025em!important}
.buildability-card p{color:#444741!important;font-size:14px!important;line-height:1.62!important;margin:0!important}
.buildability-flow{display:flex!important;align-items:stretch!important;flex-wrap:wrap!important;border:1px solid #171816!important;background:#171816!important;margin-top:28px!important}
.buildability-flow span{flex:1 1 150px!important;background:#171816!important;color:#fff!important;padding:15px 16px!important;text-align:center!important;font-size:12px!important;font-weight:700!important;border-right:1px solid #4a4b47!important}
.buildability-flow span:last-child{border-right:0!important}
.buildability-callout{margin-top:24px!important;border-left:4px solid #171816!important;background:#fff!important;padding:18px 20px!important;color:#373a35!important;font-size:15px!important;line-height:1.65!important}
.buildability-callout strong{color:#171816!important}
.buildability-links{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:22px!important}
.buildability-links a{display:inline-flex!important;align-items:center!important;min-height:42px!important;padding:10px 14px!important;border:1px solid #171816!important;color:#171816!important;text-decoration:none!important;font-size:12px!important;font-weight:700!important;background:#fff!important}
.buildability-links a:hover{background:#171816!important;color:#fff!important}
.compare-buildability-index{padding:74px 0!important;background:#f7f5ef!important;border-top:1px solid #d7d7d1!important;border-bottom:1px solid #d7d7d1!important}
.compare-buildability-index .buildability-grid{margin-top:34px!important}
.compare-buildability-index h2{max-width:16ch!important;font-size:clamp(38px,4.8vw,62px)!important}
.compare-buildability-index .intro{max-width:900px!important;color:#454842!important;font-size:17px!important}
/* Keep comparison tables readable after the expanded feature rows. */
#comparison tbody th,#matrix tbody th{color:#171816!important;background:#f2f3f1!important;font-weight:700!important}
#comparison tbody td,#matrix tbody td{color:#373a35!important;background:#fff!important;line-height:1.58!important}
#comparison thead th,#matrix thead th{color:#171816!important;background:#eceee9!important}
/* Comparison detail architecture now advertises the actual extension ladder. */
#architecture .arch-card{background:#fff!important;color:#444741!important;border-color:#cfd1cc!important}
#architecture .arch-card b{color:#171816!important;font-family:Georgia,'Times New Roman',serif!important;font-size:18px!important;font-weight:400!important}
@media(max-width:980px){.buildability-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.buildability-grid{grid-template-columns:1fr!important}.buildability-card{min-height:0!important}.buildability-flow{display:block!important}.buildability-flow span{display:block!important;border-right:0!important;border-bottom:1px solid #4a4b47!important}.buildability-flow span:last-child{border-bottom:0!important}.buildability-section{padding-left:20px!important;padding-right:20px!important}}

/* Buildability detail layout correction */
article .buildability-section{margin-left:0!important;margin-right:0!important;padding:46px 28px!important;background:#f7f5ef!important;border:1px solid #d7d7d1!important}
article .buildability-section .buildability-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:640px){article .buildability-section{padding:34px 20px!important}article .buildability-section .buildability-grid{grid-template-columns:1fr!important}}


/* 2026-09-01 comparison hero + verdict light-blue CTA treatment */
body:has(.sidebar) header.hero > .hero-actions .btn,
body:has(.sidebar) #verdict .hero-actions .btn{
  background:#b8d2ec!important;
  border-color:#8faecc!important;
  color:#102235!important;
}
body:has(.sidebar) header.hero > .hero-actions .btn:hover,
body:has(.sidebar) #verdict .hero-actions .btn:hover{
  background:#a4c6e7!important;
  border-color:#789dbf!important;
  color:#081725!important;
}

/* Shared editorial nav structure for comparison pages that do not load bwhq.css */
.nav-in{display:flex!important;align-items:center!important}
.brand{text-decoration:none!important;white-space:nowrap}
.nav-links{display:flex!important;align-items:center!important;flex-wrap:wrap!important}
.nav-sp{flex:1!important}
.nav-right{display:flex!important;align-items:center!important}
@media(max-width:900px){.nav-links{display:none!important}}


/* 2026-09-01 unified editorial footer: link-rich version */
footer:not(.ed-site-footer), #bwhq-foot{display:none!important}
.ed-site-footer{display:block!important;background:#f7f5ef!important;color:#171816!important;border-top:1px solid #d7d7d1!important;padding:0!important;margin:0!important;font-family:Arial,Helvetica,sans-serif!important}
.ed-site-footer .ed-footer-inner{width:min(1380px,calc(100% - 48px));margin:0 auto;padding:58px 0 24px!important}
.ed-site-footer .ed-footer-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:34px 26px;padding-bottom:44px!important}
.ed-site-footer .ed-footer-col{min-width:0}
.ed-site-footer h5{font-family:Arial,Helvetica,sans-serif!important;font-size:10px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#171816!important;margin:0 0 16px!important}
.ed-site-footer a{display:block!important;color:#50534d!important;font-size:12px!important;line-height:1.45!important;text-decoration:none!important;margin:0 0 9px!important;letter-spacing:0!important}
.ed-site-footer a:hover{color:#000!important;text-decoration:underline!important;text-underline-offset:3px!important}
.ed-site-footer .ed-footer-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-top:20px!important;border-top:1px solid #d7d7d1!important;color:#6d7069!important;font-size:11px!important}
.ed-site-footer .ed-footer-bottom-links{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:9px 20px}
.ed-site-footer .ed-footer-bottom-links a{display:inline-block!important;margin:0!important;font-size:11px!important;color:#575a54!important}
.ed-site-footer .ed-footer-legal-note{grid-column:1/-1;margin-top:18px;padding-top:18px;border-top:1px solid #dedfd9;color:#777a73;font-size:10px;line-height:1.55}
@media(max-width:1220px){.ed-site-footer .ed-footer-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(max-width:820px){.ed-site-footer .ed-footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ed-site-footer .ed-footer-bottom{flex-direction:column!important}.ed-site-footer .ed-footer-bottom-links{justify-content:flex-start!important}}
@media(max-width:560px){.ed-site-footer .ed-footer-inner{width:min(100% - 30px,1380px)!important;padding-top:42px!important}.ed-site-footer .ed-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 18px!important}}

/* 2026-09-01 header/body grid alignment */
.nav-in{width:min(1180px,calc(100% - 32px))!important;margin-left:auto!important;margin-right:auto!important;}
@media(max-width:900px){.nav-in{width:min(100% - 30px,1180px)!important;}}


/* 2026-09-01 comparison contrast pass
   Use the sticky sidebar slate as the readable accent on light surfaces. */
:root{--compare-slate:#2f3e50}
body:has(.sidebar) .crumb,
body:has(.sidebar) .intro,
body:has(.sidebar) .decision-card p,
body:has(.sidebar) .card p,
body:has(.sidebar) .example p,
body:has(.sidebar) .source-card p,
body:has(.sidebar) #verdict .verdict p,
body:has(.sidebar) .category-head p{
  color:var(--compare-slate)!important;
}
body:has(.sidebar) .example b,
body:has(.sidebar) .example h3,
body:has(.sidebar) .source-card strong,
body:has(.sidebar) .decision-card h2,
body:has(.sidebar) .decision-card h3{
  color:var(--compare-slate)!important;
}
body:has(.sidebar) .callout{
  background:#f7f8fa!important;
  color:var(--compare-slate)!important;
  border-color:#d7d7d1!important;
  border-left:4px solid var(--compare-slate)!important;
}
body:has(.sidebar) .callout strong{color:#171816!important}
body:has(.sidebar) .example,
body:has(.sidebar) .card,
body:has(.sidebar) .decision-card,
body:has(.sidebar) .source-card,
body:has(.sidebar) #verdict .verdict{
  color:var(--compare-slate)!important;
}
/* Do not let light-surface overrides damage intentional dark components. */
body:has(.sidebar) .faq details,
body:has(.sidebar) .faq details summary,
body:has(.sidebar) .faq details p,
body:has(.sidebar) .activeworkplace-diagram,
body:has(.sidebar) .activeworkplace-diagram *{
  --compare-dark-text:#f4f7fb;
}
body:has(.sidebar) .faq details summary{color:#fff!important}
body:has(.sidebar) .faq details p{color:#eef4fb!important}
body:has(.sidebar) .activeworkplace-diagram,
body:has(.sidebar) .activeworkplace-diagram b,
body:has(.sidebar) .activeworkplace-diagram strong,
body:has(.sidebar) .activeworkplace-diagram span,
body:has(.sidebar) .activeworkplace-diagram div{color:#f4f7fb!important}

/* Compare landing page: replace the old pale blue copy with the same slate. */
.compare-index-hero .lead,
.compare-index-hero p,
.category-head p,
.compare-card span{
  color:var(--compare-slate)!important;
}
.compare-card strong{color:#171816!important}