/* G184 consolidated readability: exact cascade of G177 + G178 + G179. */
/**
 * GE2studio G177 — Global readability and contrast pass.
 * Loaded last, after G176. The goal is not to flatten hierarchy: titles stay
 * bright, body copy becomes clearly readable, microcopy stays secondary while
 * remaining comfortably legible on dark and light surfaces.
 */

body.ge2studio-readability-g177 {
  --g177-on-dark:#f7f4ef;
  --g177-body-dark:#d7d2ca;
  --g177-muted-dark:#c7c0b7;
  --g177-faint-dark:#ada69d;
  --g177-on-light:#25221e;
  --g177-body-light:#514d46;
  --g177-muted-light:#625d56;
  --g177-accent-on-dark:#f08b5c;
  --g177-accent-strong:#ff6b3c;
}

/* --------------------------------------------------------------------------
   1. Exact issue reported on the home role journey
   -------------------------------------------------------------------------- */
body.ge2studio-readability-g177 #contenu-principal .ge2-scope-note {
  color:var(--g177-muted-dark) !important;
  font-size:clamp(.9375rem,.91rem + .08vw,1rem) !important;
  line-height:1.7 !important;
  opacity:1 !important;
}
body.ge2studio-readability-g177 #contenu-principal .ge2-home-roles .ge2-chapter-intro > p {
  color:var(--g177-body-dark) !important;
  font-size:clamp(1rem,.97rem + .08vw,1.0625rem) !important;
  line-height:1.72 !important;
  opacity:1 !important;
}
body.ge2studio-readability-g177 #contenu-principal .ge2-home-roles .section-index,
body.ge2studio-readability-g177 #contenu-principal .ge2-home-roles .ge2-role-name {
  color:var(--g177-accent-on-dark) !important;
  opacity:1 !important;
}
body.ge2studio-readability-g177 #contenu-principal .ge2-home-roles .ge2-role-links > article > p {
  color:var(--g177-body-dark) !important;
  font-size:1rem !important;
  line-height:1.65 !important;
  opacity:1 !important;
}
body.ge2studio-readability-g177 #contenu-principal .ge2-home-roles .ge2-role-links > article > small {
  color:var(--g177-muted-dark) !important;
  font-size:.875rem !important;
  line-height:1.6 !important;
  opacity:1 !important;
}
body.ge2studio-readability-g177 #contenu-principal .ge2-home-roles .ge2-role-links > article > a {
  color:var(--g177-on-dark) !important;
  font-weight:720 !important;
}
body.ge2studio-readability-g177 #contenu-principal .ge2-home-roles .ge2-role-links > article {
  border-color:rgba(255,255,255,.16) !important;
}

/* Readable details accordions immediately below the role cards. */
body.ge2studio-readability-g177 #contenu-principal .ge2-content-details > summary strong {
  color:var(--g177-on-dark) !important;
}
body.ge2studio-readability-g177 #contenu-principal .ge2-content-details > summary small {
  color:var(--g177-muted-dark) !important;
  opacity:1 !important;
}

/* --------------------------------------------------------------------------
   2. Home: all primary dark storytelling sections
   G175 made these surfaces dark; legacy G159 selectors still carried light-page
   browns such as #665c50 into them. This bridge wins that cascade explicitly.
   -------------------------------------------------------------------------- */
body.ge2studio-readability-g177 #contenu-principal :is(
  .decision-promise,.operating-section,.ge2-home-roles,.member-story,
  .home-copilot-platform,.trust-section,.final-cta
) :is(p,li) {
  color:var(--g177-body-dark) !important;
  opacity:1 !important;
}
body.ge2studio-readability-g177 #contenu-principal :is(
  .decision-promise,.operating-section,.ge2-home-roles,.member-story,
  .home-copilot-platform,.trust-section,.final-cta
) small {
  color:var(--g177-muted-dark) !important;
  opacity:1 !important;
}
body.ge2studio-readability-g177 #contenu-principal :is(
  .decision-promise,.operating-section,.ge2-home-roles,.member-story,
  .home-copilot-platform,.trust-section,.final-cta
) :is(h2,h3,h4,strong,b) {
  color:var(--g177-on-dark) !important;
}
/* Preserve intentional orange labels/statuses after the broad text bridge. */
body.ge2studio-readability-g177 #contenu-principal :is(
  .decision-promise,.operating-section,.ge2-home-roles,.member-story,
  .home-copilot-platform,.trust-section,.final-cta
) :is(.section-index,.section-number,.eyebrow,.ge2-role-name,.trust-card-number) {
  color:var(--g177-accent-on-dark) !important;
}

