/* 9.4 — Full-screen manufacturer information dialogs. Native showModal()
   places these above every page stacking context, including sticky navigation. */
body > dialog.fg56-dialog {
  box-sizing: border-box;
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483640 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #141715 !important;
  color: #242622;
  overflow: hidden;
}
body > dialog.fg56-dialog[hidden],
body > dialog.fg56-dialog:not([open]) { display: none !important; }
body > dialog.fg56-dialog[open]:not([hidden]) {
  display: flex !important;
  flex-direction: column;
}
body > dialog.fg56-dialog::backdrop { background: rgba(10,12,11,.93); }
body > dialog.fg56-dialog .fg56-dialog-shell {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  min-height: 0;
  height: 100%;
  max-height: 100%;
  border-radius: 0;
  display: flex;
  flex-direction: column;
}
body > dialog.fg56-dialog .fg56-dialog-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
body > dialog.fg56-dialog .fg56-dialog-top { flex: 0 0 auto; }
html.fg94-modal-open,
body.fg56-dialog-open { overflow: hidden !important; }
@media(max-width: 650px) {
  body > dialog.fg56-dialog .fg56-dialog-content {padding: 28px 22px 70px;}
  body > dialog.fg56-dialog .fg56-dialog-top {padding: 12px 17px;}
}

/* 9.4 — Contrast in Dimensions & Fit / THE RIGHT FIT.
   v6.8 assigned pale text for a dark box; v8.6 switched that box to a light
   background, leaving its copy unreadable. Override both combinations. */
.fgc-tabpanel.fg68-dimensions .fg68-benefit-block,
body.fg86-model-design .fg86-model-shell .fg68-dimensions .fg68-benefit-block {
  background: #f5f2eb;
  color: #28312b;
  border-inline-start: 3px solid #a88b60;
}
.fgc-tabpanel.fg68-dimensions .fg68-benefit-block h3,
.fgc-tabpanel.fg68-dimensions .fg68-benefit-block h4,
.fgc-tabpanel.fg68-dimensions .fg68-benefit-block p,
.fgc-tabpanel.fg68-dimensions .fg68-benefit-block li,
.fgc-tabpanel.fg68-dimensions .fg68-benefit-block div,
.fgc-tabpanel.fg68-dimensions .fg68-benefit-block strong,
body.fg86-model-design .fg86-model-shell .fg68-dimensions .fg68-benefit-block :is(h3,h4,p,li,div,strong) {
  color: #28312b;
}
.fgc-tabpanel.fg68-dimensions .fg68-benefit-block .fgc-eyebrow,
body.fg86-model-design .fg86-model-shell .fg68-dimensions .fg68-benefit-block .fgc-eyebrow {
  color: #755831;
}
.fgc-tabpanel.fg68-dimensions .fg68-benefit-block a {
  color: #762c38;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* 9.5.1 — Local Advice / WHAT WE DO: readable light copy on dark card.
   Product tab and its rich-text content inherit dark text from .fgc-rich;
   override only the help card, preserving the rest of the tab. */
.fgc-tabpanel.fg68-local-panel .fg66-editorial .fg66-help-card {
  color: #f7f4ec;
}
.fgc-tabpanel.fg68-local-panel .fg66-editorial .fg66-help-card h3,
.fgc-tabpanel.fg68-local-panel .fg66-editorial .fg66-help-card .fgc-rich,
.fgc-tabpanel.fg68-local-panel .fg66-editorial .fg66-help-card .fgc-rich :is(p, li, strong, em, span, div, blockquote, h4, h5, h6, small) {
  color: #f7f4ec;
}
.fgc-tabpanel.fg68-local-panel .fg66-editorial .fg66-help-card .fgc-eyebrow {
  color: #e0b876;
}
.fgc-tabpanel.fg68-local-panel .fg66-editorial .fg66-help-card .fgc-rich a {
  color: #f0ca83;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* v9.5.3: Local Advice > WHAT WE DO contrast correction.
   This targets ONLY the dark help card, leaving the light advice card and gold CTA intact.
   Override richtext colors loaded later by theme or content blocks. */
body .fgc-tabpanel.fg68-local-panel .fg66-editorial .fg66-help-card {
  background-color: #262b27;
  color: #f7f4ec;
}
body .fgc-tabpanel.fg68-local-panel .fg66-editorial .fg66-help-card h3,
body .fgc-tabpanel.fg68-local-panel .fg66-editorial .fg66-help-card .fgc-rich,
body .fgc-tabpanel.fg68-local-panel .fg66-editorial .fg66-help-card .fgc-rich :is(p, li, strong, em, span, div, blockquote, h4, h5, h6, small) {
  color: #f7f4ec !important;
}
body .fgc-tabpanel.fg68-local-panel .fg66-editorial .fg66-help-card .fgc-eyebrow {
  color: #e0b876 !important;
}
body .fgc-tabpanel.fg68-local-panel .fg66-editorial .fg66-help-card .fgc-rich a {
  color: #f0ca83 !important;
  text-underline-offset: 3px;
}
/* Keep the existing gold CTA button's dark foreground for contrast. */
body .fgc-tabpanel.fg68-local-panel .fg66-help-card a.fg66-button,
body .fgc-tabpanel.fg68-local-panel .fg66-help-card a.fg66-button :is(span, strong, em) {
  color: #1c241c !important;
}