/* =============================================================================
   STYLE 6 — "Chiropractic & Physical Therapy"  (Phase B: tokens/chrome)
   Airy powder-blue with rounded, thin-outlined white cards. Plum text, teal
   accent panels. Every rule scoped body.style-style6. !important ONLY to beat
   unscoped base !important pins. Phase B = tokens/chrome; pixel-perfect section
   calibration (card radii/paddings, hero, service grid, CTAs) iterates in C/D.
   Palette (PIL Phase 0): bg #D0EBFF / text #5B4C52 / accent #88C3CB / form-gray
   #E2E3E3. AA: dark text on teal (white-on-teal=1.96 FAIL); links darkened
   (#2B6DA3) off powder-blue (mid-blue 3.34 FAIL).

   SELECTOR RECONCILIATION (Phase A copied style1 partials; dispatch selectors
   adjusted to the REAL class names, flagged for the Cowork gate):
     - eyebrows: real = .section-label / .*__label (NO .eyebrow classes exist;
       .contact-form__label excluded — it's a form field label)
     - nav: real = .nav__link / .nav__link--active (NOT .nav a / .header__link)
     - cards: real = .welcome / .wpc-card / .news-card-item
       (NO .dept-card / .feature-tile / .hero__inner / .card)
     - accent panel: real = .why-choose (NO .meet-team--panel / .accent-panel)
     - contact: real = .contact-section + .contact-form__input/__textarea
     - footer: + .footer-simple variant
     - headings: h1-h4 catch-all + verified classes; dropped non-existent
       .testimonial__heading / .team__heading / .select-doctor__heading
     - .page-banner__title is sr-only in these partials (banner bg still styled)
     - (S6 v2) headline face = self-hosted Aleo (was Bricolage); the Space Grotesk /
       Space Mono accent / unused Bodoni Moda imports were removed.
   ============================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* ---------- Aleo — self-hosted variable woff2 (S6 align 2026-06-29; was Bricolage) ----------
   Headline face (reviewer: Aleo headline at weight 400). Mirrors the style5/Aleo
   self-host (#245): one latin variable woff2 covers wght 100-900; roman-only.
   Body/buttons/subheads/eyebrows stay Poppins (@import above). */
@font-face {
  font-family: 'Aleo';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/static/fonts/style6/Aleo-normal-latin.woff2') format('woff2');
}