body.ge2studio-readability-g177 #contenu-principal .decision-journey-copy p,
body.ge2studio-readability-g177 #contenu-principal .trust-section .trust-card :is(p,.trust-card-proof),
body.ge2studio-readability-g177 #contenu-principal .decision-shortcuts > a small {
  color:var(--g177-body-dark) !important;
}
body.ge2studio-readability-g177 #contenu-principal .decision-journey-copy small,
body.ge2studio-readability-g177 #contenu-principal .member-visual-note,
body.ge2studio-readability-g177 #contenu-principal .member-story-actions > span {
  color:var(--g177-muted-dark) !important;
}

/* --------------------------------------------------------------------------
   3. Shared dark heroes and product glass surfaces
   -------------------------------------------------------------------------- */
body.ge2studio-readability-g177 #contenu-principal > :is(
  .page-intro,.seo-hero,.tool-detail-hero,.comparison-hero,.demo-conversion-hero,
  .intel20-hero,.tools-hero,.migration-bsport-hero,.methodology-hero
) :is(p,li) {
  color:var(--g177-body-dark) !important;
  opacity:1 !important;
}
body.ge2studio-readability-g177 #contenu-principal > :is(
  .page-intro,.seo-hero,.tool-detail-hero,.comparison-hero,.demo-conversion-hero,
  .intel20-hero,.tools-hero,.migration-bsport-hero,.methodology-hero
) small {
  color:var(--g177-muted-dark) !important;
  opacity:1 !important;
}
body.ge2studio-readability-g177 #contenu-principal :is(
  .page-intro-signature,.experiences-dossier,.intel20-command,.ge2-g175-dashboard,
  .ge2-g175-phone,.home-copilot-screen,.seo-decision-board,.dark-panel
) :is(p,li) {
  color:var(--g177-body-dark) !important;
  opacity:1 !important;
}
body.ge2studio-readability-g177 #contenu-principal :is(
  .page-intro-signature,.experiences-dossier,.intel20-command,.ge2-g175-dashboard,
  .ge2-g175-phone,.home-copilot-screen,.seo-decision-board,.dark-panel
) small {
  color:var(--g177-muted-dark) !important;
  opacity:1 !important;
}

/* The tiny UI labels need to remain visually secondary, not disappear. */
body.ge2studio-readability-g177 #contenu-principal :is(
  .ge2-g175-dashboard,.ge2-g175-phone,.page-intro-signature,.intel20-command
) :is([class*="meta"],[class*="note"],[class*="subtitle"]) {
  color:var(--g177-faint-dark) !important;
  opacity:1 !important;
}

/* --------------------------------------------------------------------------
   4. Intelligence page
   -------------------------------------------------------------------------- */
body.ge2studio-readability-g177 #contenu-principal.intelligence-page .intel20-hero-lede,
body.ge2studio-readability-g177 #contenu-principal.intelligence-page .intel20-command :is(p,small),
body.ge2studio-readability-g177 #contenu-principal.intelligence-page .intel20-signal-path small,
body.ge2studio-readability-g177 #contenu-principal.intelligence-page .intel20-command > footer {
  color:var(--g177-muted-dark) !important;
  opacity:1 !important;
}
body.ge2studio-readability-g177 #contenu-principal.intelligence-page .intel20-signal-name strong,
body.ge2studio-readability-g177 #contenu-principal.intelligence-page .intel20-signal-path b {
  color:var(--g177-on-dark) !important;
}

