/* ============================================================
   WARM SCHEME — Adam's Sep 4 walkthrough, rolled site-wide Sep 6 2026 (S326).
   Loads LAST on every page. Warm beige ground with a soft white fish scale,
   a darker scale on every violet surface, teal tiles and form fields.
   Only colors/textures live here; layout is untouched.
   ============================================================ */
:root{
  --base:#E3D3B3; --surface:#EEE3CB; --line:#C9B48A; --muted:#3E3347;
  /* legacy main.css tokens (articles/faqs/gallery/videos/legal/testimonials/affiliates/tools) */
  --paper:#EEE3CB; --blue-100:#D9EBE8; --blue-200:#DCCFB0; --slate:#3E3347;
  --cfr-cream:#EEE3CB; --cfr-skyblue:#D9EBE8; --cfr-skydeep:#DCCFB0;
  --teal-tile:#D2E9E6; --teal-edge:#2F8C90; --teal-ink:#17262F;
  --scale-light:radial-gradient(circle at 50% 0%, transparent 60%, rgba(255,255,255,.38) 61%, rgba(255,255,255,.38) 66%, transparent 67%);
  --scale-dark:radial-gradient(circle at 50% 0%, transparent 60%, rgba(0,0,0,.12) 61%, rgba(0,0,0,.12) 66%, transparent 67%);
}
/* ground */
body{background:var(--scale-light) 0 0/48px 34px repeat, var(--scale-light) 24px 17px/48px 34px repeat, var(--base) !important}
body.fad-page{background:var(--scale-dark) 0 0/48px 34px repeat, var(--scale-dark) 24px 17px/48px 34px repeat, #291A52 !important}
/* violet surfaces: full shorthand so a gradient band (e.g. homepage .reco) keeps its violet under the scale */
.hero-band,.band:not(.aqua-close),.cond-band,.reco{
  background:var(--scale-dark) 0 0/48px 34px repeat, var(--scale-dark) 24px 17px/48px 34px repeat, linear-gradient(180deg,#3E2A78 0%,#3E2A78 100%) !important;
}
.reco{background:var(--scale-dark) 0 0/48px 34px repeat, var(--scale-dark) 24px 17px/48px 34px repeat, linear-gradient(180deg,#3E2A78 0%,#291A52 100%) !important}
/* homepage conditions band follows the violet .reco band — flip it to the beige ground with the white scale so it is not double violet (Bashō, Sep 16) */
.cond-band.cond-beige{background:var(--scale-light) 0 0/48px 34px repeat, var(--scale-light) 24px 17px/48px 34px repeat, var(--base) !important}
.cond-band.cond-beige h2{color:#2A1E4A !important}
.cond-band.cond-beige .cond-list li{color:var(--muted) !important}
.cond-band.cond-beige .cond-list li::before{background:#A67C2C !important}
.cond-band.cond-beige .cond-list .nyc-ast{color:#6E5410 !important}
/* Find a Doctor (Bashō, Sep 16): the beige directory ground gets the white scale; the violet page hero gets the dark scale */
.directory-section{background:var(--scale-light) 0 0/48px 34px repeat, var(--scale-light) 24px 17px/48px 34px repeat, var(--base) !important}
.page-hero{background:var(--scale-dark) 0 0/48px 34px repeat, var(--scale-dark) 24px 17px/48px 34px repeat, radial-gradient(110% 80% at 80% 10%, rgba(122,86,190,.4), transparent 55%), linear-gradient(180deg,#3E2A78 0%,#291A52 100%) !important}
footer{background:var(--scale-dark) 0 0/48px 34px repeat, var(--scale-dark) 24px 17px/48px 34px repeat, #1D1240 !important}
/* cream chrome gets the light scale */
header{background-image:var(--scale-light),var(--scale-light) !important;background-size:48px 34px,48px 34px !important;background-position:0 0,24px 17px !important;background-repeat:repeat !important}
/* teal tiles */
.seminar-card,.card,.offer-card,.gate-card,.founder,.cond:not(.cond-band),.faq-item,.article-card,.aff-card,.tool-card,.video-card,.testimonial-card,.tcard{
  background-color:var(--teal-tile) !important;border-color:var(--teal-edge) !important;
}
.card h3,.card p,.seminar-card h3,.seminar-card p{color:var(--teal-ink) !important}
/* checkout + forms: teal fields, dark ink */
.reg-modal-card{background:var(--surface) !important}
/* form FIELDS stay light so they read against the teal cards (Bashō, Sep 6) */
.reg-form input,.reg-form textarea,#payBilling input,#payBilling select,
form input:not([type=radio]):not([type=checkbox]):not([type=submit]),form textarea,form select{
  background-color:#FAF6EC !important;border-color:var(--teal-edge) !important;color:var(--teal-ink) !important;
}
.pay-tiers label{background-color:#FAF6EC !important;border-color:var(--teal-edge) !important;color:var(--teal-ink) !important}
.pay-tiers label.tier-elite{background-color:#F1E3B3 !important;border-color:#B5882F !important;color:#6E5410 !important}
.pay-tiers label.tier-elite.checked{box-shadow:0 0 0 1px #B5882F !important}
.cjs-field{background:#FAF6EC !important;border-color:var(--teal-edge) !important}
/* legacy-page cards that carried var(--white) (sweep Sep 6): teal tiles + beige legal paper */
.entity-tile,.tools-card,.tools-diff-card,.tools-step,.quote-card{background-color:var(--teal-tile) !important;border-color:var(--teal-edge) !important}
.legal-card,.legal-disclaimer-card,

/* legacy inline-style surfaces (pixel sweep Sep 6): the page <style> blocks beat the token override, so name them */
.article-link,.article-citation,.aff-chip,.aff-rows-band,.legal-pending,.pending-tag,.legal-answer,.legal-toc{background:var(--surface) !important}
.answer-card,.pullquote-card,.editorial-card,.editorial-card-tag,.entity-tile,.tools-card,.tools-diff-card,.tools-step,.tools-faq details,.faq-item,.faq-icon,.gallery-item,.legal-card,.legal-disclaimer-card,.quote-band .video-card,.quote-card,.quote-photo,.patient-testimonials .video-card,.provider-testimonials .video-card,.yt-card,.video-library-card{background-color:var(--teal-tile) !important;border-color:var(--teal-edge) !important}
/* the band alternator (reveal.js) stamps .band-lite with a hard-coded lavender in main.css; warm it */
.band-lite{background:var(--scale-light) 0 0/48px 34px repeat, var(--scale-light) 24px 17px/48px 34px repeat, var(--surface) !important}

/* ============================================================
   DOCTOR-PILLAR SWEEP (Bashō, Sep 16 2026 — Takumi): every violet surface
   carries the dark scale, every beige/surface band the white scale, every
   teal close the white scale. Full background shorthand on every rule.
   ============================================================ */
/* horizontal overflow: reveal.js slides sections ±52px before they enter;
   `hidden` on html/body still reports the shifted width as scrollWidth (and makes
   body a scroll container, which breaks the sticky header). `clip` does neither. */
html,body{overflow-x:clip !important}
/* teal closes (cfr2 .aqua-close + main.css .final-cta) */
.band.aqua-close,.final-cta{background:var(--scale-light) 0 0/48px 34px repeat, var(--scale-light) 24px 17px/48px 34px repeat, linear-gradient(160deg,#B4E4D7 0%,#8FD3C1 60%,#7CC8B4 100%) !important}
/* surface bands (cfr2 .section-cream · affiliates rows) */
.section-cream,.aff-rows-band{background:var(--scale-light) 0 0/48px 34px repeat, var(--scale-light) 24px 17px/48px 34px repeat, var(--surface) !important}
/* violet bands on the main.css pages (tools · testimonials · affiliates hero) */
.band-mid:not(.band-lite),.quote-band:not(.band-lite),.answer-band:not(.band-lite),.aff-hero,.provider-testimonials:not(.band-lite){
  background:var(--scale-dark) 0 0/48px 34px repeat, var(--scale-dark) 24px 17px/48px 34px repeat, #3E2A78 !important;
}
.band-deep:not(.band-lite),.patient-testimonials:not(.band-lite),.video-testimonials--dark:not(.band-lite){
  background:var(--scale-dark) 0 0/48px 34px repeat, var(--scale-dark) 24px 17px/48px 34px repeat, #291A52 !important;
}
/* .band-violet — page-level modifier for a cfr2 content section that flips to the violet
   ground (NRT "How Does It Work", CFR Elite membership). Cards inside keep their teal tiles;
   only the section's own head/note/disclaimer text goes light. */
section.band-violet{background:var(--scale-dark) 0 0/48px 34px repeat, var(--scale-dark) 24px 17px/48px 34px repeat, linear-gradient(180deg,#3E2A78 0%,#3E2A78 100%) !important;border-color:transparent !important;color:#fff}
.band-violet .wrap > h2,.band-violet .wrap > .text-center > h2{color:#fff !important}
.band-violet .wrap > .eyebrow,.band-violet .wrap > .sec-ey,.band-violet .wrap > .text-center > .eyebrow,.band-violet .wrap > .text-center > .sec-ey{color:var(--lav) !important}
.band-violet .wrap > .note,.band-violet .wrap > .sect-sub,.band-violet .wrap > p{color:rgba(255,255,255,.9) !important}
.band-violet .med-disclaimer{color:rgba(255,255,255,.82) !important;border-top-color:rgba(255,255,255,.22) !important}
.band-violet .med-disclaimer a,.band-violet .med-disclaimer em{color:#EBD28C !important}
/* hero photo tile (Seminars frame, shared by the Elite / Technique / Tools heroes) */
.hero-photo img{width:100%;height:auto;object-fit:cover;border-radius:18px;border:2px solid rgba(255,255,255,.18);box-shadow:0 30px 70px rgba(26,35,50,.30)}
/* eyebrows: lavender on the now-violet video band; the teal-close coral deepened one step so it clears 4.5:1 on the lightest teal (measured 4.28 before) */
.patient-testimonials:not(.band-lite) .eyebrow,.provider-testimonials:not(.band-lite) .eyebrow{color:#CEC2F0 !important}
.final-cta .eyebrow{color:#7E2308 !important}  /* 5.06:1 on the darkest stop #7CC8B4, 7.05:1 on the lightest */
.band.aqua-close .eyebrow,.band.aqua-close .sec-ey{color:#254C40 !important}  /* was #2E5C4E = 3.91:1 on #7CC8B4; now 4.93:1 */
/* reveal.js entrance: the SECTION stays put and clips; its inner wrapper takes the ±52px slide, so
   nothing (not even body.scrollWidth) ever measures wider than the viewport, before or after reveal */
.mo{overflow-x:clip;transform:none !important}
.mo > *{transition:transform .75s ease}
.mo-l:not(.mo-in) > *{transform:translateX(-52px)}
.mo-r:not(.mo-in) > *{transform:translateX(52px)}
@media(prefers-reduced-motion:reduce){.mo > *{transform:none !important;transition:none}}
/* measured small-text fixes on the doctor-pillar pages (coral #CE3A1E reads 3.4–3.9:1 on the teal tiles / surface;
   the deeper house coral #A93216 reads 5.2:1 there; violet links #7A62C9 read 3.7:1 on the surface, #53409B reads 6.4:1) */
.aff-hero .eyebrow{color:#CEC2F0 !important}
.aff-hero .eyebrow::before{background:#CEC2F0 !important}
.aff-copy a:not(.btn){color:#53409B !important}
.tools-hero-grid .page-hero-stat-num{color:#fff !important}       /* the Seminars hero stats pattern: white numerals on violet */
.tools-included .tools-included-num{color:#EBD28C !important}     /* 10.4:1 on #291A52 */
.tools-diff-num,.seminar-type--basic,.seminar-hotel,.faq-item a,.video-card-tag,.testimonial-card a{color:#A93216 !important}

/* ============================================================
   PATIENT-PILLAR SWEEP (Bashō, Sep 16 2026 — Takumi, sweep 2): the footer pages
   (About · Conditions + ten subpages · FAQs · Gallery · Videos · Editorials · Contact ·
   Recommended Doctors · legal · 404) brought to the doctor-pillar standard.
   Every ratio below was measured with the crawler in ~/.playwright-mcp/sweep2/.
   ============================================================ */
/* --- sitewide small-text coral on the LIGHT grounds (Bashō ratified) ---
   #CE3A1E measured 3.35:1 on the base beige, 3.88 on the surface, 3.89 on a teal tile.
   #A93216 clears AA on the base by 0.01 (4.51), so the house deep coral goes one step further:
   #9E2E14 = 4.99 base · 5.77 surface · 5.79 teal tile · 6.31 aqua panel · 7.36 white. */
:root{--coral-deep:#9E2E14}
.eyebrow,.sec-ey,.kicker,em,.accent{color:var(--coral-deep)}
.band-lite .eyebrow,.band-lite .sec-ey{color:var(--coral-deep) !important}
.pop-step,.pop-day,.card .more,.card a.more,.prose a,.faq-answer .emph,.faq-help a,.faq-icon,.answer-card .answer-label,.yt-tag,.video-card-tag,
.editorial-card .editorial-read,.legal-disclaimer-card .legal-flag,.contact-answer a,.contact-info-value a,.contact-info-note a,.elite-answer a,
.tools-diff-num,.seminar-type--basic,.seminar-hotel,.faq-item a,.testimonial-card a,.med-disclaimer a,.gallery-block-head .eyebrow{color:var(--coral-deep) !important}
.faq-item[open] .faq-icon{background:var(--coral-deep) !important;color:#fff !important;border-color:var(--coral-deep) !important}
/* violet links that sat at 3.7:1 on the surface / teal tiles (#7A62C9) → #53409B = 6.4 surface · 6.42 tile */
.legal-card a,.legal-toc a,.legal-summary a,.legal-pending a{color:#53409B !important}
.pullquote-card .pullquote-mark{color:#7A62C9 !important}   /* decorative 64px glyph: 3.74:1 on the teal tile, was 1.22 */
/* --- headline ems on the dark bands (Bashō ratified): coral italic → gold-light #EBD28C = 7.82:1 on #3E2A78, 10.36 on #291A52 --- */
.hero-band h1 em,.hero-band h2 em,.hero-band p em,.band:not(.aqua-close) h1 em,.band:not(.aqua-close) h2 em,.band:not(.aqua-close) p em,
section.band-violet h2 em,.cond-band:not(.cond-beige) h2 em,.page-hero h1 em,.page-hero h1 .accent,.page-hero .accent,
.faqs-band:not(.band-lite) h2 .accent,.section-head--dark h2 .accent,.research-band:not(.band-lite) .accent,.entity-band:not(.band-lite) .accent,
section.hero h1 em,section.hero h1 .accent,section.seminar h2 em,.reco h2 em,.legal-hero .updated strong,.rd-hero em{color:#EBD28C !important}
/* on the TEAL closes gold-light measures 1.06–1.31:1 (fails), so the em there takes the deep gold #6E5410 = 3.67:1 on the darkest stop #7CC8B4, 5.11 on the lightest */
.band.aqua-close h1 em,.band.aqua-close h2 em,.band.aqua-close p em,.final-cta h2 em,.final-cta h2 .accent,.final-cta .accent,.rd-map-band h2 em,.refer h2 em{color:#6E5410 !important}
/* small text on violet that still read coral: stats numerals white (11.6:1), labels lavender (6.97), links gold-light */
.page-hero-stat-num,.hero-stat-num{color:#fff !important}
.research-band:not(.band-lite) .research-right-label{color:#CEC2F0 !important}
.research-band:not(.band-lite) .editorial-note a,.research-band:not(.band-lite) a:not(.btn):not(.article-link){color:#EBD28C !important}
.video-testimonials--dark:not(.band-lite) .eyebrow{color:#CEC2F0 !important}
.cond-crumb span{color:rgba(255,255,255,.55) !important}          /* breadcrumb slashes: 4.65:1, were 2.78 */
footer .foot-bottom span{color:rgba(255,255,255,.5) !important}    /* copyright line: 5.1:1, was 4.38 */
/* --- the conditions list on About + the Conditions hub: sweep 1's .section-cream rule beat the page's violet
   .cond-band and left WHITE list text on beige (1.25:1). The band is violet by design: restore it, dark scale on. --- */
.cond-band.section-cream{
  background:var(--scale-dark) 0 0/48px 34px repeat, var(--scale-dark) 24px 17px/48px 34px repeat,
    radial-gradient(110% 80% at 80% 10%, rgba(122,86,190,.35), transparent 55%), linear-gradient(180deg,#3E2A78 0%,#291A52 100%) !important;
  border-top:3px solid #CBA14B !important;border-bottom:3px solid #CBA14B !important;
}
.cond-band.section-cream h2{color:#FBF7EC !important}
.cond-band.section-cream .cond-list li{color:rgba(255,255,255,.93) !important}
.cond-band.section-cream .cond-list li::before{background:#EBD28C !important}
.cond-band.section-cream .cond-list .nyc-ast{color:#EBD28C !important}
.cond-band.section-cream .eyebrow,.cond-band.section-cream .sec-ey{color:#CEC2F0 !important}
.cond-band.section-cream .note,.cond-band.section-cream .sect-sub,.cond-band.section-cream .wrap > p{color:rgba(255,255,255,.88) !important}
/* --- scale on every band the crawler measured as bare (full shorthand, own depth kept) --- */
.research-band:not(.band-lite),.library-band:not(.band-lite),.faqs-band:not(.band-lite),section.answer-first:not(.band-lite),
.legal-body:not(.band-lite),section#featured:not(.band-lite){
  background:var(--scale-dark) 0 0/48px 34px repeat, var(--scale-dark) 24px 17px/48px 34px repeat, #291A52 !important;
}
.editorial-intro:not(.band-lite),.entity-band:not(.band-lite),.legal-band:not(.band-lite),.legal-disclaimer:not(.band-lite),
.video-library-note:not(.band-lite),.band-dark:not(.band-lite),.gallery-wall:not(.band-lite){
  background:var(--scale-dark) 0 0/48px 34px repeat, var(--scale-dark) 24px 17px/48px 34px repeat, #3E2A78 !important;
}
.legal-hero:not(.page-hero){background:var(--scale-dark) 0 0/48px 34px repeat, var(--scale-dark) 24px 17px/48px 34px repeat, linear-gradient(135deg,#291A52,#3E2A78) !important}
.rd-hero{background:var(--scale-dark) 0 0/48px 34px repeat, var(--scale-dark) 24px 17px/48px 34px repeat, radial-gradient(110% 80% at 80% 10%, rgba(122,86,190,.4), transparent 55%), linear-gradient(180deg,#3E2A78 0%,#291A52 100%) !important}
.rd-map-band,.refer{background:var(--scale-light) 0 0/48px 34px repeat, var(--scale-light) 24px 17px/48px 34px repeat, linear-gradient(160deg,#B4E4D7 0%,#8FD3C1 60%,#7CC8B4 100%) !important}
/* homepage scale consistency only (no redesign): hero + seminar bands carry the dark scale over their own gradients, the teal founder tile the light scale */
section.hero{background:var(--scale-dark) 0 0/48px 34px repeat, var(--scale-dark) 24px 17px/48px 34px repeat, radial-gradient(120% 90% at 78% 30%, rgba(122,86,190,.45), transparent 55%), linear-gradient(180deg,#3E2A78 0%,#291A52 100%) !important}
section.seminar{background:var(--scale-dark) 0 0/48px 34px repeat, var(--scale-dark) 24px 17px/48px 34px repeat, linear-gradient(180deg,#3E2A78 0%,#291A52 100%) !important}
section.founder{background:var(--scale-light) 0 0/48px 34px repeat, var(--scale-light) 24px 17px/48px 34px repeat, #D2E9E6 !important}
/* --- the split hero (Seminars two-column pattern): copy left, framed gallery photo right; stacks copy-then-photo under 900px --- */
.hero-split .hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center}
.hero-split .hero-grid h1{max-width:none}
.hero-split .hero-main .answer-first{max-width:none;margin-left:0;margin-right:0}
.hero-band.hero-split h1,.rd-hero.hero-split h1,.page-hero.hero-split h1{font-size:clamp(2.4rem,4.2vw,3.4rem)}   /* the Testimonials split-hero scale */
.hero-split .hero-photo{margin:0}
.page-hero.hero-split .container{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center}
.page-hero.hero-split .page-hero-content{max-width:none}
.page-hero.hero-split .faq-answer-first{max-width:none}
.page-hero.hero-split .page-hero-stats{gap:clamp(24px,3vw,48px);margin-top:40px}
@media(max-width:900px){
  .hero-split .hero-grid,.page-hero.hero-split .container{grid-template-columns:1fr;gap:36px}
  .hero-split .hero-photo{max-width:560px;width:100%;margin:0 auto}
}
/* --- 404: violet hero band + a surface band of teal link tiles (the page had been one bare beige block) --- */
.nf-hero .nf-code{display:block;font-family:var(--font-b);font-weight:800;letter-spacing:.3em;text-transform:uppercase;font-size:.95rem;color:#CEC2F0;margin-bottom:16px}
.nf-hero .nf-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:8px}
.nf-links-sec{background:var(--scale-light) 0 0/48px 34px repeat, var(--scale-light) 24px 17px/48px 34px repeat, var(--surface) !important;padding:clamp(48px,6vw,72px) 0}
.nf-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;max-width:980px;margin:0 auto;text-align:left}
.nf-card{display:block;padding:24px 26px;border:2px solid var(--teal-edge);border-radius:14px;background:var(--teal-tile);transition:border-color .18s ease,transform .18s ease}
.nf-card:hover{border-color:var(--coral-deep);transform:translateY(-2px)}
.nf-card b{display:block;font-family:var(--font-d);font-size:1.3rem;font-weight:600;margin-bottom:6px;color:var(--teal-ink)}
.nf-card span{display:block;font-size:1rem;color:var(--muted);line-height:1.5}
/* inline coral links (TMJ "Learn how the technique works") and the Find-a-Doctor directory eyebrow: same deep coral, 5.77 / 4.99 */
a[style*="color:var(--action)"],.directory-head .eyebrow{color:var(--coral-deep) !important}

/* --- Gold "Recommended CFR Doctors" box: FIRST wherever a Find a Doctor button appears (Adam, Sep 18).
   Same gold as the header pill + the homepage mega button. Use: <a class="btn btn-reco" href="/recommended-doctors/">Recommended CFR Doctors</a> --- */
.btn.btn-reco{position:relative;overflow:hidden;color:#3A3214 !important;border:1px solid rgba(255,255,255,.5);
  background:linear-gradient(135deg,#F6E2A4 0%,#E5C472 28%,#CBA14B 58%,#B5882F 82%,#DCB85E 100%) !important;
  text-shadow:0 1px 0 rgba(255,255,255,.45);
  box-shadow:0 2px 0 rgba(255,255,255,.5) inset,0 -2px 8px rgba(120,86,16,.3) inset,0 10px 26px rgba(180,130,30,.42)}
.btn.btn-reco:hover{color:#241A0A !important;transform:translateY(-2px);box-shadow:0 2px 0 rgba(255,255,255,.5) inset,0 -2px 8px rgba(120,86,16,.3) inset,0 16px 36px rgba(180,130,30,.55),0 0 26px rgba(235,210,140,.5)}
.btn.btn-reco::after{content:'';position:absolute;top:-20%;left:-65%;width:40%;height:140%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);transform:skewX(-18deg);animation:recoSheen 4.6s ease-in-out infinite}
@keyframes recoSheen{0%,62%{left:-65%}100%{left:130%}}
@media(prefers-reduced-motion:reduce){.btn.btn-reco::after{animation:none}}

/* --- header colors uniform with the homepage (Adam, Sep 18): warm beige ground + tan rule, deeper tagline --- */
header:not(.scrolled){background-color:#E3D3B3 !important;border-bottom-color:#C9B48A !important}
header .logo .name small{color:#3E3347 !important}

/* --- NO WHITE BOXES (Adam, Sep 18, said three times): white buttons -> turquoise; on aqua bands -> beige so they still read --- */
.btn.btn-white{background:#8FD3C1 !important;color:#17262F !important;border:1.5px solid #2F8C90 !important}
.btn.btn-white:hover{background:#9CDACA !important}
.band.aqua-close .btn.btn-white,.final-cta .btn.btn-white,.cond-aqua .btn.btn-white,#doctor-quotes .btn.btn-white{background:#E3D3B3 !important;color:#241A2E !important;border-color:#C9B48A !important}

/* ===== HERO ANSWER BOX — one color sitewide (Bashō, Sep 23 2026): the About hero box beige, header-matched ===== */
div.answer-first,.answer-card,.faq-answer-first,.page-hero .answer-first,.hero-band .answer-first{background:#E3D3B3 !important;background-image:none !important;border:1.5px solid #C9B48A !important;border-left:4px solid #B5882F !important;box-shadow:0 14px 34px rgba(29,18,64,.28) !important}
div.answer-first .answer-label,.answer-card .answer-label,.faq-answer-first .answer-label{color:#7A2410 !important}
div.answer-first p,.answer-card p,.faq-answer-first p,div.answer-first p strong,.answer-card p strong,.faq-answer-first p strong{color:#241A2E !important}
div.answer-first p .accent,.answer-card p .accent,.faq-answer-first p .accent,div.answer-first p em,.answer-card p em,.faq-answer-first p em{color:#7A2410 !important;font-style:normal;font-weight:800}
div.answer-first a,.answer-card a,.faq-answer-first a{color:#7A2410 !important}
.contact-answer,.tools-answer,.gallery-answer,.elite-answer{background:#E3D3B3 !important;background-image:none !important;border:1.5px solid #C9B48A !important;border-left:4px solid #B5882F !important;box-shadow:0 14px 34px rgba(29,18,64,.28) !important}
.contact-answer p,.tools-answer p,.gallery-answer p,.elite-answer p,.contact-answer p strong,.tools-answer p strong,.gallery-answer p strong,.elite-answer p strong,.contact-answer li,.tools-answer li{color:#241A2E !important}
.contact-answer .answer-label,.tools-answer .tools-answer-label,.gallery-answer .answer-label,.elite-answer .answer-label,.contact-answer [class*=label],.gallery-answer [class*=label],.elite-answer [class*=label]{color:#7A2410 !important}
.contact-answer a,.tools-answer a,.gallery-answer a,.elite-answer a,.contact-answer p .accent,.tools-answer p .accent,.gallery-answer p .accent,.elite-answer p .accent{color:#7A2410 !important}
div.answer-first .eyebrow,.answer-card .eyebrow,.answer-card .answer-label,.answer-card .kicker,.faq-answer-first .eyebrow,.contact-answer .eyebrow,.tools-answer .eyebrow,.gallery-answer .eyebrow,.elite-answer .eyebrow,div.answer-first .section-index,.answer-card .section-index{color:#7A2410 !important}
.answer-card .answer-eyebrow,.answer-card .answer-kicker,div.answer-first .answer-eyebrow,div.answer-first .answer-kicker{color:#7A2410 !important}
/* ===== RED ACTION BUTTON on every page, incl. the main.css pages that never defined .btn-action (Bashō, Sep 23 2026) ===== */
.btn.btn-action{background:#CE3A1E !important;color:#fff !important;border-color:#CE3A1E !important;box-shadow:0 8px 24px rgba(192,57,43,.32)}
.btn.btn-action:hover{background:#B5321A !important;color:#fff !important}