/* ---------- PAGE BACKGROUND + BODY TYPE: powder blue, Poppins, plum ---------- */
body.style-style6 { background: #D0EBFF; font-family: 'Poppins', Arial, sans-serif; color: #5B4C52; }

/* ---------- HEADINGS = Aleo 400 (catch-all + verified classes; !important beats any base pin) ---------- */
body.style-style6 h1, body.style-style6 h2, body.style-style6 h3, body.style-style6 h4,
body.style-style6 .section-heading, body.style-style6 .hero__heading,
body.style-style6 .welcome__heading, body.style-style6 .departments__heading,
body.style-style6 .why-choose__heading, body.style-style6 .latest-news__heading,
body.style-style6 .newsletter__heading, body.style-style6 .about__heading,
body.style-style6 .about__subheading, body.style-style6 .news-featured__title,
body.style-style6 .why-item__title, body.style-style6 .wpc-card__title,
body.style-style6 .page-banner__title {
    font-family: 'Aleo', Georgia, serif !important; font-weight: 400; color: #5B4C52;
}

/* ---------- EYEBROWS / SECTION LABELS = Poppins (uppercase, spaced; S6 v2: was Space Mono) ---------- */
body.style-style6 .section-label, body.style-style6 .why-choose__label,
body.style-style6 .latest-news__label, body.style-style6 .select-doctor__label {
    font-family: 'Poppins', sans-serif; text-transform: uppercase; letter-spacing: .08em;
}

/* ---------- SURFACES: white rounded thin-outlined cards (real card surfaces) ---------- */
body.style-style6 .welcome, body.style-style6 .wpc-card, body.style-style6 .news-card-item {
    background: #fff; border: 1px solid rgba(91,76,82,.18); border-radius: 18px;
}
/* B5 (2026-07): welcome icon-only cards reference .wpc-card__icon (welcome.html:41,43)
   but no rule existed -> bare unstyled glyph. Add a plum-on-tint circle on-brand. */
/* PDF demo6 C1 (2026-07): the icon was a direct child of the (padding-less,
   overflow:hidden) .wpc-card with no top/left margin, so it sat flush in the
   card's top-left corner while .wpc-card__body (padding 14/16px) inset the text.
   Give the icon a matching top/left inset so it aligns with the body copy. */
body.style-style6 .wpc-card__icon {
    width: 56px; height: 56px; margin: 22px 0 14px 16px;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 50%; background: #EFE7EA;
}
body.style-style6 .wpc-card__icon i { font-size: 24px; color: #5B4C52; }

/* ---------- CHROME: header = powder-blue bar, plum nav ---------- */
body.style-style6 .header { background: #D0EBFF; box-shadow: none; }
body.style-style6 .nav__link { color: #5B4C52; }
body.style-style6 .nav__link:hover, body.style-style6 .nav__link--active { color: #2B6DA3; }

/* ---------- ACCENT: teal panel carries DARK text (D5; white-on-teal FAILS 1.96) ----------
   !important beats the unscoped base pin style.css:1260 .why-choose
   {background-color:var(--secondary)!important} (otherwise the panel renders
   deep-plum --secondary and the dark text lands on dark -> AA 1.18). */
body.style-style6 .why-choose { background: #88C3CB !important; color: #2A2330 !important; }
body.style-style6 .why-choose * { color: #2A2330 !important; }

/* ---------- LINKS: darkened blue off powder-blue (AA; mid-blue 3.34 FAILS) ---------- */
body.style-style6 a { color: #2B6DA3 !important; }

/* ---------- FORMS / contact: gray section, white inputs ---------- */
body.style-style6 .contact-section { background: #E2E3E3; }
body.style-style6 .contact-form__input, body.style-style6 .contact-form__textarea { background: #fff; }

/* ---------- FOOTER: deep-plum. The authoritative base pin is the base.html
   INLINE <style>: base.html:323 `footer.footer{background-color:var(--primary)!important}`
   (+ .footer-simple{background:var(--primary)!important} at base.html:38/143/162),
   which beats style.css:1264-65's var(--secondary) rule. Our scoped
   body.style-style6 .footer (specificity 0,2,1) out-specifies footer.footer (0,1,1);
   !important kept to also beat the .footer-simple inline pins. ---------- */
body.style-style6 .footer, body.style-style6 .footer-simple { background: #3A2F33 !important; }
body.style-style6 .footer, body.style-style6 .footer a,
body.style-style6 .footer-simple, body.style-style6 .footer-simple a { color: #EDE7EA; }

/* ---------- PAGE BANNER: powder-blue tint (not the dark style4 treatment) ---------- */
body.style-style6 .page-banner { background-color: #BFE0F5; }
/* PDF demo6 C12 (2026-07): the banner title is now centered in the UPPER part of
   the image, so the legibility scrim is re-oriented from horizontal (90deg,
   left-weighted) to VERTICAL — a white tint at the top fading to transparent by
   ~60%, tinting the upper region where the title sits (per the reviewer note
   "tint upper part to white"). Behind the near-black title (#2A2330). */
body.style-style6 .page-banner__overlay {
    display: block !important; position: absolute; inset: 0; z-index: 0;
    background: linear-gradient(180deg, rgba(255,255,255,.85) 0%, rgba(255,255,255,.55) 32%, rgba(255,255,255,0) 62%) !important;
}

/* =============================================================================
   PHASE C ROUND 2 — home pixel pass (scoped body.style-style6). First pass,
   iterated against live DOM. Real classes per the style6 partials. Powder-blue
   #D0EBFF page bg; white rounded thin-outlined cards; plum text #5B4C52; teal
   accent #88C3CB (dark text); links/CTAs #2B6DA3 or plum. AA >=4.5 every band.
   ============================================================================= */

/* ---------- GLOBAL OUTLINE CTAs (context-aware stroke; Style-4 lesson) ----------
   Phase-B set `a {color:#2B6DA3!important}`, so CTA text needs !important to win.
   Light-band CTAs = plum outline -> fill on hover. Equal 2px borders => equal height. */
body.style-style6 .hero__cta--colors,
body.style-style6 .hero__cta--outline,
body.style-style6 .dept-panel__link,
body.style-style6 .welcome__cta,
body.style-style6 .contact-section .btn-primary {
    display: inline-flex; align-items: center; gap: 8px;
    background: transparent !important;
    color: #5B4C52 !important;
    border: 2px solid #5B4C52 !important;
    border-radius: 6px !important;
    padding: 13px 20px !important;   /* S6 v2: narrower (was 26px) */
    font-weight: 600; text-transform: uppercase; letter-spacing: .04em;
    font-size: 13px; text-decoration: none; cursor: pointer; line-height: 1;
    white-space: nowrap;   /* S6 v2: keep each label on one line */
    transition: background .15s, color .15s;
}
body.style-style6 .hero__cta--colors:hover,
body.style-style6 .hero__cta--outline:hover,
body.style-style6 .dept-panel__link:hover,
body.style-style6 .welcome__cta:hover,
body.style-style6 .contact-section .btn-primary:hover {
    background: #5B4C52 !important; color: #fff !important;
}

/* ---------- HERO — ORBIT v2 (2026-07-12, founder-approved mock): powder stage,
   content left, giant circle photo right with concentric orbit rings + owner disc.
   No CTAs, no arrows/dots (template renders none; keep the display:none belt+braces). ---------- */
body.style-style6 .hero {
    background: linear-gradient(180deg, #EAF5FD 0%, #D0EBFF 70%);
    padding: 56px 0 72px; min-height: 0; position: relative; overflow: hidden;
}
body.style-style6 .hero__stage-circle {
    position: absolute; width: 720px; height: 720px; border-radius: 50%;
    background: rgba(255,255,255,.5); top: -260px; right: -200px; pointer-events: none;
}
body.style-style6 .hero__slider { max-width: 1200px; margin: 0 auto; position: relative; min-height: 520px; padding: 0 24px; }
body.style-style6 .hero__slide { position: relative; }
/* the slide photo becomes the right-side ORBIT CIRCLE (circle crop of the admin slide
   photo — center-weighted imagery guideline documented in admin instructions) */
body.style-style6 .hero__slide-bg {
    position: absolute !important; left: auto !important; right: 44px !important;
    top: 50% !important; transform: translateY(-50%);
    width: 440px !important; height: 440px !important;
    border-radius: 50% !important; background-size: cover !important;
    background-position: center !important;
    box-shadow: 0 30px 60px rgba(42,35,48,.22), 0 0 0 10px #fff;
}
/* content -> open left column (no white card), vertically centered */
body.style-style6 .hero__slide-content {
    position: relative; z-index: 2; max-width: 46%;
    background: transparent; border: 0; border-radius: 0;
    padding: 32px 0; margin: 0;
    display: flex; flex-direction: column; justify-content: center;
}
body.style-style6 .hero__heading { color: #2A2330; font-size: 50px; line-height: 1.12; margin: 0 0 14px; }
body.style-style6 .hero__sub { color: #5B4C52; font-size: 17px; font-weight: 300; line-height: 1.7; margin: 0 0 8px; }
body.style-style6 .hero__prev, body.style-style6 .hero__next, body.style-style6 .hero__dots { display: none; }
/* concentric orbit rings over the circle (fixed geometry vs the 440px circle @ right:44px) */
body.style-style6 .hero__orbit-ring1 {
    position: absolute; width: 560px; height: 560px; right: -16px; top: 50%;
    border-radius: 50%; border: 1.5px dashed rgba(43,109,163,.45); pointer-events: none;
    transform: translateY(-50%); animation: s6-orbit-spin 60s linear infinite;
}
@keyframes s6-orbit-spin { to { transform: translateY(-50%) rotate(360deg); } }
body.style-style6 .hero__orbit-ring2 {
    position: absolute; width: 628px; height: 628px; right: -50px; top: 50%;
    transform: translateY(-50%); border-radius: 50%;
    border: 1px solid rgba(136,195,203,.55); pointer-events: none;
}
/* base v1.9.52 readability scrim (.hero__slide-bg::after white gradient) would wash out
   the circle photo and paints a square artifact — the Orbit copy sits on the powder stage,
   not on the photo, so the scrim is unnecessary here. */
body.style-style6 .hero__slide-bg::after { display: none; }
/* owner/practice disc = LAST admin slide image (hero.html convention) */
body.style-style6 .hero__owner {
    position: absolute; width: 150px; height: 150px; border-radius: 50%; overflow: hidden;
    right: 12px; top: 8px; z-index: 3;
    box-shadow: 0 0 0 7px #fff, 0 18px 36px rgba(42,35,48,.22);
}
body.style-style6 .hero__owner img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ---------- WELCOME — ORBIT v2: open powder band, CIRCLE welcome image left, text right.
   The wpc feature-card grid (admin welcome cards) spans full width below the 2-col pair. ---------- */
body.style-style6 .welcome { background: transparent; padding: 20px 0 56px; }
body.style-style6 .welcome__inner {
    background: transparent; border: 0; border-radius: 0;
    padding: 0 24px; max-width: 1200px; display: grid;
    grid-template-columns: 1fr 1.15fr; gap: 56px; align-items: center;
}
body.style-style6 .welcome__text-col { order: 2; }
body.style-style6 .welcome__image-col { order: 1; position: relative; }
body.style-style6 .welcome__inner .wpc-grid { grid-column: 1 / -1; order: 3; margin-top: 40px; }
body.style-style6 .welcome--no-image .welcome__inner, /* fallback if no image */
body.style-style6 .welcome__inner:not(:has(.welcome__image-col)) { grid-template-columns: 1fr; }
body.style-style6 .welcome__heading { font-size: 38px; color: #2A2330; margin: 0 0 18px; }
body.style-style6 .welcome__text { color: #5B4C52; line-height: 1.7; font-weight: 300; }
body.style-style6 .welcome__image {
    width: min(360px, 86%); aspect-ratio: 1 / 1; border-radius: 50%; object-fit: cover;
    display: block; margin: 0 auto;
    box-shadow: 0 0 0 10px #fff, 0 24px 44px rgba(42,35,48,.16);
}

/* ---------- SERVICES (departments) -> CHECKERBOARD: hide tabs, show all panels alternating ---------- */
body.style-style6 .departments { background: #D0EBFF; padding: 56px 0; }
body.style-style6 .departments__inner { max-width: 1100px; margin: 0 auto; }
body.style-style6 .departments__heading { font-size: 32px; }
body.style-style6 .dept-tabs { display: none !important; }
body.style-style6 .dept-panel { display: block !important; opacity: 1 !important; margin-bottom: 0; }
body.style-style6 .dept-panel__inner {
    display: grid; grid-template-columns: 1fr 1fr; gap: 0; align-items: stretch; min-height: 300px;
}
body.style-style6 .dept-panel__image {
    min-height: 300px; background-size: cover; background-position: center;
    border-radius: 0;
}
body.style-style6 .dept-panel__content {
    background: #fff; border: 1px solid rgba(91,76,82,.18);
    padding: 40px; display: flex; flex-direction: column; justify-content: center;
}
body.style-style6 .dept-panel__name { font-size: 22px; margin: 0 0 10px; }
body.style-style6 .dept-panel__text { color: #5B4C52; line-height: 1.6; margin: 0 0 20px; }
body.style-style6 .dept-panel__link { align-self: flex-start; }
/* checkerboard: odd rows (dept-1, dept-3) flip image to the right */
body.style-style6 #dept-1 .dept-panel__image,
body.style-style6 #dept-3 .dept-panel__image { order: 2; }
/* per-panel service photos (services[] seeded Service.image_url is NOT used by this
   CSS-bg partial -> set the bg images here) */
body.style-style6 .dept-panel__bg-0 { background-image: url('/static/images/style6/style6-v2-svc-chiro.jpg?v=2'); }
body.style-style6 .dept-panel__bg-1 { background-image: url('/static/images/style6/style6-v2-svc-pt.jpg?v=2'); }
body.style-style6 .dept-panel__bg-2 { background-image: url('/static/images/style6/style6-v2-svc-decompression.jpg?v=2'); }
body.style-style6 .dept-panel__bg-3 { background-image: url('/static/images/style6/style6-v2-svc-sports.jpg?v=2'); }
body.style-style6 .dept-panel__bg-4 { background-image: url('/static/images/style6/style6-v2-svc-massage.jpg?v=2'); }

/* ---------- MEET OUR TEAM (why_choose): teal panel (Phase B) -> 2-col text + image ---------- */
body.style-style6 .why-choose__inner {
    display: grid; grid-template-columns: 1.1fr .9fr; gap: 48px; align-items: center;
    max-width: 1200px; margin: 0 auto;
}
/* !important beats a base .why-choose__label font pin (measured Raleway) */
body.style-style6 .why-choose__label { font-family: 'Poppins', sans-serif !important; font-size: 13px; margin: 0 0 12px; }
body.style-style6 .why-choose__heading { font-size: 30px; line-height: 1.2; margin: 0 0 18px; }
body.style-style6 .why-choose__body { line-height: 1.7; }
body.style-style6 .why-choose__img { width: 100%; border-radius: 18px; object-fit: cover; }
@media (max-width: 860px) { body.style-style6 .why-choose__inner { grid-template-columns: 1fr; } }

/* ---------- POSSIBILITIES: full-bleed photo + left scrim + outline CTA ---------- */
body.style-style6 .possibilities {
    position: relative; min-height: 380px; display: flex; align-items: center;
    background: #2B3A45 url('/static/images/style6/style6-tile-2.jpg') center 30%/cover no-repeat;  /* v2f (founder): real-photography asset; v2-possibilities.jpg AI figures rejected */
}
body.style-style6 .possibilities__overlay {
    position: absolute; inset: 0;
    background: linear-gradient(to right, rgba(16,28,38,.72) 0%, rgba(16,28,38,.45) 45%, rgba(16,28,38,.1) 100%);
}
body.style-style6 .possibilities__content { position: relative; z-index: 1; max-width: 1100px; margin: 0 auto; padding: 0 24px; width: 100%; }
body.style-style6 .possibilities__heading { color: #fff !important; font-size: 36px; margin: 0 0 12px; }
body.style-style6 .possibilities__sub { color: #F4F8FB !important; font-size: 17px; margin: 0 0 22px; }
body.style-style6 .possibilities__cta {
    display: inline-block; background: transparent !important; color: #fff !important;
    border: 2px solid #fff !important; border-radius: 6px !important; padding: 13px 20px !important;
    font-weight: 600; text-transform: uppercase; letter-spacing: .04em; font-size: 13px; text-decoration: none; white-space: nowrap;
}
body.style-style6 .possibilities__cta:hover { background: #fff !important; color: #16242A !important; }

/* ---------- FEATURE TILES: two photo cards + bottom scrim + Learn More ---------- */
body.style-style6 .feature-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
body.style-style6 .ftile {
    position: relative; min-height: 340px; display: flex; align-items: flex-end;
    background-size: cover; background-position: center; text-decoration: none;
}
body.style-style6 .ftile--1 { background-image: url('/static/images/style6/style6-tile-1.jpg'); }
body.style-style6 .ftile--2 { background-image: url('/static/images/style6/style6-tile-2.jpg'); }
body.style-style6 .ftile__overlay {
    position: relative; z-index: 1; width: 100%; padding: 32px 36px;
    background: linear-gradient(to top, rgba(16,28,38,.78) 0%, rgba(16,28,38,0) 100%);
}
body.style-style6 .ftile__label { color: #fff !important; font-size: 24px; margin: 0 0 12px; }
body.style-style6 .ftile__link {
    display: inline-block; background: transparent !important; color: #fff !important;
    border: 2px solid #fff !important; border-radius: 6px !important; padding: 9px 20px !important;
    font-weight: 600; text-transform: uppercase; letter-spacing: .04em; font-size: 12px; white-space: nowrap;
}
body.style-style6 .ftile:hover .ftile__link { background: #fff !important; color: #16242A !important; }

/* ---------- CONTACT: gray section (Phase B) -> styled inputs + plum-outline submit ---------- */
body.style-style6 .contact-section { padding: 56px 0; }
body.style-style6 .contact-form__label { color: #5B4C52; font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: .03em; display: block; margin: 0 0 6px; }
body.style-style6 .contact-form__input, body.style-style6 .contact-form__textarea {
    width: 100%; background: #fff; border: 1px solid rgba(91,76,82,.30);
    border-radius: 8px; padding: 12px 14px; font-family: 'Poppins', sans-serif; color: #5B4C52;
}
body.style-style6 .contact-form__textarea { min-height: 130px; }
body.style-style6 .contact-section .section-heading { color: #5B4C52; }

/* ---------- ACCREDITATIONS: blue band, Poppins uppercase heading (S6 v2: was Space Mono), darkened-blue items ---------- */
body.style-style6 .accreditations { background: #BFE0F5; padding: 40px 0; text-align: center; }
body.style-style6 .accreditations__inner { max-width: 1100px; margin: 0 auto; padding: 0 24px; }
/* !important beats the Phase-B h1-h4 Aleo pin (this heading is an <h2>) */
body.style-style6 .accreditations__heading {
    font-family: 'Poppins', sans-serif !important; text-transform: uppercase; letter-spacing: .08em;
    color: #5B4C52; font-size: 18px; margin: 0 0 14px;
}
body.style-style6 .accreditations__links { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 16px; }
/* darker blue than the global #2B6DA3: AA on the #BFE0F5 band (=6.0; #2B6DA3 there = 3.98 FAIL) */
body.style-style6 .accreditations__item { color: #1C5485 !important; font-weight: 600; letter-spacing: .02em; }
body.style-style6 .accreditations__sep { color: #5B4C52; }

/* ---------- RESPONSIVE: stack the 2-col bands on mobile ---------- */
@media (max-width: 860px) {
    body.style-style6 .hero__slide-content { max-width: 100%; }
    /* ORBIT v2 mobile: circle photo stacks above the copy as a smaller centered disc */
    body.style-style6 .hero__slide-bg {
        position: relative !important; right: auto !important; top: auto !important;
        transform: none; width: 260px !important; height: 260px !important;
        margin: 0 auto 20px;
    }
    body.style-style6 .hero__stage-circle, body.style-style6 .hero__orbit-ring1,
    body.style-style6 .hero__orbit-ring2, body.style-style6 .hero__owner { display: none; }
    body.style-style6 .welcome__inner { grid-template-columns: 1fr; }
    body.style-style6 .dept-panel__inner { grid-template-columns: 1fr; }
    body.style-style6 #dept-1 .dept-panel__image, body.style-style6 #dept-3 .dept-panel__image { order: 0; }
    body.style-style6 .feature-tiles { grid-template-columns: 1fr; }
}

/* =============================================================================
   PHASE C ROUND 3 — home polish (scoped body.style-style6).
   Items done: welcome "Learn More" CTA (partial) + spacing; decorative coral
   accent off the welcome panel's left edge (CSS-only, behind content).
   Items SKIPPED (flagged): #3 spine motif on the teal panel — no clean spine
   asset exists (Style 6/fig1-3 are abstract 3D gradient shapes, not spines;
   For-Spine is a clinic photo); kept R2's provider photo. #4 true-<img> hero —
   R2's repositioned CSS-bg portrait measured correct; conversion is risk w/o gain.
   ============================================================================= */
/* welcome CTA: spacing below the body (treatment from the global outline-CTA rule) */
body.style-style6 .welcome__cta { margin-top: 22px; }
/* ORBIT v2: circle-motif decorations around the welcome image (replaces the R3 coral
   blob — retired with the white-card welcome). Cosmetic only, non-interactive. */
body.style-style6 .welcome { position: relative; overflow: visible; }
body.style-style6 .welcome__image-col::before {
    content: ""; position: absolute; z-index: 0; pointer-events: none;
    width: 140px; height: 140px; border-radius: 50%;
    right: 4%; top: -14px; border: 1.5px dashed rgba(43,109,163,.5);
}
body.style-style6 .welcome__image-col::after {
    content: ""; position: absolute; z-index: 2; pointer-events: none;
    width: 70px; height: 70px; border-radius: 50%;
    right: 10%; bottom: -4px; background: #88C3CB;
}
body.style-style6 .welcome__inner { position: relative; z-index: 1; }
@media (max-width: 860px) {
    body.style-style6 .welcome__image-col::before,
    body.style-style6 .welcome__image-col::after { display: none; }
}

/* =============================================================================
   PHASE D R1 (2026-06-19) — inner pages: gallery + shop + drag-slider, style6 tokens
   (mirrors style5's D4/D5, powder-blue/plum/white-card). Headings (h2/h3) get Space
   Grotesk from the Phase-B catch-all. Gallery/shop are Complete-tier gated (shared
   gallery_enabled()). First cut — per-section pixel polish iterates in Round 2.
   ============================================================================= */
/* ---------- SHOP (shared shop.html) ---------- */
body.style-style6 .shop-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin: 0 0 32px; padding-bottom: 16px; border-bottom: 1px solid rgba(91,76,82,.18); }
body.style-style6 .shop-toolbar #shopSort { border: 1px solid rgba(91,76,82,.30); background: #fff; color: #5B4C52; padding: 8px 12px; border-radius: 6px; font-family: 'Poppins', sans-serif; }
body.style-style6 .products-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px; }
body.style-style6 .product-card { text-align: center; background: #fff; border: 1px solid rgba(91,76,82,.18); border-radius: 18px; padding: 18px; }
body.style-style6 .product-card__image { aspect-ratio: 3 / 2 !important; height: auto !important; overflow: hidden; border-radius: 12px; margin-bottom: 16px; }
body.style-style6 .product-card__image img { width: 100%; height: 100%; object-fit: cover; display: block; }
body.style-style6 .product-card__name a { color: var(--primary); font-size: 20px; text-decoration: none; }
body.style-style6 .product-card__price { color: var(--primary); font-weight: 700; font-size: 18px; margin: 6px 0 14px; }
body.style-style6 .product-card .btn-primary, body.style-style6 .product-card .product-buy-btn {
    background: transparent !important; color: var(--primary) !important; border: 2px solid var(--primary) !important; border-radius: 6px !important;
}
body.style-style6 .product-card .btn-primary:hover, body.style-style6 .product-card .product-buy-btn:hover { background: var(--primary) !important; color: #fff !important; }
@media (max-width: 860px) { body.style-style6 .products-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; } }
@media (max-width: 560px) { body.style-style6 .products-grid { grid-template-columns: 1fr; } }

/* ---------- GALLERY (Before/After) — shared gallery_index.html, style6-scoped ---------- */
body.style-style6 .cmh-gallery-section { background: #D0EBFF; padding: 56px 0; }
body.style-style6 .cmh-gallery-container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
body.style-style6 .cmh-gallery-heading { color: var(--primary); font-size: 36px; text-align: center; margin: 0 0 12px; }
body.style-style6 .cmh-gallery-intro { color: #5B4C52; text-align: center; max-width: 720px; margin: 0 auto 20px; line-height: 1.7; }
body.style-style6 .cmh-gallery-disclaimer { background: #EAF5FD; color: #5B4C52; border: 1px solid rgba(91,76,82,.18); border-radius: 10px; padding: 14px 18px; font-size: 13px; line-height: 1.6; margin: 0 auto 28px; max-width: 900px; }
body.style-style6 .cmh-gallery-filter { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0 0 32px; }
body.style-style6 .cmh-gallery-filter__chip { font-family: 'Poppins', sans-serif; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: var(--primary); border: 1px solid rgba(91,76,82,.30); border-radius: 20px; padding: 7px 18px; text-decoration: none; }
body.style-style6 .cmh-gallery-filter__chip--active, body.style-style6 .cmh-gallery-filter__chip:hover { background: var(--primary); color: #fff !important; border-color: var(--primary); }
body.style-style6 .cmh-gallery-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; }
body.style-style6 .cmh-gallery-card { display: block; text-decoration: none; background: #fff; border: 1px solid rgba(91,76,82,.18); border-radius: 18px; overflow: hidden; transition: box-shadow .2s; }
body.style-style6 .cmh-gallery-card:hover { box-shadow: 0 8px 24px rgba(91,76,82,.12); }
body.style-style6 .cmh-gallery-card__images { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
body.style-style6 .cmh-gallery-card__img { width: 100%; aspect-ratio: 3 / 4 !important; height: auto !important; object-fit: cover; display: block; }
body.style-style6 .cmh-gallery-card__body { padding: 18px 20px; text-align: center; }
body.style-style6 .cmh-gallery-card__title { color: var(--primary); font-size: 20px; margin: 0 0 6px; }
body.style-style6 .cmh-gallery-card__meta { color: #7A6B70; font-size: 13px; }
@media (max-width: 768px) { body.style-style6 .cmh-gallery-grid { grid-template-columns: 1fr; } }

/* ---------- GALLERY drag-to-compare stack (reuses the shared s5-ba-stack + real cmh-ba-slider) ---------- */
body.style-style6 .s5-ba-stack { max-width: 760px; margin: 0 auto 28px; display: flex; flex-direction: column; gap: 48px; }
body.style-style6 .s5-ba__title { color: var(--primary); font-size: 26px; text-align: center; margin: 0 0 14px; }
body.style-style6 .s5-ba__desc { color: #5B4C52; text-align: center; max-width: 640px; margin: 12px auto 0; line-height: 1.6; }
body.style-style6 .s5-ba__caption { text-align: center; margin: 10px 0 0; color: var(--primary); font-family: 'Poppins', sans-serif; font-size: 13px; letter-spacing: .04em; }
body.style-style6 .s5-ba__tag { font-weight: 700; text-transform: uppercase; }
body.style-style6 .s5-ba__pair-static { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; border-radius: 12px; overflow: hidden; }
body.style-style6 .s5-ba__pair-static img { width: 100%; aspect-ratio: 3 / 4 !important; height: auto !important; object-fit: cover; display: block; }
/* theme the real cmh-ba-slider (base gallery.css is neutral; plum divider + handle ring, white handle bg for contrast on any photo; no teal) */
body.style-style6 .cmh-ba-slider__divider { background: var(--primary); }
body.style-style6 .cmh-ba-slider__handle { background: #fff; border-color: var(--primary); }
body.style-style6 .cmh-ba-slider__handle svg { stroke: var(--primary); }

/* =============================================================================
   PHASE D ROUND 2 — inner-page pixel polish (scoped body.style-style6).
   Iterated live-DOM vs the style6 reference grabs (About / Services /
   Before-and-After / Book-online). Items per the R2 dispatch (2026-06-19):
     1 — why-choose/about HTML render: fixed in about_body.html (|safe), not CSS.
     2 — inner-banner page title (was sr-only -> surface it).
     3 — accreditations band tone + heading to the grab (AA-safe).
     6 — heading weight/rhythm tuning to the grab.
   Layout divergences (4 meet-team, 5 contact form, + Services alternating
   blocks) are PROPOSED in the PR, not re-architected here (per PRE-challenge).
   ============================================================================= */

/* ---------- ITEM 2: surface the inner-page banner title ----------
   partials/page_banner.html renders <h1 class="page-banner__title sr-only"> on
   every inner page; style6 showed no visible title. Un-hide + style it (left,
   on the powder-blue banner). The quicklink strip below the banner is kept. */
body.style-style6 .page-banner { padding: 0; }
body.style-style6 .page-banner__content {
    position: relative; z-index: 1;
    max-width: 1200px; margin: 0 auto; padding: 52px 24px;
}
body.style-style6 .page-banner__title {
    /* inner-pages.css:1570/:2760 sr-only the title with !important (position/width/
       height/overflow/clip), so these MUST be !important to win (specificity alone
       loses to base !important — same un-clip pattern style4/overrides.css:166 uses). */
    position: static !important; width: auto !important; height: auto !important;
    overflow: visible !important; clip: auto !important; clip-path: none !important;
    padding: 0; margin: 0; white-space: normal; border: 0;
    color: #2A2330 !important;            /* near-black plum on #BFE0F5 -> AA 12+ */
    font-size: 40px; font-weight: 600; line-height: 1.1; text-align: left;
}
@media (max-width: 860px) {
    body.style-style6 .page-banner__content { padding: 36px 20px; }
    body.style-style6 .page-banner__title { font-size: 30px; }
}

/* ---------- ITEM 3: accreditations band -> deeper mid-blue + prominent heading ----------
   Grab uses a deeper mid-blue band (~#9bc7d0) with a prominent "OUR
   ACCREDITATIONS" heading above the items. White-on-#9bc7d0 fails AA (1.9), so
   per the dispatch's AA latitude ("dark items on mid-blue") the band keeps the
   grab tone and the heading + items use dark blue (AA-verified >=4.5). */
body.style-style6 .accreditations { background: #9BC7D0; }
body.style-style6 .accreditations__heading {
    color: #143A50 !important;            /* dark blue on #9BC7D0 -> AA ~8 */
    font-size: 20px; font-weight: 700; margin: 0 0 16px;
}
body.style-style6 .accreditations__item { color: #143A50 !important; }   /* AA ~8 on #9BC7D0 (was #1C5485 on lighter band) */
body.style-style6 .accreditations__sep { color: #143A50; }

/* ---------- ITEM 6: heading weight / vertical rhythm to the grab ----------
   Grab section titles read lighter than the default Aleo h2s.
   Drop to 600 and give inner sections a touch more breathing room. */
body.style-style6 .about__heading,
body.style-style6 .section-heading {
    font-weight: 600 !important;
}
body.style-style6 .about__hero { padding: 64px 0; }
body.style-style6 .about__heading { font-size: 34px; margin: 0 0 10px; }

/* =============================================================================
   S6 v2 Track A (EB/Ryan markup, 2026-06-26) — scoped body.style-style6.
   ============================================================================= */

/* Motif: remove the decorative hairline bar under section headings (drops the
   stack from eyebrow/bar/heading to eyebrow/heading; the "3 levels of lines" the
   markup called awkward). All decorative __underline variants; structural
   dividers (shop-toolbar border) are a different element and untouched. */
body.style-style6 .section-underline,
body.style-style6 .departments__underline,
body.style-style6 .dept-panel__underline,
body.style-style6 .latest-news__underline,
body.style-style6 .select-doctor__underline {
    display: none !important;
}

/* No drop-shadow behind type: the base .page-banner__title carries a text-shadow
   (style.css:1489 / inner-pages.css:101); style6's banner title sits on a solid
   powder-blue band where the shadow just looks muddy. Kill it. */
body.style-style6 .page-banner__title { text-shadow: none !important; }

/* =============================================================================
   S6 v2 TRACK B (EB/Ryan markup, 2026-06-27) — all scoped body.style-style6.
   Later source order beats the earlier same-specificity rules (no !important). */

/* ① v2c: hero quicklinks pills (founder: quicklinks IN the hero, Appointments first).
   Same pill language the trust strip used; items are links. */
body.style-style6 .hero__ql { margin: 26px 0 0; display: flex; flex-direction: column; gap: 12px; max-width: 400px; font-family: 'Poppins', sans-serif; }
body.style-style6 .hero__ql-item {
    display: flex; align-items: center; gap: 14px;
    padding: 10px 18px 10px 10px;
    background: #fff; border: 1px solid rgba(91,76,82,.18); border-radius: 999px;
    font-size: 15px; font-weight: 600; color: #2A2330 !important;  /* beats a{#2B6DA3!important} */
    box-shadow: 0 12px 26px rgba(42,35,48,.08); text-decoration: none;
    transition: box-shadow .2s ease, transform .2s ease;
}
body.style-style6 .hero__ql-item:hover { box-shadow: 0 18px 36px rgba(42,35,48,.14); transform: translateY(-2px); color: #2A2330 !important; }
body.style-style6 .hero__ql-ic {
    width: 40px; height: 40px; border-radius: 50%; background: #EFE7EA; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center; font-size: 15px; color: #2A2330;
    box-shadow: inset 0 0 0 2px rgba(136,195,203,.6);
}
body.style-style6 .hero__ql-arrow {
    margin-left: auto; width: 30px; height: 30px; border-radius: 50%;
    border: 1.5px solid rgba(91,76,82,.18); flex-shrink: 0;
    display: flex; align-items: center; justify-content: center; font-size: 12px; color: #2B6DA3;
}
@media (max-width: 860px) { body.style-style6 .hero__ql { max-width: none; } }

/* v2c: home trust row (statics moved out of the hero; horizontal 3-up) */
body.style-style6 .quicklinks--s6trust { background: transparent !important; }
body.style-style6 .s6-trust-row { list-style: none; display: flex; gap: 22px; max-width: 1200px; margin: 0 auto; padding: 0 24px; justify-content: center; flex-wrap: wrap; }
body.style-style6 .s6-trust-item {
    position: relative; flex: 1; min-width: 260px; max-width: 380px;
    padding: 14px 24px 14px 58px;
    background: #fff; border: 1px solid rgba(91,76,82,.18); border-radius: 999px;
    font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 500; color: #2A2330;
    box-shadow: 0 12px 26px rgba(42,35,48,.08);
}
body.style-style6 .s6-trust-item::before {
    content: "\2713"; position: absolute; left: 11px; top: 50%; transform: translateY(-50%);
    width: 34px; height: 34px; border-radius: 50%; background: #88C3CB; color: #16242A;
    display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 15px;
}
@media (max-width: 900px) { body.style-style6 .s6-trust-row { flex-direction: column; align-items: stretch; } body.style-style6 .s6-trust-item { max-width: none; } }

/* ③ Spacing pass (principled first-cut; calibrated live): p13 heading<->first-line
   (tighter heading margins), p4 inter-paragraph + inter-section (smaller
   margins/paddings), trim the airy welcome/possibilities/about paddings. */
body.style-style6 .hero__heading { margin-bottom: 10px; }        /* was 14px */
body.style-style6 .welcome__heading { margin-bottom: 12px; }      /* was 18px */
body.style-style6 .why-choose__heading { margin-bottom: 12px; }   /* was 18px */
body.style-style6 .welcome__text { line-height: 1.6; }            /* was 1.7 */
body.style-style6 .why-choose__body { line-height: 1.6; }         /* was 1.7 */
body.style-style6 .dept-panel__text { margin-bottom: 16px; }      /* was 20px */
body.style-style6 .welcome { padding: 16px 0 44px; }              /* was 20px 0 56px */
body.style-style6 .welcome__inner { padding: 40px; }              /* was 48px */
body.style-style6 .about__hero { padding: 48px 0; }               /* was 64px */
body.style-style6 .possibilities { min-height: 480px; }           /* v2e (founder): 340 -> 480, band was squashed */
/* p11 button<->copy gap: clear gap between copy and the CTA. */
body.style-style6 .welcome__cta { margin-top: 24px; }

/* ORBIT v2: left column matches the orbit-circle stage height; content stays centered
   (the base .hero__slide-content min-height:520px pin is inherited and correct here). */
body.style-style6 .hero__slide-content { min-height: 520px; justify-content: center; }

/* =============================================================================
   BOOK NOW CTA (S6 align 2026-06-29) — services/about CTA band (full contact form
   moved to /contact only). Light band, Aleo heading, plum button (white on #5B4C52
   ~8:1 AA). Scoped body.style-style6.
   ============================================================================= */
body.style-style6 .book-now-cta { background: #fff; padding: 56px 20px; text-align: center; }
body.style-style6 .book-now-cta__heading { font-family: 'Aleo', Georgia, serif; color: #5B4C52; font-size: 1.9rem; margin: 0 0 12px; }
body.style-style6 .book-now-cta__text { color: #5B4C52; margin: 0 auto 24px; max-width: 52ch; line-height: 1.6; }
body.style-style6 .book-now-cta__btn {
    display: inline-block; padding: 13px 32px; background: #5B4C52; color: #fff;
    border-radius: 6px; font-family: 'Poppins', sans-serif; font-weight: 600; text-decoration: none;
}
body.style-style6 .book-now-cta__btn:hover { background: #463a3f; color: #fff; }

/* =============================================================================
   DEPARTMENTS = service-card grid (S6 align 2026-06-29; mirror style7). Replaces the
   tabbed dept-tabs/dept-panels. White rounded cards on the powder-blue page, Aleo
   titles, plum text, #2B6DA3 link. Scoped body.style-style6.
   ============================================================================= */
body.style-style6 .departments { background: #D0EBFF; padding: 72px 20px; }
body.style-style6 .departments__inner { max-width: 1180px; margin: 0 auto; }
body.style-style6 .departments__header { text-align: center; margin-bottom: 8px; }
body.style-style6 .departments__sub { color: #5B4C52; max-width: 620px; margin: 10px auto 0; line-height: 1.6; }
body.style-style6 .departments__underline { width: 56px; height: 3px; background: #88C3CB; margin: 18px auto 0; }
body.style-style6 .services-grid {
    display: grid; grid-template-columns: repeat(3, 1fr);
    gap: 32px; margin-top: 44px; text-align: left; align-items: stretch;
}
@media (max-width: 980px) { body.style-style6 .services-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; } }
@media (max-width: 620px) { body.style-style6 .services-grid { grid-template-columns: 1fr; gap: 22px; } }
body.style-style6 .services-grid .service-card {
    background: #fff; border: 1px solid rgba(91,76,82,.18); border-radius: 18px;
    overflow: hidden; display: flex; flex-direction: column;
    box-shadow: 0 6px 22px rgba(91,76,82,.06); transition: box-shadow .2s ease, transform .2s ease;
    flex: initial !important; max-width: none !important; width: auto;  /* beat base flex 3-up sizing */
}
body.style-style6 .service-card:hover { box-shadow: 0 16px 38px rgba(91,76,82,.12); transform: translateY(-3px); }
body.style-style6 .service-card__image { aspect-ratio: 3 / 2; overflow: hidden; }
body.style-style6 .service-card__image img { width: 100%; height: 100%; object-fit: cover; display: block; }
body.style-style6 .service-card__content { padding: 24px 26px 6px; flex: 1; }
body.style-style6 .service-card__name {
    font-family: 'Aleo', Georgia, serif; color: #5B4C52;
    font-size: 1.3rem; font-weight: 400; margin: 0 0 10px; line-height: 1.25;
}
body.style-style6 .service-card__desc { color: #6b5f64; font-size: .95rem; line-height: 1.6; margin: 0; }
body.style-style6 .service-card__link {
    align-self: flex-start; margin: 16px 26px 26px; color: #2B6DA3 !important; font-weight: 600;
    text-decoration: none; font-size: .9rem; letter-spacing: .03em;
}
body.style-style6 .service-card__link:hover { color: #1f5685 !important; }

/* =============================================================================
   WHY-CHOOSE = benefits/value-prop loop (S6 align 2026-06-29; mirror style7). Team
   content (heading + photo) moved to /team only. Scoped body.style-style6.
   ============================================================================= */
/* ORBIT v2 (2026-07-12): teal band -> 2-col; overline+heading LEFT column, 2x2 item grid
   RIGHT column, white icon circles (was 3-up centered translucent cards). */
body.style-style6 .why-choose { background: #88C3CB !important; padding: 64px 20px; position: relative; overflow: hidden; }
body.style-style6 .why-choose::after {
    content: ""; position: absolute; width: 560px; height: 560px; border-radius: 50%;
    background: rgba(255,255,255,.14); left: -220px; bottom: -300px; pointer-events: none;
}
body.style-style6 .why-choose .container {
    display: grid; grid-template-columns: .9fr 1.1fr; gap: 60px; align-items: center;
    max-width: 1160px; margin: 0 auto; position: relative; z-index: 1;
}
body.style-style6 .why-choose__intro { text-align: left; }
body.style-style6 .why-choose__label { color: #16242A !important; text-transform: uppercase; letter-spacing: .08em; font-weight: 600; }
body.style-style6 .why-choose__heading { color: #16242A !important; font-size: 38px; line-height: 1.15; margin: 6px 0 0; }
body.style-style6 .why-items { display: grid; grid-template-columns: 1fr 1fr; gap: 30px 34px; margin: 0; max-width: none; }
body.style-style6 .why-item { background: transparent; border-radius: 0; padding: 0; text-align: left; display: flex; gap: 16px; }
body.style-style6 .why-item__icon {
    width: 58px; height: 58px; border-radius: 50%; background: #fff; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
    font-size: 20px; color: #5FA3AE; margin: 0;
    box-shadow: 0 10px 22px rgba(22,36,42,.18);
}
body.style-style6 .why-item__icon img { width: 26px; height: 26px; }
body.style-style6 .why-item__title { font-family: 'Poppins', sans-serif; font-weight: 500; color: #16242A; margin: 0 0 6px; font-size: 1.02rem; }
body.style-style6 .why-item__text { color: #16242A; opacity: .85; font-size: .82rem; line-height: 1.7; margin: 0; }
@media (max-width: 980px) {
    body.style-style6 .why-choose .container { grid-template-columns: 1fr; gap: 36px; }
    body.style-style6 .why-items { grid-template-columns: 1fr; gap: 22px; }
}

/* =============================================================================
   FOOTER + CONSENT dark-on-dark fix (2026-06-30). The dark plum footer (#3A2F33)
   had plum headings (h1-6 catch-all #5B4C52) + blue links (a{#2B6DA3!important});
   the cookie banner's .consent-link inherited the blue link color. Re-assert light.
   AA on #3A2F33: #EDE7EA = 12.0; rgba(255,255,255,.85) ~ 10+. All body.style-style6.
   ============================================================================= */
body.style-style6 .footer h1, body.style-style6 .footer h2, body.style-style6 .footer h3,
body.style-style6 .footer h4, body.style-style6 .footer h5, body.style-style6 .footer h6,
body.style-style6 .footer-simple h1, body.style-style6 .footer-simple h2, body.style-style6 .footer-simple h3,
body.style-style6 .footer-simple h4, body.style-style6 .footer-simple h5, body.style-style6 .footer-simple h6 {
    color: #EDE7EA;
}
body.style-style6 .footer a, body.style-style6 .footer-simple a { color: #EDE7EA !important; }
body.style-style6 .footer a:hover, body.style-style6 .footer-simple a:hover { color: #fff !important; }
body.style-style6 .consent-link { color: rgba(255,255,255,0.85) !important; }
body.style-style6 .consent-link:hover { color: #fff !important; }

/* =============================================================================
   S6 v3 HOME POLISH (2026-06-30) — 48px section-spacing standard + card-grid centering.
   --cmh-section-y token, applied top+bottom to every home content section (horizontal
   per-style). Hero full-bleed. why-items -> flex so the orphan 4th card centers. body.style-style6.
   ============================================================================= */
body.style-style6 { --cmh-section-y: 48px; }
body.style-style6 .quicklinks, body.style-style6 .welcome, body.style-style6 .departments,
body.style-style6 .cmh-gallery-section, body.style-style6 .cmh-gallery-preview,
body.style-style6 .why-choose, body.style-style6 .newsletter, body.style-style6 .testimonial {
    padding-top: var(--cmh-section-y) !important;
    padding-bottom: var(--cmh-section-y) !important;
}
body.style-style6 .quicklinks { margin-top: 0 !important; }
/* (S6 v3 why-items flex-centering retired 2026-07-12 — Orbit v2's 2x2 grid supersedes it.) */

/* WCAG AA: testimonial role off teal --accent (4.12:1) -> muted white (passes), mirrors style7's rgba(255,255,255,0.72). !important beats style.css:1358 var(--accent). */
body.style-style6 .testimonial__role { color: rgba(255,255,255,0.75) !important; }

/* Services detail sections (Phase 3, 2026-07-01) — Aleo names, uppercase CTAs (style6 aesthetic). */
body.style-style6 .services-detail__name { font-family: 'Aleo', Georgia, serif; color: #5B4C52; }
body.style-style6 .services-detail__btn { text-transform: uppercase; letter-spacing: .04em; font-size: .88rem; }

/* Batch 1 (2026-07-02): re-pin Book Now button text to white. overrides.css:80
   `body.style-style6 a{color:#2B6DA3!important}` was beating the buttons' plain
   color:#fff -> dark-on-dark (1.47:1). This wins (higher specificity + !important) -> 8.08:1. */
body.style-style6 .services-detail__btn--solid, body.style-style6 .book-now-cta__btn { color: #fff !important; }

/* R4 (2026-07): /services two-tile promo band is white-on-dark by design, but style6's
   h3 catch-all (color:#5B4C52 !important) bled dark onto .services-promo__heading. Re-assert
   white (needs !important to beat that catch-all's !important). */
body.style-style6 .services-promo__heading { color: #fff !important; }


/* X1 (2026-07): footer text/links AA on the dark footer band (were muted under 4.5:1). */
body.style-style6 .footer, body.style-style6 .footer p, body.style-style6 .footer a,
body.style-style6 .footer li, body.style-style6 .footer__about,
body.style-style6 .footer-simple, body.style-style6 .footer-simple a { color: rgba(255,255,255,0.85) !important; }
/* X1: demo-only style-selector strip (#b8590c orange) — style6 link colour bled
   blue (1.17:1). Force white on the strip. + CTA band button (hero__cta) on plum. */
body.style-style6 .demo-style-strip, body.style-style6 .demo-style-strip a { color: #fff !important; }
body.style-style6 .cmh-s6cb74e .hero__cta, body.style-style6 .cmh-s6cb74e .hero__cta--dynamic { color: #fff !important; }
/* X1 fix-up: CTA band buttons are <a>, so style6's `body.style-style6 a{color:#2b6da3!important}`
   link catch-all out-specified the shared .cmh-s2fface/.cmh-s0df27e{#fff}. Scope to win. */
body.style-style6 .cmh-s2fface, body.style-style6 .cmh-s0df27e { color: #fff !important; }

/* C2/C8 (PDF demo6 consolidated): the a{color:#2B6DA3!important} catch-all keeps bleeding blue
   onto every dark-fill <a> button that only sets a plain color:#fff. #2B6DA3 on plum #5B4C52 =
   1.47:1; white = 8.08:1. Audited shared-page sites: .btn-primary (doctor_detail, product_detail,
   forms_fill, shop, patient_form — bg var(--primary) plum), .form-card__cta on hover (forms_start,
   fills to plum), and the plum-fill .hero__cta (membership/billing/televisit — base bg
   var(--primary)). Light/outline variants keep their dark plum text and are EXCLUDED:
   .contact-section .btn-primary (specificity 0,0,3,1 out-ranks this), .hero__cta--outline/--colors
   (via :not()), and default .form-card__cta (transparent outline, not hover). billing-submit-btn
   and televisit_patient_lobby's cmh-btn-primary are <button> elements — immune to a{}, untouched. */
body.style-style6 .btn-primary,
body.style-style6 .btn-primary:hover,
body.style-style6 .form-card__cta:hover,
body.style-style6 .hero__cta:not(.hero__cta--outline):not(.hero__cta--colors) {
    color: #fff !important;
}

/* =============================================================================
   PDF demo6 C2 (2026-07): "Why Choose Us" overline / title / cards misaligned.
   Inside .why-choose > .container, the overline (.why-choose__label) was
   left-aligned while the heading is centered and the .why-items grid is
   flex-centered -> three different left edges. Center the overline (and re-assert
   the heading center) so all three share the same axis, matching the centered
   "Our Services" section directly above. Scoped body.style-style6.
   ============================================================================= */
/* Orbit v2 (2026-07-12): overline + heading are LEFT-aligned in the 2-col band
   (supersedes the centered-layout C2 alignment fix; all three elements now share
   the left column's axis by construction). */
body.style-style6 .why-choose__label,
body.style-style6 .why-choose__heading {
    text-align: left !important;
}

/* =============================================================================
   ORBIT v2 LAYER (2026-07-12) — founder-approved circle redesign
   (oracle mock: style6-orbit-v2-mock.html). Circles as the core motif on every
   band + inner pages. All rules scoped body.style-style6; later source order
   beats the earlier same-specificity rules; !important ONLY where an earlier
   !important pin must be beaten (each flagged inline).
   ============================================================================= */

/* ---------- QUICKLINKS -> white pill rows w/ icon discs (now BELOW welcome) ---------- */
body.style-style6 .quicklinks__inner {
    display: flex; gap: 22px; max-width: 1200px; margin: 0 auto; padding: 0 24px;
}
body.style-style6 .quicklinks__item {
    flex: 1; display: flex; align-items: center; gap: 16px;
    background: #fff; border: 1px solid rgba(91,76,82,.18); border-radius: 999px;
    padding: 12px 24px 12px 12px; text-decoration: none;
    border-radius: 999px !important;   /* beats style.css Session-11 `border-radius:0!important` tile pin */
    color: #2A2330 !important;   /* beats the Phase-B a{#2B6DA3!important} link catch-all */
    box-shadow: 0 16px 34px rgba(42,35,48,.10);
    transition: box-shadow .2s ease, transform .2s ease;
}
body.style-style6 .quicklinks__item:hover { box-shadow: 0 22px 44px rgba(42,35,48,.16); transform: translateY(-2px); }
body.style-style6 .quicklinks__icon {
    width: 54px; height: 54px; border-radius: 50%; background: #EFE7EA;
    display: flex; align-items: center; justify-content: center;
    font-size: 19px; color: #2A2330; flex-shrink: 0; margin: 0;
    box-shadow: inset 0 0 0 2px rgba(136,195,203,.6);
}
body.style-style6 .quicklinks__text { font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 600; }
body.style-style6 .quicklinks__arrow {
    margin-left: auto; width: 34px; height: 34px; border-radius: 50%;
    border: 1.5px solid rgba(91,76,82,.18); flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
    font-size: 13px; color: #2B6DA3;
}
@media (max-width: 900px) { body.style-style6 .quicklinks__inner { flex-direction: column; } }
/* base pins beaten (QA render 2026-07-12): the band is var(--primary) dark in base with
   white uppercase labels + accent icons — Orbit is an open powder band with dark pills text. */
body.style-style6 .quicklinks { background: transparent !important; }
body.style-style6 .quicklinks__text { color: #2A2330; text-transform: none; letter-spacing: 0; font-size: 15px; }
body.style-style6 .quicklinks__icon i { font-size: 19px; color: #2A2330; }

/* ---------- SERVICES (departments) -> centered cards w/ CIRCLE photo crops ---------- */
body.style-style6 .departments { background: #fff; border-radius: 80px 80px 0 0; position: relative; overflow: hidden; }
body.style-style6 .departments::before {
    content: ""; position: absolute; width: 420px; height: 420px; border-radius: 50%;
    border: 1.5px dashed rgba(136,195,203,.6); right: -160px; top: -160px; pointer-events: none;
}
body.style-style6 .services-grid .service-card { border-radius: 28px; text-align: center; }
body.style-style6 .service-card__image {
    aspect-ratio: 1 / 1; width: 150px; height: 150px; border-radius: 50%;
    margin: 38px auto 0; overflow: hidden;
    box-shadow: 0 0 0 8px rgba(208,235,255,.55), 0 14px 30px rgba(42,35,48,.12);
}
body.style-style6 .service-card__content { padding: 24px 30px 6px; }
body.style-style6 .service-card__link { align-self: center; margin: 16px auto 26px; text-transform: uppercase; letter-spacing: .1em; font-size: .8rem; }

/* ---------- POSSIBILITIES -> gallery slideshow circle (published+consented cases) ---------- */
body.style-style6 .possibilities__content { max-width: 1160px; }
body.style-style6 .possibilities__circle {
    position: absolute; right: 90px; top: 50%; transform: translateY(-50%);  /* v2e: right 80->90 */
    width: 300px; height: 300px; z-index: 2; display: block;  /* v2e: 240 -> 300 */
}
body.style-style6 .possibilities__ring {
    position: absolute; inset: -22px; border-radius: 50%;
    border: 1.5px dashed rgba(255,255,255,.55); pointer-events: none;
}
body.style-style6 .possibilities__slides {
    position: absolute; inset: 0; border-radius: 50%; overflow: hidden; display: block;
    box-shadow: 0 0 0 6px rgba(255,255,255,.85), 0 24px 48px rgba(0,0,0,.3);
    background: rgba(255,255,255,.15);
}
body.style-style6 .possibilities__slides img {
    position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
    opacity: 0; animation-name: s6-poss-fade; animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
/* v2d (founder): zoom the case-photo crop so the subject fills the disc — posture
   photos carry wide studio margins; values founder-approved via live preview. */
body.style-style6 .possibilities__slides img { transform: scale(1.6); object-position: center 32%; }
/* Orbit v2 (2026-07-13): duration + per-slide delay via count class + :nth-child
   (CSP blocks inline style attrs). gallery_preview_cases capped at 3 → n1/n2/n3. */
body.style-style6 .possibilities__slides--n1 img { animation: none; opacity: 1; }
body.style-style6 .possibilities__slides--n2 img { animation-duration: 8s; }
body.style-style6 .possibilities__slides--n2 img:nth-child(2) { animation-delay: 4s; }
body.style-style6 .possibilities__slides--n3 img { animation-duration: 12s; }
body.style-style6 .possibilities__slides--n3 img:nth-child(2) { animation-delay: 4s; }
body.style-style6 .possibilities__slides--n3 img:nth-child(3) { animation-delay: 8s; }
@keyframes s6-poss-fade { 0% {opacity:0} 4%,29% {opacity:1} 35%,100% {opacity:0} }
/* fallback decoration when no qualifying gallery cases exist */
body.style-style6 .possibilities__rings-fallback {
    position: absolute; right: 80px; top: 50%; transform: translateY(-50%);
    width: 300px; height: 300px; border-radius: 50%;  /* v2e: 220 -> 300 to match circle */
    border: 1.5px dashed rgba(255,255,255,.5); z-index: 2; pointer-events: none;
}
body.style-style6 .possibilities__rings-fallback::before {
    content: ""; position: absolute; inset: 30px; border-radius: 50%; border: 1px solid rgba(255,255,255,.4);
}
body.style-style6 .possibilities__rings-fallback::after {
    content: ""; position: absolute; inset: 60px; border-radius: 50%; background: rgba(255,255,255,.15);
}
@media (max-width: 980px) {
    body.style-style6 .possibilities__circle, body.style-style6 .possibilities__rings-fallback { display: none; }
}

/* ---------- TESTIMONIAL -> giant white bg circle, CLIPPED at the section bottom
   (founder 2026-07-12: standard padding above the news headline; the circle loses
   more of its bottom). !importants beat the v3 --cmh-section-y 48px pins. ---------- */
body.style-style6 .testimonial {
    background: #D0EBFF !important;   /* beats any base band pin; testimonial sits on powder */
    position: relative; overflow: hidden; text-align: center;
    padding-top: 88px !important; padding-bottom: 64px !important;
}
body.style-style6 .testimonial::before {
    content: ""; position: absolute; width: 640px; height: 640px; border-radius: 50%;
    background: #fff; opacity: .65; left: 50%; top: -30px; transform: translateX(-50%);
    pointer-events: none;
}
body.style-style6 .testimonial .container { position: relative; z-index: 1; max-width: 760px; margin: 0 auto; }
body.style-style6 .testimonial__avatar {
    width: 96px; height: 96px; border-radius: 50%; object-fit: cover; margin: 0 auto 8px;
    box-shadow: 0 0 0 6px #fff, 0 0 0 8px #88C3CB; display: block;
}
/* initials disc — no-photo fallback (replaces the doctor-1.jpg stock-photo fallback) */
body.style-style6 .testimonial__avatar--initial {
    display: flex; align-items: center; justify-content: center;
    background: #EFE7EA; font-family: 'Aleo', Georgia, serif; font-size: 40px; color: #5B4C52;
}
body.style-style6 .testimonial__quote {
    font-family: 'Aleo', Georgia, serif; font-size: 23px; line-height: 1.55;
    color: #2A2330 !important; margin: 22px 0 14px;
}
body.style-style6 .testimonial__name { color: #2A2330 !important; font-weight: 600; letter-spacing: .04em; }
body.style-style6 .testimonial__role { color: #7A6B70 !important; }  /* beats the v3 white-on-teal pin (band is powder now) */
body.style-style6 .testimonial__stars .star--filled { color: #E8A33D; }
body.style-style6 .testimonial__dashes { margin-top: 24px; }

/* ---------- LATEST NEWS (new on the style6 home) -> circle-thumb rows ---------- */
body.style-style6 .latest-news { background: #D0EBFF; padding: 64px 20px 84px; }
body.style-style6 .latest-news .container { max-width: 1200px; margin: 0 auto; }
body.style-style6 .latest-news__label { text-align: center; color: #2B6DA3; font-weight: 600; }
body.style-style6 .latest-news__heading { text-align: center; color: #2A2330; font-size: 38px; margin: 6px 0 40px; }
body.style-style6 .news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
body.style-style6 .news-card-item {
    display: flex; gap: 18px; align-items: flex-start;
    background: #fff; border: 1px solid rgba(91,76,82,.18); border-radius: 26px; padding: 26px;
}
body.style-style6 .news-card-item__image {
    width: 84px; height: 84px; border-radius: 50%; overflow: hidden; flex-shrink: 0;
    box-shadow: 0 0 0 5px #D0EBFF;
}
body.style-style6 .news-card-item__image img { width: 100%; height: 100%; object-fit: cover; display: block; }
body.style-style6 .news-card-item__image--placeholder { background: linear-gradient(150deg, #BFE0F5 0%, #88C3CB 100%); }
body.style-style6 .news-card-item__content { flex: 1; }
body.style-style6 .news-featured__title { font-size: 17px; line-height: 1.4; color: #2A2330; margin: 0 0 8px; }
body.style-style6 .news-card__excerpt { font-size: 12.5px; line-height: 1.65; font-weight: 300; margin: 0 0 10px; }
body.style-style6 .news-card__link { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; font-weight: 600; }
@media (max-width: 980px) { body.style-style6 .news-grid { grid-template-columns: 1fr; } }

/* ---------- NEWSLETTER -> dark plum rounded band, circle deco, pill form.
   !importants beat the v3 --cmh-section-y padding pins + heading catch-all color. ---------- */
body.style-style6 .newsletter {
    background: #2A2330 !important; border-radius: 48px; max-width: 1080px;
    margin: 0 auto; padding: 60px 40px !important;
    position: relative; overflow: hidden; text-align: center;
}
body.style-style6 .newsletter::before {
    content: ""; position: absolute; width: 300px; height: 300px; border-radius: 50%;
    border: 1.5px dashed rgba(136,195,203,.5); left: -110px; top: -110px; pointer-events: none;
}
body.style-style6 .newsletter::after {
    content: ""; position: absolute; width: 220px; height: 220px; border-radius: 50%;
    background: rgba(136,195,203,.16); right: -70px; bottom: -90px; pointer-events: none;
}
body.style-style6 .newsletter .container { position: relative; z-index: 1; }
body.style-style6 .newsletter__heading { color: #fff !important; font-size: 32px; margin: 0 0 12px; }
body.style-style6 .newsletter__text { color: rgba(255,255,255,.8); font-weight: 300; font-size: 14px; margin: 0 auto 6px; max-width: 60ch; }
body.style-style6 .newsletter__form {
    display: flex; max-width: 520px; margin: 20px auto 0; background: #fff;
    border-radius: 999px; padding: 6px; gap: 0;
}
body.style-style6 .newsletter__input {
    flex: 1; border: 0 !important; outline: 0; background: transparent !important;
    padding: 0 22px !important; font-family: 'Poppins', sans-serif; font-size: 14px; color: #5B4C52;
    border-radius: 999px;
}
body.style-style6 .newsletter__btn {
    border: 0 !important; background: #88C3CB !important; color: #16242A !important;
    font-weight: 600; font-size: 12.5px; letter-spacing: .08em; text-transform: uppercase;
    padding: 15px 30px !important; border-radius: 999px !important; cursor: pointer;
}
body.style-style6 .newsletter__btn:hover { background: #9BCFD6 !important; }
body.style-style6 .newsletter__privacy { color: rgba(255,255,255,.55); font-size: 11.5px; margin-top: 14px; }
body.style-style6 .newsletter__msg--success { color: #A8E6C9; }
body.style-style6 .newsletter__msg--error { color: #F2B8B5; }
/* breathing room below the floating dark band before the footer */
body.style-style6 .newsletter { margin-bottom: 56px; }

/* ---------- PAGE BANNER -> dashed circle decoration (circle motif on inner pages) ---------- */
body.style-style6 .page-banner { overflow: hidden; }
body.style-style6 .page-banner::after {
    content: ""; position: absolute; width: 420px; height: 420px; border-radius: 50%;
    border: 1.5px dashed rgba(43,109,163,.4); right: -140px; top: -190px;
    z-index: 1; pointer-events: none;
}

/* ---------- BOOK NOW CTA band (about/services pages) -> dark rounded band, pill button ---------- */
body.style-style6 .book-now-cta {
    background: #2A2330; border-radius: 48px; max-width: 1080px; margin: 48px auto;
    position: relative; overflow: hidden;
}
body.style-style6 .book-now-cta::after {
    content: ""; position: absolute; width: 240px; height: 240px; border-radius: 50%;
    border: 1.5px dashed rgba(136,195,203,.5); right: -90px; top: -90px; pointer-events: none;
}
body.style-style6 .book-now-cta__heading { color: #fff; }
body.style-style6 .book-now-cta__text { color: rgba(255,255,255,.8); }
body.style-style6 .book-now-cta__btn { background: #88C3CB; color: #16242A !important; border-radius: 999px; }
body.style-style6 .book-now-cta__btn:hover { background: #9BCFD6; color: #16242A !important; }
/* C3 (PDF demo6): shared .book-now-cta__eyebrow is color:var(--primary) (light-band
   assumption); on this dark #2A2330 band the plum #5B4C52 eyebrow = 1.88:1. Teal accent
   #88C3CB on #2A2330 = 7.76:1 (AAA). Styles 5/7 bands are light -> unaffected. */
body.style-style6 .book-now-cta__eyebrow { color: #88C3CB; }

/* ---------- INNER PAGES: circle-crop imagery ---------- */
/* about: square photo -> circle w/ white ring */
body.style-style6 .about__image img {
    aspect-ratio: 1 / 1; width: min(380px, 100%); border-radius: 50%; object-fit: cover;
    display: block; margin: 0 auto;
    box-shadow: 0 0 0 10px #fff, 0 24px 44px rgba(42,35,48,.16);
}
/* services detail rows: circle photos + dashed ring */
body.style-style6 .services-detail__media { position: relative; }
body.style-style6 .services-detail__img {
    aspect-ratio: 1 / 1 !important; width: min(320px, 90%); height: auto !important;
    border-radius: 50%; object-fit: cover; display: block; margin: 0 auto;
    box-shadow: 0 0 0 8px #fff, 0 20px 40px rgba(42,35,48,.14);
}
body.style-style6 .services-detail__media::before {
    content: ""; position: absolute; width: 110px; height: 110px; border-radius: 50%;
    border: 1.5px dashed rgba(136,195,203,.7); right: 6%; top: -10px; pointer-events: none;
}
/* team grid: circle portraits (doctor_card_circle partial) — teal ring on hover */
body.style-style6 .team-grid img {
    border-radius: 50%; aspect-ratio: 1 / 1; object-fit: cover;
    box-shadow: 0 0 0 8px #fff, 0 18px 36px rgba(42,35,48,.14);
    transition: box-shadow .25s ease;
}
body.style-style6 .team-grid a:hover img, body.style-style6 .team-grid .doctor-card-circle:hover img {
    box-shadow: 0 0 0 8px #88C3CB, 0 22px 44px rgba(42,35,48,.2);
}
/* contact: pill inputs + pill submit (999px !important beats the global outline-CTA 6px pin) */
body.style-style6 .contact-form__input { border-radius: 999px; padding: 14px 22px; }
body.style-style6 .contact-form__textarea { border-radius: 26px; padding: 16px 22px; }
body.style-style6 .contact-section .btn-primary { border-radius: 999px !important; padding: 13px 32px !important; }
body.style-style6 .contact-info__icon {
    width: 52px; height: 52px; border-radius: 50%; background: #fff; color: #2B6DA3;
    display: flex; align-items: center; justify-content: center;
    box-shadow: inset 0 0 0 2px rgba(136,195,203,.6);
}

/* ---------- ORBIT v2 gate-fix round (2026-07-12, blind mock-vs-render challenge) ---------- */
/* welcome eyebrow (teal caps + dash) */
body.style-style6 .welcome__eyebrow {
    font-family: 'Poppins', sans-serif; font-size: 11.5px; letter-spacing: .24em;
    text-transform: uppercase; color: #2B6DA3; font-weight: 600; margin: 0 0 14px;
    display: flex; align-items: center; gap: 10px;
}
body.style-style6 .welcome__eyebrow::before { content: ""; width: 26px; height: 2px; background: #88C3CB; border-radius: 2px; }
/* welcome CTA -> caps text + solid dark circle-arrow (was the global plum outline box) */
body.style-style6 .welcome__cta {
    background: transparent !important; border: 0 !important; padding: 0 !important;
    border-radius: 0 !important; color: #2A2330 !important;
    display: inline-flex; align-items: center; gap: 12px;
    font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 600;
    letter-spacing: .1em; text-transform: uppercase;
}
body.style-style6 .welcome__cta::after {
    content: "\2192"; width: 38px; height: 38px; border-radius: 50%;
    background: #2A2330; color: #fff; display: inline-flex; align-items: center;
    justify-content: center; font-size: 15px; transition: background .2s;
}
body.style-style6 .welcome__cta:hover { background: transparent !important; color: #2A2330 !important; }
body.style-style6 .welcome__cta:hover::after { background: #463a3f; }
/* service-card CTA -> bare blue caps text link (kill any inherited box treatment) */
body.style-style6 .service-card__link {
    background: transparent !important; border: 0 !important; padding: 0 !important;
    border-radius: 0 !important; box-shadow: none;
}
/* possibilities CTA -> solid white pill (dark text), mock parity */
body.style-style6 .possibilities__cta {
    background: #fff !important; color: #2A2330 !important; border: 0 !important;
    border-radius: 999px !important; padding: 15px 32px !important;
}
body.style-style6 .possibilities__cta:hover { background: #EDE7EA !important; color: #2A2330 !important; }
/* why band: heading scale/weight pinned (base carries heavier/smaller pins); overline dash */
body.style-style6 .why-choose__heading {
    font-size: 38px !important; font-weight: 400 !important; line-height: 1.18 !important;
}
body.style-style6 .why-choose__label { display: flex; align-items: center; gap: 10px; }
body.style-style6 .why-choose__label::before { content: ""; width: 26px; height: 2px; background: #16242A; border-radius: 2px; }
body.style-style6 .why-item__title { font-family: 'Poppins', sans-serif !important; }
/* testimonial: role upright; dashes -> Orbit pagination dots */
body.style-style6 .testimonial__role { font-style: normal !important; }
body.style-style6 .testimonial__dashes { display: flex; justify-content: center; gap: 8px; margin-top: 24px; }
body.style-style6 .testimonial__dash {
    width: 9px !important; height: 9px !important; border-radius: 50%;
    background: rgba(91,76,82,.25); display: inline-block; cursor: pointer;
}
body.style-style6 .testimonial__dash.active { background: #2B6DA3; box-shadow: 0 0 0 4px rgba(43,109,163,.18); }

/* ============================================================
   v2c (2026-07-12, founder fix round) — appended block
   ============================================================ */

/* Defect 1: banner-strip pills — Orbit white-pill treatment. page_banner.html JS color
   application is skipped for style6 (see partial); !importants also beat any
   already-cached inline colors during the deploy window. */
body.style-style6 .quicklinks__item { background: #fff !important; color: #2A2330 !important; }
body.style-style6 .quicklinks__icon { background: #EFE7EA !important; }
body.style-style6 .quicklinks__icon i { color: #2A2330 !important; font-size: 19px; }

/* Defect 3: FAQ image -> circle crop + ring (motif parity; base .cmh-s261f32 4px radius) */
body.style-style6 .cmh-s261f32 {
    aspect-ratio: 1 / 1; width: min(420px, 100%); height: auto;
    border-radius: 50% !important; object-fit: cover; display: block; margin: 0 auto;
    box-shadow: 0 0 0 10px #fff, 0 24px 44px rgba(42,35,48,.16);
}
body.style-style6 .faq-section .two-col__right { position: relative; }
body.style-style6 .faq-section .two-col__right::before {
    content: ""; position: absolute; width: 120px; height: 120px; border-radius: 50%;
    border: 1.5px dashed rgba(136,195,203,.7); right: 4%; top: -12px; pointer-events: none;
}

/* Defect 4: AA fixes (measured): eyebrow/label blue 4.45 on powder -> 5.4; role 4.08 -> 5.79;
   contact band text 4.47 / links 4.28 on #E2E3E3 -> 6.4 / 6.15 */
body.style-style6 .welcome__eyebrow { color: #25608F; }
body.style-style6 .latest-news__label { color: #25608F; }
body.style-style6 .testimonial__role { color: #635458 !important; }
body.style-style6 .contact-info__text { color: #4F4F4F; }
/* NARROW scope (challenge catch): only the failing phone/email links — a broad
   .contact-section a rule would repaint the demo SELECT-THIS-STYLE / submit buttons. */
body.style-style6 .contact-info__text a { color: #1C5485 !important; }