/* --------------------------------------------------------------------------
   5. Experiences, Platform, Studios and Offer: dark panels / rails
   -------------------------------------------------------------------------- */
body.ge2studio-readability-g177 #contenu-principal.experiences-page :is(
  .experiences-dossier,.experiences-hero-card,.v14-demo
) :is(p,li,small),
body.ge2studio-readability-g177 #contenu-principal.platform-page :is(
  .page-intro-signature,.v14-demo,.dark-panel
) :is(p,li,small),
body.ge2studio-readability-g177 #contenu-principal.studios-page :is(
  .page-intro-signature,.studio-editorial > article:first-child,.dark-panel
) :is(p,li,small),
body.ge2studio-readability-g177 #contenu-principal.offer-page :is(
  .page-intro-signature,.offer-core-panel,.dark-panel
) :is(p,li,small) {
  color:var(--g177-body-dark) !important;
  opacity:1 !important;
}
body.ge2studio-readability-g177 #contenu-principal :is(
  .experiences-dossier,.page-intro-signature,.v14-demo,.dark-panel
) :is(h2,h3,h4,strong,b) {
  color:var(--g177-on-dark) !important;
}

/* --------------------------------------------------------------------------
   6. Light surfaces: keep WCAG-safe body copy without making it look heavy.
   -------------------------------------------------------------------------- */
body.ge2studio-readability-g177 #contenu-principal :is(
  .premium-page,.seo-landing,.tool-detail-page,.comparison-page,.tools-page
) :is(.section-heading,.ge2-chapter-intro,.seo-section-heading,.tool-copy,.guide-copy) > p {
  color:var(--g177-body-light);
}
body.ge2studio-readability-g177 #contenu-principal :is(
  .premium-page,.seo-landing,.tool-detail-page,.comparison-page,.tools-page
) :is(.card,.seo-card,.feature-card,.tool-card,.principle-grid article) p {
  color:var(--g177-body-light);
}
body.ge2studio-readability-g177 #contenu-principal :is(
  .premium-page,.seo-landing,.tool-detail-page,.comparison-page,.tools-page
) :is(.card,.seo-card,.feature-card,.tool-card,.principle-grid article) small {
  color:var(--g177-muted-light);
}

/* --------------------------------------------------------------------------
   7. Footer, contact surfaces and global controls
   -------------------------------------------------------------------------- */
body.ge2studio-readability-g177 .site-footer :is(p,li,small),
body.ge2studio-readability-g177 .ge2-contact-widget :is(p,small),
body.ge2studio-readability-g177 .ge2-assistant-panel :is(p,small) {
  color:var(--g177-muted-dark) !important;
  opacity:1 !important;
}
body.ge2studio-readability-g177 .site-footer :is(h2,h3,strong,a),
body.ge2studio-readability-g177 .ge2-contact-widget :is(h2,h3,strong),
body.ge2studio-readability-g177 .ge2-assistant-panel :is(h2,h3,strong) {
  color:var(--g177-on-dark);
}

/* --------------------------------------------------------------------------
   8. Contrast guard rails for common legacy muted colors on dark descendants.
   These are intentionally scoped to dark containers so light cards are untouched.
   -------------------------------------------------------------------------- */
body.ge2studio-readability-g177 #contenu-principal :is(
  .ge2-home-roles,.decision-promise,.operating-section,.member-story,
  .home-copilot-platform,.trust-section,.final-cta,.ge2-content-details,
  .page-intro-signature,.experiences-dossier,.intel20-command,.dark-panel
) [style*="color: #665c50"],
body.ge2studio-readability-g177 #contenu-principal :is(
  .ge2-home-roles,.decision-promise,.operating-section,.member-story,
  .home-copilot-platform,.trust-section,.final-cta,.ge2-content-details,
  .page-intro-signature,.experiences-dossier,.intel20-command,.dark-panel
) [style*="color:#665c50"] {
  color:var(--g177-body-dark) !important;
}

/* Focus is part of readability. */
body.ge2studio-readability-g177 :is(a,button,summary,input,select,textarea):focus-visible {
  outline:3px solid #f08b5c !important;
  outline-offset:3px !important;
}

/* --------------------------------------------------------------------------
   9. Mobile typography: avoid the classic tiny-secondary-copy regression.
   -------------------------------------------------------------------------- */
@media (max-width:720px) {
  body.ge2studio-readability-g177 #contenu-principal :is(
    .ge2-home-roles,.decision-promise,.operating-section,.member-story,
    .home-copilot-platform,.trust-section,.page-intro,.seo-hero,.tool-detail-hero
  ) p {
    font-size:max(.9375rem,1em) !important;
    line-height:1.65 !important;
  }
  body.ge2studio-readability-g177 #contenu-principal :is(
    .ge2-home-roles,.decision-promise,.operating-section,.member-story,
    .home-copilot-platform,.trust-section,.page-intro,.seo-hero,.tool-detail-hero
  ) small {
    font-size:max(.8125rem,1em) !important;
    line-height:1.55 !important;
  }
  body.ge2studio-readability-g177 #contenu-principal .ge2-role-links > article {
    padding:1.35rem !important;
  }
}

@media (prefers-contrast:more) {
  body.ge2studio-readability-g177 {
    --g177-body-dark:#ebe7e0;
    --g177-muted-dark:#ddd8cf;
    --g177-faint-dark:#cec8be;
    --g177-body-light:#35312c;
    --g177-muted-light:#49443e;
  }
  body.ge2studio-readability-g177 #contenu-principal :is(
    .ge2-home-roles,.decision-promise,.operating-section,.member-story,
    .home-copilot-platform,.trust-section,.page-intro-signature,.experiences-dossier,.intel20-command
  ) {border-color:rgba(255,255,255,.24) !important;}
}

@media (forced-colors:active) {
  body.ge2studio-readability-g177 #contenu-principal * {forced-color-adjust:auto;}
}

/* Product mockups are illustrative, but their visible copy should not become
   unreadably tiny at desktop scale. Keep the hierarchy while lifting the floor. */
body.ge2studio-readability-g177 #contenu-principal .ge2-g175-product-showcase :is(
  .ge2-g175-kpis span,.ge2-g175-kpis small,.ge2-g175-insight-actions span,
  .ge2-g175-disclaimer,.ge2-g175-phone small,.ge2-g175-phone span
) {
  font-size:max(10.5px,1em) !important;
}
body.ge2studio-readability-g177 #contenu-principal .ge2-g175-product-showcase :is(
  .ge2-g175-kpis span,.ge2-g175-kpis small,.ge2-g175-disclaimer
) {
  color:var(--g177-faint-dark) !important;
  opacity:1 !important;
}

/* --- G178 global hardening --- */
/**
 * GE2studio G178 — Readability hardening after full G177 visual audit.
 * Scope: 33 public routes, desktop + mobile.
 * This sheet is intentionally loaded after G177.
 */
body.ge2studio-readability-g178 {
  --g178-white:#fffaf4;
  --g178-body-dark:#ded9d1;
  --g178-muted-dark:#c9c2b8;
  --g178-micro-dark:#b8b0a5;
  --g178-orange:#ff7542;
  --g178-body-light:#403c36;
  --g178-muted-light:#5a554e;
}

/* 1 — Every primary dark hero must keep its title and lead readable. */
body.ge2studio-readability-g178 #contenu-principal > :is(
  .page-intro,.seo-hero,.tool-detail-hero,.comparison-hero,.demo-conversion-hero,
  .intel20-hero,.tools-hero,.migration-bsport-hero,.methodology-hero,
  .experiences-hero,.home-hero
) :is(h1,h2,h3,strong,b) {
  color:var(--g178-white) !important;
  opacity:1 !important;
}
body.ge2studio-readability-g178 #contenu-principal > :is(
  .page-intro,.seo-hero,.tool-detail-hero,.comparison-hero,.demo-conversion-hero,
  .intel20-hero,.tools-hero,.migration-bsport-hero,.methodology-hero,
  .experiences-hero,.home-hero
) h1 em,
body.ge2studio-readability-g178 #contenu-principal > :is(
  .page-intro,.seo-hero,.tool-detail-hero,.comparison-hero,.demo-conversion-hero,
  .intel20-hero,.tools-hero,.migration-bsport-hero,.methodology-hero,
  .experiences-hero,.home-hero
) :is(.eyebrow,.section-index,.experiences-kicker,.intel20-kicker,.home-hero-immersive-kicker) {
  color:var(--g178-orange) !important;
  opacity:1 !important;
}
body.ge2studio-readability-g178 #contenu-principal > :is(
  .page-intro,.seo-hero,.tool-detail-hero,.comparison-hero,.demo-conversion-hero,
  .intel20-hero,.tools-hero,.migration-bsport-hero,.methodology-hero,
  .experiences-hero,.home-hero
) :is(p,li) {
  color:var(--g178-body-dark) !important;
  opacity:1 !important;
}
body.ge2studio-readability-g178 #contenu-principal > :is(
  .page-intro,.seo-hero,.tool-detail-hero,.comparison-hero,.demo-conversion-hero,
  .intel20-hero,.tools-hero,.migration-bsport-hero,.methodology-hero,
  .experiences-hero,.home-hero
) small {
  color:var(--g178-muted-dark) !important;
  opacity:1 !important;
}

/* 2 — Page-intro and Experiences hero labels/rails were still inherited from old brown palette. */
body.ge2studio-readability-g178 #contenu-principal :is(.page-intro-copy,.experiences-hero-copy) > p {
  color:var(--g178-body-dark) !important;
  font-size:clamp(1rem,.96rem + .08vw,1.075rem) !important;
  line-height:1.68 !important;
}
body.ge2studio-readability-g178 #contenu-principal :is(.page-intro-rail,.experiences-role-rail) a,
body.ge2studio-readability-g178 #contenu-principal :is(.page-intro-actions,.experiences-hero-actions) .text-link {
  color:var(--g178-white) !important;
  opacity:1 !important;
}
body.ge2studio-readability-g178 #contenu-principal :is(.page-intro-rail,.experiences-role-rail) :is(small,span),
body.ge2studio-readability-g178 #contenu-principal .experiences-hero-actions > span {
  color:var(--g178-muted-dark) !important;
  opacity:1 !important;
}

/* 3 — Legacy light/dark crossover blocks identified in Platform, Studios, Offer and Intelligence. */
body.ge2studio-readability-g178 #contenu-principal :is(
  .platform-planning-stage,.studio-editorial,.manager-story,.offer-pricing-overview,
  .intel20-roles,.intel20-case,.intel20-cta,.satisfaction-demo
) {
  color:var(--g178-body-light);
}
body.ge2studio-readability-g178 #contenu-principal :is(
  .platform-planning-stage,.studio-editorial,.offer-pricing-overview
) :is(h2,h3,h4,strong,b) {
  color:#24211d !important;
}
body.ge2studio-readability-g178 #contenu-principal :is(
  .platform-planning-stage,.studio-editorial,.offer-pricing-overview
) :is(p,li,small,span) {
  color:var(--g178-body-light) !important;
  opacity:1 !important;
}
body.ge2studio-readability-g178 #contenu-principal :is(
  .platform-planning-stage,.studio-editorial,.offer-pricing-overview
) :is(.section-index,.platform-planning-kicker,.eyebrow) {
  color:#b94a1b !important;
}

/* Dark cards nested inside otherwise light sections must remain dark-theme readable. */
body.ge2studio-readability-g178 #contenu-principal :is(
  .platform-planning-stage,.studio-editorial,.offer-pricing-overview,.intel20-roles
) :is(.dark-panel,.ui-window,.offer-core-panel,.studio-fit-panel,.intel20-role-card) :is(h2,h3,h4,strong,b) {
  color:var(--g178-white) !important;
}
body.ge2studio-readability-g178 #contenu-principal :is(
  .platform-planning-stage,.studio-editorial,.offer-pricing-overview,.intel20-roles
) :is(.dark-panel,.ui-window,.offer-core-panel,.studio-fit-panel,.intel20-role-card) :is(p,li,small,span) {
  color:var(--g178-body-dark) !important;
}

/* 4 — Cards and narrative blocks: remove the remaining low-contrast brown copy. */
body.ge2studio-readability-g178 #contenu-principal :is(
  .ge2-role-links,.trust-grid,.principle-grid,.feature-grid,.benefit-grid,.studio-fit-grid,
  .offer-grid,.tools-grid,.guide-grid,.decision-shortcuts
) article :is(p,li) {
  color:inherit;
  opacity:1 !important;
}
body.ge2studio-readability-g178 #contenu-principal :is(
  .ge2-role-links,.trust-grid,.principle-grid,.feature-grid,.benefit-grid,.studio-fit-grid,
  .offer-grid,.tools-grid,.guide-grid,.decision-shortcuts
) article small {
  opacity:1 !important;
}

/* 5 — Product UI remains secondary but should never be microscopic. */
body.ge2studio-readability-g178 #contenu-principal :is(
  .ge2-g175-product-showcase,.ui-window,.intel20-command,.page-intro-signature,.experiences-dossier
) :is(p,li,span,small) {
  opacity:1 !important;
}
body.ge2studio-readability-g178 #contenu-principal .ge2-g175-product-showcase :is(small,span) {
  font-size:max(11px,1em) !important;
}

/* 6 — Footer and legal-navigation microcopy. */
body.ge2studio-readability-g178 .site-footer :is(p,li,small,address) {
  color:var(--g178-muted-dark) !important;
}
body.ge2studio-readability-g178 .site-footer a {
  color:#e8e2da;
}

/* 7 — Mobile: useful text gets a real floor. Breadcrumbs remain intentionally compact. */
@media (max-width:720px) {
  body.ge2studio-readability-g178 #contenu-principal :is(
    .page-intro-copy,.experiences-hero-copy,.seo-hero-copy,.demo-conversion-copy,
    .tool-detail-hero-copy,.comparison-hero-copy,.intel20-hero-copy
  ) > p {
    font-size:15px !important;
    line-height:1.65 !important;
  }
  body.ge2studio-readability-g178 #contenu-principal :is(
    .page-intro,.experiences-hero,.seo-hero,.demo-conversion-hero,.tool-detail-hero,
    .comparison-hero,.intel20-hero
  ) small:not(.breadcrumb *) {
    font-size:max(13px,1em) !important;
    line-height:1.55 !important;
  }
  body.ge2studio-readability-g178 #contenu-principal :is(.page-intro-rail,.experiences-role-rail) a {
    font-size:13px !important;
  }
}

/* 8 — User preference for stronger contrast. */
@media (prefers-contrast:more) {
  body.ge2studio-readability-g178 {
    --g178-body-dark:#f0ece6;
    --g178-muted-dark:#e0dad2;
    --g178-body-light:#292621;
    --g178-muted-light:#3e3933;
  }
}

/* --- G179 final floor --- */
/**
 * GE2studio G179 — Final readability floor.
 * Loaded after G178. It raises meaningful copy while preserving decorative hierarchy.
 */
body.ge2studio-readability-g179 {
  --g179-body-dark:#ded9d1;
  --g179-muted-dark:#c9c2b8;
  --g179-body-light:#403c36;
  --g179-muted-light:#5a554e;
}

/* Meaningful secondary copy on all owned routes should not look like fine print. */
body.ge2studio-readability-g179 #contenu-principal :is(
  .section-copy,.section-heading,.ge2q-context,.seo-capability-note,.studio-editorial,
  .offer-pricing-overview,.feature-copy,.benefit-copy,.guide-copy,.tool-copy,
  .platform-planning-stage,.intel20-cycle,.intel20-case,.experiences-dossier
) > p,
body.ge2studio-readability-g179 #contenu-principal :is(
  .section-copy,.section-heading,.ge2q-context,.studio-editorial,.offer-pricing-overview,
  .feature-copy,.benefit-copy,.guide-copy,.tool-copy
) li {
  font-size:max(14px,1em) !important;
  line-height:1.6 !important;
}

/* Home acquisition chips and role selector are navigational, not decorative. */
body.ge2studio-readability-g179 .home-seo-links a {
  font-size:12px !important;
  line-height:1.35 !important;
}
body.ge2studio-readability-g179 .ge2-g175-role-switch button {
  font-size:11px !important;
  line-height:1.15 !important;
  letter-spacing:.045em !important;
}

/* The main Smart explanation in the product preview remains readable. */
body.ge2studio-readability-g179 .ge2-g175-insight-card p {
  font-size:max(12px,1em) !important;
  line-height:1.55 !important;
  color:var(--g179-body-dark) !important;
}
body.ge2studio-readability-g179 .ge2-g175-insight-card :is(small,span) {
  font-size:max(10.5px,1em) !important;
}

/* Important labels in general public product surfaces. */
body.ge2studio-readability-g179 #contenu-principal :is(
  .product-status,.status-pill,.demo-badge,.section-index,.eyebrow
) {
  line-height:1.35 !important;
}

@media (max-width:720px) {
  /* Real reading copy: 14 px floor site-wide, with slightly larger lead copy. */
  body.ge2studio-readability-g179 #contenu-principal p,
  body.ge2studio-readability-g179 #contenu-principal li {
    font-size:max(14px,1em) !important;
    line-height:1.58 !important;
  }
  body.ge2studio-readability-g179 #contenu-principal :is(
    .page-intro-copy,.experiences-hero-copy,.seo-hero-copy,.demo-conversion-copy,
    .tool-detail-hero-copy,.comparison-hero-copy,.intel20-hero-copy,.section-copy,.section-heading
  ) > p {
    font-size:max(15px,1em) !important;
    line-height:1.62 !important;
  }
  body.ge2studio-readability-g179 #contenu-principal small {
    font-size:max(12px,1em) !important;
    line-height:1.5 !important;
  }

  /* Breadcrumbs and purely structural indices stay compact. */
  body.ge2studio-readability-g179 #contenu-principal :is(.breadcrumb,.breadcrumbs) :is(a,span,small),
  body.ge2studio-readability-g179 #contenu-principal :is(.section-index,.eyebrow) {
    font-size:max(11px,1em) !important;
  }

  /* Product UI can stay denser than prose, but no longer microscopic. */
  body.ge2studio-readability-g179 #contenu-principal :is(
    .ge2-g175-product-showcase,.ui-window,.planning-ui,.intel20-command,
    .experiences-dossier,.page-intro-signature,.seo-hero-instrument
  ) :is(p,li,small,span,label) {
    font-size:max(10.5px,1em) !important;
    line-height:1.42 !important;
  }
  body.ge2studio-readability-g179 #contenu-principal :is(
    .ge2-g175-product-showcase,.ui-window,.planning-ui,.intel20-command,
    .experiences-dossier,.page-intro-signature,.seo-hero-instrument
  ) :is(button,a) {
    font-size:max(10.5px,1em) !important;
  }

  /* Home product preview: key reading text gets a stronger floor. */
  body.ge2studio-readability-g179 .ge2-g175-role-switch button {
    font-size:11px !important;
  }
  body.ge2studio-readability-g179 .ge2-g175-kpis :is(span,small),
  body.ge2studio-readability-g179 .ge2-g175-dashboard-head,
  body.ge2studio-readability-g179 .ge2-g175-dashboard-foot :is(span,strong) {
    font-size:max(10.5px,1em) !important;
    line-height:1.35 !important;
  }
  body.ge2studio-readability-g179 .ge2-g175-insight-card p {
    font-size:12px !important;
  }

  /* On mobile the phones are full-width cards, so their copy should be genuinely legible. */
  body.ge2studio-readability-g179 .ge2-g175-phone header strong {font-size:12px !important;}
  body.ge2studio-readability-g179 .ge2-g175-phone header small {font-size:10.5px !important;}
  body.ge2studio-readability-g179 .ge2-g175-chat p {
    font-size:11.5px !important;
    line-height:1.48 !important;
  }
  body.ge2studio-readability-g179 .ge2-g175-chat > div span,
  body.ge2studio-readability-g179 .ge2-g175-phone--whatsapp footer {
    font-size:11px !important;
  }
  body.ge2studio-readability-g179 .ge2-g175-member-card :is(small,span),
  body.ge2studio-readability-g179 .ge2-g175-next-class :is(small,span),
  body.ge2studio-readability-g179 .ge2-g175-phone--member nav {
    font-size:10.5px !important;
    line-height:1.4 !important;
  }
  body.ge2studio-readability-g179 .ge2-g175-next-class strong {font-size:14px !important;}
  body.ge2studio-readability-g179 .ge2-g175-disclaimer {
    font-size:10.5px !important;
    line-height:1.45 !important;
  }

  /* Dense platform/experience UI labels: floor without turning mockups into prose cards. */
  body.ge2studio-readability-g179.ge2-route-plateforme #contenu-principal :is(
    .ui-window,.planning-ui,.platform-planning-product
  ) :is(p,li,span,small,label,button) {
    font-size:max(10.5px,1em) !important;
    line-height:1.4 !important;
  }
  body.ge2studio-readability-g179.ge2-route-experiences #contenu-principal :is(
    .ui-window,.experiences-dossier,.manager-story-device,.member-story-device
  ) :is(p,li,span,small,label,button) {
    font-size:max(10.5px,1em) !important;
    line-height:1.4 !important;
  }

  /* Cards called out by the post-G178 audit. */
  body.ge2studio-readability-g179.ge2-route-studios #contenu-principal :is(.studio-editorial,.studio-fit-grid) :is(p,li) {
    font-size:max(14px,1em) !important;
  }
  body.ge2studio-readability-g179.ge2-route-offer #contenu-principal :is(.offer-pricing-overview,.offer-grid) :is(p,li) {
    font-size:max(14px,1em) !important;
  }
  body.ge2studio-readability-g179.ge2-route-fonctionnalites #contenu-principal :is(p,li) {
    font-size:max(14px,1em) !important;
  }
}

@media (max-width:360px) {
  body.ge2studio-readability-g179 .home-seo-links a {font-size:11.5px !important;}
  body.ge2studio-readability-g179 .ge2-g175-role-switch button {
    font-size:10.5px !important;
    padding-inline:6px !important;
  }
}

@media (prefers-contrast:more) {
  body.ge2studio-readability-g179 #contenu-principal :is(p,li,small) {opacity:1 !important;}
}

/* Desktop/tablet: meaningful prose also gets a 14 px floor. Dense product mockups
   opt back into a compact scale below, so the visual hierarchy is preserved. */
@media (min-width:721px) {
  body.ge2studio-readability-g179 #contenu-principal p,
  body.ge2studio-readability-g179 #contenu-principal li {
    font-size:max(14px,1em) !important;
  }
  body.ge2studio-readability-g179 #contenu-principal :is(
    .ge2-g175-product-showcase,.ui-window,.planning-ui,.intel20-command,
    .experiences-dossier,.page-intro-signature,.seo-hero-instrument,
    .manager-story-device,.member-story-device
  ) :is(p,li) {
    font-size:max(11px,1em) !important;
    line-height:1.45 !important;
  }
  body.ge2studio-readability-g179 #contenu-principal :is(
    .ge2-g175-product-showcase,.ui-window,.planning-ui,.intel20-command,
    .experiences-dossier,.page-intro-signature,.seo-hero-instrument,
    .manager-story-device,.member-story-device
  ) :is(small,span,label) {
    font-size:max(9.5px,1em) !important;
  }
  body.ge2studio-readability-g179 .ge2-g175-insight-card p {font-size:max(12px,1em) !important;}
  body.ge2studio-readability-g179 .ge2-g175-phone :is(p,li) {font-size:max(9.5px,1em) !important;}
  body.ge2studio-readability-g179 .ge2-g175-phone :is(small,span,label) {font-size:max(8.5px,1em) !important;}
}