/*
 * SSA Neon Framework
 * Layer: Tools
 * Version: 1.0.0
 * Updated: 2026-06-17
 *
 * Site-wide visual contract for SSA tools. This loads late from the SSA MU
 * layer so individual plugins can keep their layout CSS while sharing one
 * dark neon surface, form, card, and button language.
 */

body :where(
  .bngc-shell,
  .bngc-account-tool,
  .flcc-shell,
  #flcc-calculator,
  .rts-shell,
  .rts-account-tool,
  .sssss-tool,
  .sssss-account-tool,
  .ssaft-account-tool,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-friendship,
  .ssafun-furry,
  .ssafun-halloween,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-random-name,
  .ssafun-random-number,
  .ssafun-slot,
  .ssafun-endearment,
  .ssahq-tool,
  .ssahq-account-tool,
  .ssahq-native-panel,
  .ssaa-shell,
  .ssaa-account-calculator,
  .ssa-lkb,
  .ssa-lkb-account-panel,
  .ssa-pq-wrap,
  .ssa-pq-account-panel,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-dashboard,
  .ssa-account-app-section,
  .ssa-account-card,
  .ssa-account-result-card,
  .ssa-related-tools,
  .ssa-affiliate-disclosure
) {
  color-scheme: dark !important;
  box-sizing: border-box !important;
  font-family: var(--ssa-neon-font) !important;
  color: var(--ssa-neon-ink) !important;
}

body :where(
  .bngc-shell,
  .bngc-account-tool,
  .flcc-shell,
  #flcc-calculator,
  .rts-shell,
  .rts-account-tool,
  .sssss-tool,
  .sssss-account-tool,
  .ssaft-account-tool,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-friendship,
  .ssafun-furry,
  .ssafun-halloween,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-random-name,
  .ssafun-random-number,
  .ssafun-slot,
  .ssafun-endearment,
  .ssahq-tool,
  .ssahq-account-tool,
  .ssahq-native-panel,
  .ssaa-shell,
  .ssaa-account-calculator,
  .ssa-lkb,
  .ssa-lkb-account-panel,
  .ssa-pq-wrap,
  .ssa-pq-account-panel,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-dashboard,
  .ssa-related-tools
) {
  width: min(100%, 1120px) !important;
  margin: clamp(18px, 3vw, 34px) auto !important;
  padding: clamp(18px, 3vw, 34px) !important;
  border: 1px solid var(--ssa-neon-line) !important;
  border-radius: var(--ssa-neon-radius) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(45, 212, 191, 0.18), transparent 34%),
    radial-gradient(circle at 92% 8%, rgba(167, 139, 250, 0.14), transparent 36%),
    linear-gradient(145deg, var(--ssa-neon-shell), var(--ssa-neon-page)) !important;
  box-shadow: var(--ssa-neon-shadow) !important;
  overflow-wrap: break-word !important;
}

body :where(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-friendship,
  .ssafun-furry,
  .ssafun-halloween,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-random-name,
  .ssafun-random-number,
  .ssafun-slot,
  .ssafun-endearment,
  .ssahq-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-dashboard
) * {
  box-sizing: border-box !important;
}

body :where(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-friendship,
  .ssafun-furry,
  .ssafun-halloween,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-random-name,
  .ssafun-random-number,
  .ssafun-slot,
  .ssafun-endearment,
  .ssahq-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-dashboard
) :where(h1, h2, h3, h4, h5, h6, legend, summary, strong) {
  color: #ffffff !important;
  letter-spacing: 0 !important;
  text-shadow: 0 0 18px rgba(56, 189, 248, 0.25) !important;
}

body :where(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-friendship,
  .ssafun-furry,
  .ssafun-halloween,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-random-name,
  .ssafun-random-number,
  .ssafun-slot,
  .ssafun-endearment,
  .ssahq-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-dashboard
) :where(p, li, label, span, small, em, div, td, th) {
  color: var(--ssa-neon-ink-soft) !important;
}

body :where(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-friendship,
  .ssafun-furry,
  .ssafun-halloween,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-random-name,
  .ssafun-random-number,
  .ssafun-slot,
  .ssafun-endearment,
  .ssahq-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-dashboard
) :where(
  .card,
  .panel,
  .section,
  fieldset,
  details,
  table,
  .bngc-library-card,
  .bngc-results,
  .flcc-card,
  .flcc-result,
  .flcc-faq-item,
  .rts-question,
  .rts-results,
  .sssss-tool-form,
  .sssss-tool-results,
  .ssafun-account-save,
  .baby-card,
  .couple-card,
  .fq-card,
  .poly-card,
  .slot-panel,
  .ssahq-native-result,
  .ssaa-tool-form,
  .ssaa-result,
  .ssaa-account-save,
  .ssa-lkb-section,
  .ssa-lkb-card,
  .ssa-lkb-hub-card,
  .ssa-lkb-result-summary,
  .ssa-pq-account-panel,
  .ssa-pq-result-detail,
  .ssa-pq-saved-card,
  .zhc-result,
  .zhc-panel,
  .zhc-faq-item,
  .ubcc-input-section,
  .ubcc-info-section,
  .ubcc-chart-section,
  .ubcc-guidance,
  .ubcc-account-save,
  .eos-card,
  .eos-result-card,
  .oil-details,
  .mf-onboarding-card,
  .mf-input-panel,
  .mf-action-card,
  .mf-guide-card,
  .mf-trust-card,
  .mf-privacy-card,
  .mf-related-tools,
  .ssa-dice__opts,
  .ssa-dice__results,
  .ssa-tool-card,
  .ssa-tool-hub,
  .ssa-tool-subhub,
  .ssa-tool-hub-card,
  .ssa-account-app-section,
  .ssa-account-card,
  .ssa-account-result-card,
  .ssa-related__card
) {
  background: linear-gradient(180deg, var(--ssa-neon-surface), rgba(4, 9, 18, 0.96)) !important;
  border: 1px solid var(--ssa-neon-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  color: var(--ssa-neon-ink) !important;
}

body :where(.ssa-affiliate-disclosure) {
  margin: 14px 0 20px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(251, 191, 36, 0.34) !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.12), rgba(15, 23, 42, 0.95)) !important;
  color: #fff7d6 !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.22) !important;
}

body :where(.ssa-affiliate-disclosure) a {
  color: #fde68a !important;
}

body :where(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-friendship,
  .ssafun-furry,
  .ssafun-halloween,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-random-name,
  .ssafun-random-number,
  .ssafun-slot,
  .ssafun-endearment,
  .ssahq-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-dashboard
) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea) {
  width: 100%;
  background: rgba(2, 6, 23, 0.88) !important;
  border: 1px solid rgba(148, 163, 184, 0.42) !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  caret-color: var(--ssa-neon-teal) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body :where(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-friendship,
  .ssafun-furry,
  .ssafun-halloween,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-random-name,
  .ssafun-random-number,
  .ssafun-slot,
  .ssafun-endearment,
  .ssahq-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-dashboard
) :where(input::placeholder, textarea::placeholder) {
  color: rgba(199, 215, 225, 0.66) !important;
}

body :where(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-friendship,
  .ssafun-furry,
  .ssafun-halloween,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-random-name,
  .ssafun-random-number,
  .ssafun-slot,
  .ssafun-endearment,
  .ssahq-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-dashboard
) :where(button, .button, .btn, [role="button"], input[type="button"], input[type="submit"], a.button, a.btn, .rts-btn, .bngc-btn, .zhc-birth-chart-link, .ssa-lkb-hub-link) {
  border: 1px solid rgba(45, 212, 191, 0.72) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--ssa-neon-teal), var(--ssa-neon-cyan)) !important;
  color: #031018 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: 0 12px 30px rgba(34, 211, 238, 0.24) !important;
}

body :where(
  .bngc-shell,
  .flcc-shell,
  .ssafun-tool,
  .ssafun-baby-name,
  .ssafun-random-name,
  .ssafun-nickname,
  .ssafun-couple-name,
  .ssafun-date-night,
  .ssafun-yes-no,
  .ssafun-random-number,
  .ssafun-slot,
  .ssafun-endearment,
  .ssahq-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-dashboard
) :where(.ssa-related__card) {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  min-height: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 14px !important;
  color: var(--ssa-neon-ink-soft) !important;
  text-align: left !important;
  text-decoration: none !important;
  white-space: normal !important;
}

body :where(
  .bngc-shell,
  .flcc-shell,
  .ssafun-tool,
  .ssafun-baby-name,
  .ssafun-random-name,
  .ssafun-nickname,
  .ssafun-couple-name,
  .ssafun-date-night,
  .ssafun-yes-no,
  .ssafun-random-number,
  .ssafun-slot,
  .ssafun-endearment,
  .ssahq-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-dashboard
) :where(.ssa-related__card .ssa-related__icon, .ssa-related__card .ssa-related__text) {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

body :where(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-friendship,
  .ssafun-furry,
  .ssafun-halloween,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-random-name,
  .ssafun-random-number,
  .ssafun-slot,
  .ssafun-endearment,
  .ssahq-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-dashboard
) :where(button:hover, button:focus-visible, .button:hover, .button:focus-visible, .btn:hover, .btn:focus-visible, a.button:hover, a.button:focus-visible, a.btn:hover, a.btn:focus-visible) {
  filter: brightness(1.08) saturate(1.08) !important;
  transform: translateY(-1px);
  box-shadow: 0 16px 34px rgba(34, 211, 238, 0.30) !important;
}

body :where(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-friendship,
  .ssafun-furry,
  .ssafun-halloween,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-random-name,
  .ssafun-random-number,
  .ssafun-slot,
  .ssafun-endearment,
  .ssahq-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-dashboard
) :where(a:not(.button):not(.btn):not([role="button"])) {
  color: #8eeaff !important;
  text-decoration-color: rgba(142, 234, 255, 0.55) !important;
}

body :where(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssafun-account-tool,
  .ssahq-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-dashboard
) :where(table, th, td) {
  border-color: rgba(45, 212, 191, 0.26) !important;
}

body :where(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssafun-account-tool,
  .ssahq-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-dashboard
) :where(th) {
  background: rgba(45, 212, 191, 0.14) !important;
  color: #ffffff !important;
}

body :where(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssafun-account-tool,
  .ssahq-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-dashboard
) :where(.notice, .warning, .error, .alert, [class*="disclaimer"], [class*="caution"], [class*="warning"]) {
  border-color: rgba(251, 191, 36, 0.40) !important;
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.12), rgba(15, 23, 42, 0.94)) !important;
  color: #fff7d6 !important;
}

@media (max-width: 700px) {
  body :where(
    .bngc-shell,
    .flcc-shell,
    .rts-shell,
    .sssss-tool,
    .ssafun-account-tool,
    .ssafun-baby,
    .ssafun-couple,
    .ssafun-friendship,
    .ssafun-furry,
    .ssafun-halloween,
    .ssafun-nickname,
    .ssafun-poly,
    .ssafun-adventure,
    .ssafun-random-name,
    .ssafun-random-number,
    .ssafun-slot,
    .ssafun-endearment,
    .ssahq-tool,
    .ssaa-shell,
    .ssa-lkb,
    .ssa-pq-wrap,
    .zhc-calculator,
    .ubcc-container,
    .eos-shell,
    #nrf-tool,
    #ogt-tool,
    #momfirst-root,
    .ssa-dice,
    .ssa-tool-search-root,
    .ssa-tool-hub-shell,
    .ssa-account-dashboard
  ) {
    margin: 16px auto !important;
    padding: 16px !important;
    border-radius: 14px !important;
  }

  body :where(
    .bngc-shell,
    .flcc-shell,
    .rts-shell,
    .sssss-tool,
    .ssafun-account-tool,
    .ssahq-tool,
    .ssaa-shell,
    .ssa-lkb,
    .ssa-pq-wrap,
    .zhc-calculator,
    .ubcc-container,
    .eos-shell,
    #momfirst-root,
    .ssa-dice,
    .ssa-tool-search-root,
    .ssa-tool-hub-shell,
    .ssa-account-dashboard
  ) :where(button, .button, .btn, [role="button"], input[type="button"], input[type="submit"], a.button, a.btn) {
    width: 100%;
    justify-content: center;
    white-space: normal !important;
  }
}

body :where(
  .ssafun-fq,
  .ssafun-petname,
  .ssafun-hq,
  .ssafun-namegen,
  .ssafun-rng,
  .ssafun-endear,
  .ssahq-shell
) {
  color-scheme: dark !important;
  box-sizing: border-box !important;
  width: min(100%, 1120px) !important;
  margin: clamp(18px, 3vw, 34px) auto !important;
  padding: clamp(18px, 3vw, 34px) !important;
  border: 1px solid var(--ssa-neon-line) !important;
  border-radius: var(--ssa-neon-radius) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(45, 212, 191, 0.18), transparent 34%),
    radial-gradient(circle at 92% 8%, rgba(167, 139, 250, 0.14), transparent 36%),
    linear-gradient(145deg, var(--ssa-neon-shell), var(--ssa-neon-page)) !important;
  box-shadow: var(--ssa-neon-shadow) !important;
  color: var(--ssa-neon-ink) !important;
  font-family: var(--ssa-neon-font) !important;
  overflow-wrap: break-word !important;
}

body :where(
  .ssafun-fq,
  .ssafun-petname,
  .ssafun-hq,
  .ssafun-namegen,
  .ssafun-rng,
  .ssafun-endear,
  .ssahq-shell
) * {
  box-sizing: border-box !important;
}

body :where(
  .ssafun-fq,
  .ssafun-petname,
  .ssafun-hq,
  .ssafun-namegen,
  .ssafun-rng,
  .ssafun-endear,
  .ssahq-shell
) :where(h1, h2, h3, h4, h5, h6, legend, summary, strong) {
  color: #ffffff !important;
  letter-spacing: 0 !important;
  text-shadow: 0 0 18px rgba(56, 189, 248, 0.25) !important;
}

body :where(
  .ssafun-fq,
  .ssafun-petname,
  .ssafun-hq,
  .ssafun-namegen,
  .ssafun-rng,
  .ssafun-endear,
  .ssahq-shell
) :where(p, li, label, span, small, em, div, td, th) {
  color: var(--ssa-neon-ink-soft) !important;
}

body :where(
  .ssafun-fq,
  .ssafun-petname,
  .ssafun-hq,
  .ssafun-namegen,
  .ssafun-rng,
  .ssafun-endear,
  .ssahq-shell
) :where(
  .fq-container,
  .fq-results,
  .fq-faq-item,
  .fq-friendship-tips,
  .petname-card,
  .hq-shell,
  .hq-result,
  .nick-card,
  .namegen-card,
  .rng-card,
  .endear-card,
  .endear-modal-dialog,
  .result-box,
  .content,
  .collapsible,
  .ssahq-account-save,
  .ssahq-calc-error
) {
  background: linear-gradient(180deg, var(--ssa-neon-surface), rgba(4, 9, 18, 0.96)) !important;
  border: 1px solid var(--ssa-neon-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  color: var(--ssa-neon-ink) !important;
}

body :where(.sssss-tool) :where(.sssss-affiliate-block) {
  border-color: rgba(251, 191, 36, 0.40) !important;
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.12), rgba(15, 23, 42, 0.94)) !important;
  color: #fff7d6 !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.22) !important;
}

body :where(
  .ssafun-fq,
  .ssafun-petname,
  .ssafun-hq,
  .ssafun-namegen,
  .ssafun-rng,
  .ssafun-endear,
  .ssahq-shell
) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea) {
  width: 100%;
  background: rgba(2, 6, 23, 0.88) !important;
  border: 1px solid rgba(148, 163, 184, 0.42) !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  caret-color: var(--ssa-neon-teal) !important;
}

body :where(
  .ssafun-fq,
  .ssafun-petname,
  .ssafun-hq,
  .ssafun-namegen,
  .ssafun-rng,
  .ssafun-endear,
  .ssahq-shell
) :where(button, .button, .btn, [role="button"], input[type="button"], input[type="submit"], a.button, a.btn) {
  border: 1px solid rgba(45, 212, 191, 0.72) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--ssa-neon-teal), var(--ssa-neon-cyan)) !important;
  color: #031018 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: 0 12px 30px rgba(34, 211, 238, 0.24) !important;
}

body :where(.ssa-contact-form, .ssa-sub-count) {
  color-scheme: dark !important;
  box-sizing: border-box !important;
  width: min(100%, 820px) !important;
  margin: clamp(18px, 3vw, 34px) auto !important;
  padding: clamp(18px, 3vw, 30px) !important;
  border: 1px solid var(--ssa-neon-line) !important;
  border-radius: var(--ssa-neon-radius) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(45, 212, 191, 0.18), transparent 34%),
    radial-gradient(circle at 92% 8%, rgba(244, 114, 182, 0.12), transparent 36%),
    linear-gradient(145deg, var(--ssa-neon-shell), var(--ssa-neon-page)) !important;
  box-shadow: var(--ssa-neon-shadow) !important;
  color: var(--ssa-neon-ink) !important;
  font-family: var(--ssa-neon-font) !important;
}

body :where(.ssa-account-shell) {
  color-scheme: dark !important;
  color: var(--ssa-neon-ink) !important;
  font-family: var(--ssa-neon-font) !important;
}

body :where(
  .ssa-account-shell,
  .ssa-account-dashboard
) :where(
  .ssa-account-card,
  .ssa-account-dashboard-band,
  .ssa-account-empty-state,
  .ssa-account-privacy,
  .ssa-account-message,
  .ssa-account-content-cta,
  .ssa-account-favorite-card,
  .ssa-account-game-continue-card,
  .ssa-account-service-card,
  .ssa-account-continue-card,
  .ssa-account-profile-card,
  .ssa-account-progress-card,
  .ssa-account-product-card
) {
  background: linear-gradient(180deg, var(--ssa-neon-surface), rgba(4, 9, 18, 0.96)) !important;
  border: 1px solid var(--ssa-neon-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  color: var(--ssa-neon-ink) !important;
}

body :where(.ssa-account-shell, .ssa-account-dashboard) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), textarea, select) {
  background: rgba(2, 6, 23, 0.88) !important;
  border: 1px solid rgba(148, 163, 184, 0.42) !important;
  border-radius: 12px !important;
  color: #ffffff !important;
}

body :where(.ssa-contact-form) :where(h1, h2, h3, h4, h5, h6, label, strong),
body :where(.ssa-sub-count) :where(strong) {
  color: #ffffff !important;
  text-shadow: 0 0 18px rgba(56, 189, 248, 0.25) !important;
}

body :where(.ssa-contact-form) :where(p, span, div, label) {
  color: var(--ssa-neon-ink-soft) !important;
}

body :where(.ssa-contact-form) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), textarea) {
  width: 100% !important;
  background: rgba(2, 6, 23, 0.88) !important;
  border: 1px solid rgba(148, 163, 184, 0.42) !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  caret-color: var(--ssa-neon-teal) !important;
}

body :where(.ssa-contact-form) :where(button, input[type="submit"]) {
  border: 1px solid rgba(45, 212, 191, 0.72) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--ssa-neon-teal), var(--ssa-neon-cyan)) !important;
  color: #031018 !important;
  font-weight: 850 !important;
  box-shadow: 0 12px 30px rgba(34, 211, 238, 0.24) !important;
}

body :where(.ssa-success-message) {
  border: 1px solid rgba(45, 212, 191, 0.44) !important;
  border-radius: 12px !important;
  background: rgba(45, 212, 191, 0.12) !important;
  color: #dffef8 !important;
}

body :where(.ssa-error-message) {
  border: 1px solid rgba(251, 113, 133, 0.44) !important;
  border-radius: 12px !important;
  background: rgba(251, 113, 133, 0.12) !important;
  color: #ffe4ea !important;
}

body :where(#ssa-sidebar-drawer-shell) {
  background:
    radial-gradient(circle at 10% 0%, rgba(45, 212, 191, 0.18), transparent 34%),
    linear-gradient(180deg, #06111f, #020617) !important;
  border-right: 1px solid var(--ssa-neon-line) !important;
  box-shadow: 18px 0 42px rgba(0, 0, 0, 0.44), 0 0 28px rgba(45, 212, 191, 0.12) !important;
  color: var(--ssa-neon-ink) !important;
}

body :where(#ssa-sidebar-drawer-toggle, #ssa-sidebar-drawer-close) {
  border: 1px solid rgba(45, 212, 191, 0.72) !important;
  background: linear-gradient(135deg, var(--ssa-neon-teal), var(--ssa-neon-cyan)) !important;
  color: #031018 !important;
  font-weight: 850 !important;
  box-shadow: 0 12px 30px rgba(34, 211, 238, 0.24) !important;
}

/*
 * Readability hardening.
 *
 * Some plugin styles use stronger selectors than the shared :where() layer.
 * Keep this late and specific so dark shells do not leave old navy/gray text
 * sitting on near-black panels.
 */
body :is(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-fq,
  .ssafun-petname,
  .ssafun-hq,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-namegen,
  .ssafun-rng,
  .ssafun-slot,
  .ssafun-endear,
  .ssahq-shell,
  .ssahq-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-shell,
  .ssa-account-dashboard
) :is(h1, h2, h3, h4, h5, h6, legend, summary, .tool-title, .ssa-tool-title) {
  color: #f8feff !important;
  opacity: 1 !important;
  text-shadow: 0 0 16px rgba(56, 189, 248, 0.32) !important;
}

body :is(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-fq,
  .ssafun-petname,
  .ssafun-hq,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-namegen,
  .ssafun-rng,
  .ssafun-slot,
  .ssafun-endear,
  .ssahq-shell,
  .ssahq-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-shell,
  .ssa-account-dashboard
) :is(p, li, label, small, em, td, th, .helper, .note, .description, [class*="helper"], [class*="note"], [class*="label"]) {
  color: #dbeafe !important;
  opacity: 1 !important;
}

body :is(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-fq,
  .ssafun-petname,
  .ssafun-hq,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-namegen,
  .ssafun-rng,
  .ssafun-slot,
  .ssafun-endear,
  .ssahq-shell,
  .ssahq-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-shell,
  .ssa-account-dashboard
) :is(strong, b, output, .score, [class*="value"], [class*="score"], [class*="result"]) {
  color: #ffffff !important;
  opacity: 1 !important;
}

body :is(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-fq,
  .ssafun-petname,
  .ssafun-hq,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-namegen,
  .ssafun-rng,
  .ssafun-slot,
  .ssafun-endear,
  .ssahq-shell,
  .ssahq-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-shell,
  .ssa-account-dashboard
) :is(
  .baby-card,
  .couple-card,
  .fq-container,
  .petname-card,
  .hq-shell,
  .nick-card,
  .poly-card,
  .adventure-card,
  .namegen-card,
  .rng-card,
  .slot-card,
  .endear-card,
  .sssss-tool-form,
  .sssss-tool-results,
  fieldset,
  details
) {
  background: linear-gradient(180deg, rgba(9, 18, 34, 0.98), rgba(3, 8, 18, 0.98)) !important;
  border-color: rgba(56, 189, 248, 0.42) !important;
}

body :is(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-fq,
  .ssafun-petname,
  .ssafun-hq,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-namegen,
  .ssafun-rng,
  .ssafun-slot,
  .ssafun-endear,
  .ssahq-shell,
  .ssahq-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-shell,
  .ssa-account-dashboard
) :is(button, .button, .btn, [role="button"], input[type="button"], input[type="submit"], a.button, a.btn) {
  color: #02111a !important;
}

body :is(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-fq,
  .ssafun-petname,
  .ssafun-hq,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-namegen,
  .ssafun-rng,
  .ssafun-slot,
  .ssafun-endear,
  .ssahq-shell,
  .ssahq-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-shell,
  .ssa-account-dashboard
) :is(input, select, textarea) {
  color: #f8feff !important;
  opacity: 1 !important;
}

/*
 * Late light-panel cleanup.
 *
 * Several tool modules ship pale cards with !important backgrounds. These
 * selectors stay scoped to known SSA tool shells and only retheme component
 * surfaces that commonly render as cards, results, stats, chips, or panels.
 */
body :is(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .sssss-account-tool,
  .ssaft-shell,
  .ssaft-flq-tool,
  .ssaft-account-tool,
  .ssafun-hq,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-friendship,
  .ssafun-fq,
  .ssafun-furry,
  .ssafun-petname,
  .ssafun-halloween,
  .ssafun-hq,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-namegen,
  .ssafun-random-name,
  .ssafun-rng,
  .ssafun-random-number,
  .ssafun-slot,
  .ssafun-endear,
  .ssafun-endearment,
  .ssahq-shell,
  .ssahq-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-shell,
  .ssa-account-dashboard
) :is(
  [class*="-card"],
  [class*="-panel"],
  [class*="-section"],
  [class*="-box"],
  [class*="-tile"],
  [class*="-item"],
  [class*="-chip"],
  [class*="-pill"],
  [class*="-stat"],
  [class*="-status"],
  [class*="-summary"],
  [class*="-detail"],
  [class*="-result"],
  [class*="-results"],
  [class*="-insight"],
  [class*="-spotlight"],
  [class*="-tip"],
  [class*="-faq"],
  [class*="-warning"],
  [class*="-notice"],
  [class*="-disclaimer"],
  [class*="-save"],
  [class*="-history"],
  [class*="-saved"],
  [class*="-modal"],
  [class*="-dialog"],
  [class*="-drawer"],
  [class*="-empty"],
  [class*="-list"],
  [class*="-grid"],
  [class*="-columns"],
  .result-box,
  .content,
  .collapsible,
  .oil-details,
  .product,
  .affiliate-offer,
  .tip-item,
  .faq-item,
  #disclaimer
) {
  background: linear-gradient(180deg, rgba(8, 18, 34, 0.98), rgba(3, 8, 18, 0.98)) !important;
  border-color: rgba(56, 189, 248, 0.42) !important;
  color: #eaf8ff !important;
}

body :is(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssaft-account-tool,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-friendship,
  .ssafun-fq,
  .ssafun-furry,
  .ssafun-petname,
  .ssafun-halloween,
  .ssafun-hq,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-namegen,
  .ssafun-random-name,
  .ssafun-rng,
  .ssafun-random-number,
  .ssafun-slot,
  .ssafun-endear,
  .ssafun-endearment,
  .ssahq-shell,
  .ssahq-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-shell,
  .ssa-account-dashboard
) :is(
  [class*="-card"],
  [class*="-panel"],
  [class*="-section"],
  [class*="-box"],
  [class*="-tile"],
  [class*="-item"],
  [class*="-chip"],
  [class*="-pill"],
  [class*="-stat"],
  [class*="-status"],
  [class*="-summary"],
  [class*="-detail"],
  [class*="-result"],
  [class*="-results"],
  [class*="-insight"],
  [class*="-spotlight"],
  [class*="-tip"],
  [class*="-faq"],
  [class*="-warning"],
  [class*="-notice"],
  [class*="-disclaimer"],
  [class*="-save"],
  [class*="-history"],
  [class*="-saved"],
  .result-box,
  .content,
  .collapsible,
  .oil-details,
  .product,
  .affiliate-offer,
  .tip-item,
  .faq-item,
  #disclaimer
) :is(h1, h2, h3, h4, h5, h6, p, li, label, span, small, strong, b, em, div, td, th, output) {
  color: #f8feff !important;
  opacity: 1 !important;
}

body :is(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssaft-account-tool,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-friendship,
  .ssafun-fq,
  .ssafun-furry,
  .ssafun-petname,
  .ssafun-halloween,
  .ssafun-hq,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-namegen,
  .ssafun-random-name,
  .ssafun-rng,
  .ssafun-random-number,
  .ssafun-slot,
  .ssafun-endear,
  .ssafun-endearment,
  .ssahq-shell,
  .ssahq-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-shell,
  .ssa-account-dashboard
) :is(.is-ok, .is-success, .success, [class*="-success"]) {
  background: linear-gradient(135deg, rgba(45, 212, 191, 0.16), rgba(3, 8, 18, 0.98)) !important;
  border-color: rgba(45, 212, 191, 0.48) !important;
  color: #dffef8 !important;
}

body :is(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssaft-account-tool,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-friendship,
  .ssafun-fq,
  .ssafun-furry,
  .ssafun-petname,
  .ssafun-halloween,
  .ssafun-hq,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-namegen,
  .ssafun-random-name,
  .ssafun-rng,
  .ssafun-random-number,
  .ssafun-slot,
  .ssafun-endear,
  .ssafun-endearment,
  .ssahq-shell,
  .ssahq-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-shell,
  .ssa-account-dashboard
) :is(.is-warn, .is-warning, .warning, [class*="-warning"], [class*="-caution"]) {
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.16), rgba(3, 8, 18, 0.98)) !important;
  border-color: rgba(251, 191, 36, 0.48) !important;
  color: #fff7d6 !important;
}

body :is(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssaft-account-tool,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-friendship,
  .ssafun-fq,
  .ssafun-furry,
  .ssafun-petname,
  .ssafun-halloween,
  .ssafun-hq,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-namegen,
  .ssafun-random-name,
  .ssafun-rng,
  .ssafun-random-number,
  .ssafun-slot,
  .ssafun-endear,
  .ssafun-endearment,
  .ssahq-shell,
  .ssahq-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-shell,
  .ssa-account-dashboard
) :is(button, .button, .btn, [role="button"], input[type="button"], input[type="submit"], a.button, a.btn, .rts-btn, .bngc-btn) {
  background: linear-gradient(135deg, var(--ssa-neon-teal), var(--ssa-neon-cyan)) !important;
  border-color: rgba(45, 212, 191, 0.72) !important;
  color: #02111a !important;
}

/*
 * Mobile responsiveness contract.
 *
 * This keeps older plugin layouts from causing horizontal scroll, tiny tap
 * targets, iOS input zoom, or multi-column grids on narrow screens.
 */
@media (max-width: 900px) {
  body :is(
    .bngc-shell,
    .bngc-account-tool,
    .flcc-shell,
    #flcc-calculator,
    .rts-shell,
    .rts-account-tool,
    .sssss-tool,
    .sssss-account-tool,
    .ssaft-account-tool,
    .ssafun-account-tool,
    .ssafun-baby,
    .ssafun-couple,
    .ssafun-friendship,
    .ssafun-furry,
    .ssafun-halloween,
    .ssafun-nickname,
    .ssafun-poly,
    .ssafun-adventure,
    .ssafun-random-name,
    .ssafun-random-number,
    .ssafun-slot,
    .ssafun-endearment,
    .ssafun-fq,
    .ssafun-petname,
    .ssafun-hq,
    .ssafun-namegen,
    .ssafun-rng,
    .ssafun-endear,
    .ssahq-shell,
    .ssahq-tool,
    .ssahq-account-tool,
    .ssahq-native-panel,
    .ssaa-shell,
    .ssaa-account-calculator,
    .ssa-lkb,
    .ssa-lkb-account-panel,
    .ssa-pq-wrap,
    .ssa-pq-account-panel,
    .zhc-calculator,
    .ubcc-container,
    .eos-shell,
    #nrf-tool,
    #ogt-tool,
    #momfirst-root,
    .ssa-dice,
    .ssa-tool-search-root,
    .ssa-tool-hub-shell,
    .ssa-account-shell,
    .ssa-account-dashboard,
    .ssa-related-tools
  ) {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    overflow-x: hidden !important;
  }

  body :is(
    .bngc-shell,
    .flcc-shell,
    .rts-shell,
    .sssss-tool,
    .ssaft-account-tool,
    .ssafun-account-tool,
    .ssafun-baby,
    .ssafun-couple,
    .ssafun-friendship,
    .ssafun-furry,
    .ssafun-halloween,
    .ssafun-nickname,
    .ssafun-poly,
    .ssafun-adventure,
    .ssafun-random-name,
    .ssafun-random-number,
    .ssafun-slot,
    .ssafun-endearment,
    .ssafun-fq,
    .ssafun-petname,
    .ssafun-hq,
    .ssafun-namegen,
    .ssafun-rng,
    .ssafun-endear,
    .ssahq-shell,
    .ssahq-tool,
    .ssaa-shell,
    .ssa-lkb,
    .ssa-pq-wrap,
    .zhc-calculator,
    .ubcc-container,
    .eos-shell,
    #nrf-tool,
    #ogt-tool,
    #momfirst-root,
    .ssa-dice,
    .ssa-tool-search-root,
    .ssa-tool-hub-shell,
    .ssa-account-shell,
    .ssa-account-dashboard
  ) :is(*) {
    min-width: 0 !important;
    max-width: 100%;
    overflow-wrap: break-word !important;
  }

  body :is(
    .bngc-shell,
    .flcc-shell,
    .rts-shell,
    .sssss-tool,
    .ssaft-account-tool,
    .ssafun-account-tool,
    .ssafun-baby,
    .ssafun-couple,
    .ssafun-friendship,
    .ssafun-furry,
    .ssafun-halloween,
    .ssafun-nickname,
    .ssafun-poly,
    .ssafun-adventure,
    .ssafun-random-name,
    .ssafun-random-number,
    .ssafun-slot,
    .ssafun-endearment,
    .ssafun-fq,
    .ssafun-petname,
    .ssafun-hq,
    .ssafun-namegen,
    .ssafun-rng,
    .ssafun-endear,
    .ssahq-shell,
    .ssahq-tool,
    .ssaa-shell,
    .ssa-lkb,
    .ssa-pq-wrap,
    .zhc-calculator,
    .ubcc-container,
    .eos-shell,
    #nrf-tool,
    #ogt-tool,
    #momfirst-root,
    .ssa-dice,
    .ssa-tool-search-root,
    .ssa-tool-hub-shell,
    .ssa-account-shell,
    .ssa-account-dashboard
  ) :is(
    [class*="-grid"],
    [class*="-columns"],
    [class*="-cards"],
    [class*="-stats"],
    [class*="-metrics"],
    [class*="-actions"],
    [class*="-controls"],
    [class*="-buttons"],
    [class*="-row"],
    [class*="__grid"],
    [class*="__columns"],
    [class*="__actions"]
  ) {
    grid-template-columns: minmax(0, 1fr) !important;
    flex-wrap: wrap !important;
  }

  body :is(
    .bngc-shell,
    .flcc-shell,
    .rts-shell,
    .sssss-tool,
    .ssaft-account-tool,
    .ssafun-account-tool,
    .ssahq-shell,
    .ssahq-tool,
    .ssaa-shell,
    .ssa-lkb,
    .ssa-pq-wrap,
    .zhc-calculator,
    .ubcc-container,
    .eos-shell,
    #momfirst-root,
    .ssa-dice,
    .ssa-tool-search-root,
    .ssa-tool-hub-shell,
    .ssa-account-dashboard
  ) :is(table) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  body :is(
    .bngc-shell,
    .flcc-shell,
    .rts-shell,
    .sssss-tool,
    .ssaft-account-tool,
    .ssafun-account-tool,
    .ssahq-shell,
    .ssahq-tool,
    .ssaa-shell,
    .ssa-lkb,
    .ssa-pq-wrap,
    .zhc-calculator,
    .ubcc-container,
    .eos-shell,
    #momfirst-root,
    .ssa-dice,
    .ssa-tool-search-root,
    .ssa-tool-hub-shell,
    .ssa-account-dashboard
  ) :is(img, svg, canvas, video, iframe) {
    max-width: 100% !important;
    height: auto;
  }
}

@media (max-width: 640px) {
  body :is(
    .bngc-shell,
    .bngc-account-tool,
    .flcc-shell,
    #flcc-calculator,
    .rts-shell,
    .rts-account-tool,
    .sssss-tool,
    .sssss-account-tool,
    .ssaft-account-tool,
    .ssafun-account-tool,
    .ssafun-baby,
    .ssafun-couple,
    .ssafun-friendship,
    .ssafun-furry,
    .ssafun-halloween,
    .ssafun-nickname,
    .ssafun-poly,
    .ssafun-adventure,
    .ssafun-random-name,
    .ssafun-random-number,
    .ssafun-slot,
    .ssafun-endearment,
    .ssafun-fq,
    .ssafun-petname,
    .ssafun-hq,
    .ssafun-namegen,
    .ssafun-rng,
    .ssafun-endear,
    .ssahq-shell,
    .ssahq-tool,
    .ssahq-account-tool,
    .ssahq-native-panel,
    .ssaa-shell,
    .ssaa-account-calculator,
    .ssa-lkb,
    .ssa-lkb-account-panel,
    .ssa-pq-wrap,
    .ssa-pq-account-panel,
    .zhc-calculator,
    .ubcc-container,
    .eos-shell,
    #nrf-tool,
    #ogt-tool,
    #momfirst-root,
    .ssa-dice,
    .ssa-tool-search-root,
    .ssa-tool-hub-shell,
    .ssa-account-shell,
    .ssa-account-dashboard,
    .ssa-related-tools
  ) {
    width: 100% !important;
    max-width: 100% !important;
    margin-block: 12px !important;
    padding: 14px !important;
    border-radius: 14px !important;
  }

  body :is(
    .bngc-shell,
    .flcc-shell,
    .rts-shell,
    .sssss-tool,
    .ssaft-account-tool,
    .ssafun-account-tool,
    .ssafun-baby,
    .ssafun-couple,
    .ssafun-friendship,
    .ssafun-furry,
    .ssafun-halloween,
    .ssafun-nickname,
    .ssafun-poly,
    .ssafun-adventure,
    .ssafun-random-name,
    .ssafun-random-number,
    .ssafun-slot,
    .ssafun-endearment,
    .ssafun-fq,
    .ssafun-petname,
    .ssafun-hq,
    .ssafun-namegen,
    .ssafun-rng,
    .ssafun-endear,
    .ssahq-shell,
    .ssahq-tool,
    .ssaa-shell,
    .ssa-lkb,
    .ssa-pq-wrap,
    .zhc-calculator,
    .ubcc-container,
    .eos-shell,
    #nrf-tool,
    #ogt-tool,
    #momfirst-root,
    .ssa-dice,
    .ssa-tool-search-root,
    .ssa-tool-hub-shell,
    .ssa-account-shell,
    .ssa-account-dashboard
  ) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea) {
    min-height: 44px !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
  }

  body :is(
    .bngc-shell,
    .flcc-shell,
    .rts-shell,
    .sssss-tool,
    .ssaft-account-tool,
    .ssafun-account-tool,
    .ssafun-baby,
    .ssafun-couple,
    .ssafun-friendship,
    .ssafun-furry,
    .ssafun-halloween,
    .ssafun-nickname,
    .ssafun-poly,
    .ssafun-adventure,
    .ssafun-random-name,
    .ssafun-random-number,
    .ssafun-slot,
    .ssafun-endearment,
    .ssafun-fq,
    .ssafun-petname,
    .ssafun-hq,
    .ssafun-namegen,
    .ssafun-rng,
    .ssafun-endear,
    .ssahq-shell,
    .ssahq-tool,
    .ssaa-shell,
    .ssa-lkb,
    .ssa-pq-wrap,
    .zhc-calculator,
    .ubcc-container,
    .eos-shell,
    #nrf-tool,
    #ogt-tool,
    #momfirst-root,
    .ssa-dice,
    .ssa-tool-search-root,
    .ssa-tool-hub-shell,
    .ssa-account-shell,
    .ssa-account-dashboard
  ) :is(button, .button, .btn, [role="button"], input[type="button"], input[type="submit"], a.button, a.btn, .rts-btn, .bngc-btn) {
    display: inline-flex !important;
    width: 100% !important;
    min-height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: normal !important;
    line-height: 1.25 !important;
    text-align: center !important;
  }

  body :is(
    .bngc-shell,
    .flcc-shell,
    .rts-shell,
    .sssss-tool,
    .ssaft-account-tool,
    .ssafun-account-tool,
    .ssahq-shell,
    .ssahq-tool,
    .ssaa-shell,
    .ssa-lkb,
    .ssa-pq-wrap,
    .zhc-calculator,
    .ubcc-container,
    .eos-shell,
    #momfirst-root,
    .ssa-dice,
    .ssa-tool-search-root,
    .ssa-tool-hub-shell,
    .ssa-account-dashboard
  ) :is(th, td) {
    white-space: normal !important;
  }
}

/*
 * Extra-small viewport and tool-page article hardening.
 *
 * Blocksy content gutters plus plugin-level min widths can still pinch the
 * layout below phone widths. These rules keep the tool, save panel, related
 * links, and article continuation readable on very small screens.
 */
body .entry-content:has(:is(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssaft-account-tool,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-friendship,
  .ssafun-furry,
  .ssafun-halloween,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-random-name,
  .ssafun-random-number,
  .ssafun-slot,
  .ssafun-endearment,
  .ssafun-fq,
  .ssafun-petname,
  .ssafun-hq,
  .ssafun-namegen,
  .ssafun-rng,
  .ssafun-endear,
  .ssahq-shell,
  .ssahq-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell
)) {
  color: var(--ssa-neon-ink-soft) !important;
  overflow-x: clip !important;
}

body .entry-content:has(:is(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssaft-account-tool,
  .ssafun-account-tool,
  .ssahq-shell,
  .ssahq-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell
)) > :where(p, ul, ol, blockquote, .wp-block-group, .wp-block-list, .ct-dynamic-data, [class*="dynamic"], [class*="discover"], [class*="related"]) {
  color: #dbeafe !important;
}

body .entry-content:has(:is(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssaft-account-tool,
  .ssafun-account-tool,
  .ssahq-shell,
  .ssahq-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell
)) :where(.ct-dynamic-data, [class*="discover"], [class*="related"], [class*="taxonomy"], [class*="terms"], [class*="post-nav"]) {
  border-color: rgba(56, 189, 248, 0.30) !important;
  background: linear-gradient(180deg, rgba(8, 18, 34, 0.98), rgba(3, 8, 18, 0.98)) !important;
  color: #f8feff !important;
}

body .entry-content:has(:is(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssaft-account-tool,
  .ssafun-account-tool,
  .ssahq-shell,
  .ssahq-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell
)) :where(.ct-dynamic-data, [class*="discover"], [class*="related"], [class*="taxonomy"], [class*="terms"], [class*="post-nav"]) :where(a, span, p, li, h2, h3, h4) {
  color: #f8feff !important;
}

body :is(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssaft-account-tool,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-friendship,
  .ssafun-furry,
  .ssafun-halloween,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-random-name,
  .ssafun-random-number,
  .ssafun-slot,
  .ssafun-endearment,
  .ssafun-fq,
  .ssafun-petname,
  .ssafun-hq,
  .ssafun-namegen,
  .ssafun-rng,
  .ssafun-endear,
  .ssahq-shell,
  .ssahq-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-shell,
  .ssa-account-dashboard
) :is(.ssa-account-save, .ssa-account-save-panel, [class*="account-save"], [class*="save-panel"], [class*="dashboard-cta"]) {
  max-width: 100% !important;
  overflow-x: clip !important;
}

body :is(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssaft-account-tool,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-friendship,
  .ssafun-furry,
  .ssafun-halloween,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-random-name,
  .ssafun-random-number,
  .ssafun-slot,
  .ssafun-endearment,
  .ssafun-fq,
  .ssafun-petname,
  .ssafun-hq,
  .ssafun-namegen,
  .ssafun-rng,
  .ssafun-endear,
  .ssahq-shell,
  .ssahq-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-shell,
  .ssa-account-dashboard
) :is(.ssa-account-save, .ssa-account-save-panel, [class*="account-save"], [class*="save-panel"], [class*="dashboard-cta"]) :is(button, a, .button, .btn, [role="button"], [class*="button"], [class*="dashboard-link"]) {
  display: inline-flex !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 44px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(45, 212, 191, 0.72) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--ssa-neon-teal), var(--ssa-neon-cyan)) !important;
  color: #02111a !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: normal !important;
}

@media (max-width: 480px) {
  body :where(.ct-container, .ct-container-full, .site-main, .content-area, article, .entry-content) {
    max-width: 100% !important;
    overflow-x: clip !important;
  }

  body .entry-content:has(:is(
    .bngc-shell,
    .flcc-shell,
    .rts-shell,
    .sssss-tool,
    .ssaft-account-tool,
    .ssafun-account-tool,
    .ssahq-shell,
    .ssahq-tool,
    .ssaa-shell,
    .ssa-lkb,
    .ssa-pq-wrap,
    .zhc-calculator,
    .ubcc-container,
    .eos-shell,
    #momfirst-root,
    .ssa-dice,
    .ssa-tool-search-root,
    .ssa-tool-hub-shell
  )) {
    padding-inline: 6px !important;
  }

  body :is(
    .bngc-shell,
    .bngc-account-tool,
    .flcc-shell,
    #flcc-calculator,
    .rts-shell,
    .rts-account-tool,
    .sssss-tool,
    .sssss-account-tool,
    .ssaft-account-tool,
    .ssafun-account-tool,
    .ssafun-baby,
    .ssafun-couple,
    .ssafun-friendship,
    .ssafun-furry,
    .ssafun-halloween,
    .ssafun-nickname,
    .ssafun-poly,
    .ssafun-adventure,
    .ssafun-random-name,
    .ssafun-random-number,
    .ssafun-slot,
    .ssafun-endearment,
    .ssafun-fq,
    .ssafun-petname,
    .ssafun-hq,
    .ssafun-namegen,
    .ssafun-rng,
    .ssafun-endear,
    .ssahq-shell,
    .ssahq-tool,
    .ssahq-account-tool,
    .ssahq-native-panel,
    .ssaa-shell,
    .ssaa-account-calculator,
    .ssa-lkb,
    .ssa-lkb-account-panel,
    .ssa-pq-wrap,
    .ssa-pq-account-panel,
    .zhc-calculator,
    .ubcc-container,
    .eos-shell,
    #nrf-tool,
    #ogt-tool,
    #momfirst-root,
    .ssa-dice,
    .ssa-tool-search-root,
    .ssa-tool-hub-shell,
    .ssa-account-shell,
    .ssa-account-dashboard,
    .ssa-related-tools
  ) {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    padding: 10px !important;
    border-radius: 12px !important;
  }

  body :is(
    .bngc-shell,
    .flcc-shell,
    .rts-shell,
    .sssss-tool,
    .ssaft-account-tool,
    .ssafun-account-tool,
    .ssafun-baby,
    .ssafun-couple,
    .ssafun-friendship,
    .ssafun-furry,
    .ssafun-halloween,
    .ssafun-nickname,
    .ssafun-poly,
    .ssafun-adventure,
    .ssafun-random-name,
    .ssafun-random-number,
    .ssafun-slot,
    .ssafun-endearment,
    .ssafun-fq,
    .ssafun-petname,
    .ssafun-hq,
    .ssafun-namegen,
    .ssafun-rng,
    .ssafun-endear,
    .ssahq-shell,
    .ssahq-tool,
    .ssaa-shell,
    .ssa-lkb,
    .ssa-pq-wrap,
    .zhc-calculator,
    .ubcc-container,
    .eos-shell,
    #nrf-tool,
    #ogt-tool,
    #momfirst-root,
    .ssa-dice,
    .ssa-tool-search-root,
    .ssa-tool-hub-shell,
    .ssa-account-shell,
    .ssa-account-dashboard
  ) :is([class*="-card"], [class*="-panel"], [class*="-section"], fieldset, details, table, form) {
    padding: 12px !important;
    border-radius: 12px !important;
  }

  body :where(#ssa-sidebar-drawer-toggle) {
    max-width: 100% !important;
    min-height: 36px !important;
    padding: 7px 10px !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
  }
}

/*
 * Birth chart rendered media.
 *
 * The Ultimate Birth Chart calculator can output light chart containers and
 * title panels after the normal card rules. Keep those surfaces black so
 * missed headings such as "Zodiac Wheel" stay readable.
 */
body :is(.ubcc-container, .zhc-calculator, #ubcc-page-shell, #zodiac-page-shell) :is(
  .ubcc-chart-section,
  .ubcc-chart-section > *,
  .ubcc-chart-wrap,
  .ubcc-chart-panel,
  .ubcc-chart-card,
  .chart-container,
  .chart-wrapper,
  .chart-panel,
  .chart-card,
  .zodiac-wheel,
  .zodiac-wheel-wrap,
  .zodiac-wheel-container,
  .birth-chart,
  .birth-chart-wrap,
  .birth-chart-container,
  figure,
  .wp-block-image,
  .wp-block-gallery,
  svg,
  canvas
) {
  background: #020617 !important;
  color: #f8feff !important;
}

body :is(.ubcc-container, .zhc-calculator, #ubcc-page-shell, #zodiac-page-shell) :is(
  .ubcc-chart-section h1,
  .ubcc-chart-section h2,
  .ubcc-chart-section h3,
  .chart-container h1,
  .chart-container h2,
  .chart-container h3,
  .chart-wrapper h1,
  .chart-wrapper h2,
  .chart-wrapper h3,
  .zodiac-wheel h1,
  .zodiac-wheel h2,
  .zodiac-wheel h3,
  .birth-chart h1,
  .birth-chart h2,
  .birth-chart h3,
  figure h1,
  figure h2,
  figure h3
) {
  display: block !important;
  background: #020617 !important;
  color: #f8feff !important;
  text-shadow: 0 0 16px rgba(56, 189, 248, 0.28) !important;
}

/*
 * No white cards fallback.
 *
 * Some plugin styles define white custom card tokens such as --ssahq-card or
 * --ssaft-card, then apply them with !important. Normalize those tokens inside
 * known SSA tool shells and force component surfaces back to the shared dark
 * blue card language.
 */
body :is(
  .bngc-shell,
  #bngc-shell,
  #berc-shell,
  .flcc-shell,
  #flcc-calculator,
  .rts-shell,
  .rts-account-tool,
  .eos-shell,
  #momfirst-root,
  #nrf-tool,
  #ogt-tool,
  #ayur-shell,
  #fin-shell,
  #health-shell,
  #rel-shell,
  #sssss-shell,
  .sssss-tool,
  .sssss-account-tool,
  [class^="sssss-"],
  [class*=" sssss-"],
  .ssa-lkb,
  .ssa-lkb-account-panel,
  .ssa-pq-wrap,
  .ssa-pq-account-panel,
  [class^="ssa-pq-"],
  [class*=" ssa-pq-"],
  .ssa-tool-search-root,
  .ubcc-container,
  .zhc-calculator,
  #ubcc-page-shell,
  #zodiac-page-shell,
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssa-account-"],
  [class*=" ssa-account-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  .ssahq-shell,
  .ssahq-tool,
  .ssahq-account-tool,
  .ssahq-native-panel,
  .ssaft-account-tool,
  .ssafun-account-tool,
  [class^="ssafun-"],
  [class*=" ssafun-"],
  .ssafun-fq,
  .ssafun-poly,
  .ssa-dice,
  .ssa-gear,
  [class^="ss-tool-"],
  [class*=" ss-tool-"],
  [class^="sth-"],
  [class*=" sth-"],
  [class^="eos-"],
  [class*=" eos-"],
  .ssa-account-shell,
  .ssa-account-dashboard,
  .ssa-tool-hub-shell
) {
  --bngc-surface: rgba(8, 18, 34, 0.98) !important;
  --bngc-surface-alt: rgba(15, 27, 46, 0.94) !important;
  --flcc-surface: rgba(8, 18, 34, 0.98) !important;
  --flcc-surface-alt: rgba(15, 27, 46, 0.94) !important;
  --mf-panel: rgba(8, 18, 34, 0.98) !important;
  --mf-panel-soft: rgba(15, 27, 46, 0.94) !important;
  --eos-bg: #030712 !important;
  --eos-surface: rgba(8, 18, 34, 0.98) !important;
  --eos-surface-alt: rgba(15, 27, 46, 0.94) !important;
  --ssa-lkb-bg: #030712 !important;
  --ssa-lkb-panel: rgba(8, 18, 34, 0.98) !important;
  --ssa-pq-bg: #030712 !important;
  --ssa-pq-card: rgba(8, 18, 34, 0.98) !important;
  --ssa-ts-surface: rgba(8, 18, 34, 0.98) !important;
  --sth-bg: #030712 !important;
  --sth-surface: rgba(8, 18, 34, 0.98) !important;
  --ubcc-bg: #030712 !important;
  --ubcc-surface: rgba(8, 18, 34, 0.98) !important;
  --ubcc-surface-alt: rgba(15, 27, 46, 0.94) !important;
  --zhc-bg: #030712 !important;
  --zhc-surface: rgba(8, 18, 34, 0.98) !important;
  --ssahq-card: rgba(8, 18, 34, 0.98) !important;
  --ssahq-bg: #030712 !important;
  --ssaft-card: rgba(8, 18, 34, 0.98) !important;
  --ssaft-surface: rgba(8, 18, 34, 0.98) !important;
  --ssaft-bg: #030712 !important;
  --ssa-account-bg: #030712 !important;
  --ssa-account-card: rgba(8, 18, 34, 0.98) !important;
  --fq-card: rgba(8, 18, 34, 0.98) !important;
  --poly-card: rgba(8, 18, 34, 0.98) !important;
  --ssa-surface: rgba(8, 18, 34, 0.98) !important;
  --ssa-surface-2: rgba(15, 27, 46, 0.94) !important;
  --ss-tool-panel: rgba(8, 18, 34, 0.98) !important;
  --bg: #030712 !important;
  --card: rgba(8, 18, 34, 0.98) !important;
  --card-color: #f4fdff !important;
  --card-bg: rgba(8, 18, 34, 0.98) !important;
  --bg-card: rgba(8, 18, 34, 0.98) !important;
  --panel: rgba(8, 18, 34, 0.98) !important;
  --surface: rgba(8, 18, 34, 0.98) !important;
  --surface-alt: rgba(15, 27, 46, 0.94) !important;
}

body :is(
  .bngc-shell,
  #bngc-shell,
  #berc-shell,
  .flcc-shell,
  #flcc-calculator,
  .rts-shell,
  .rts-account-tool,
  .eos-shell,
  #momfirst-root,
  #nrf-tool,
  #ogt-tool,
  #ayur-shell,
  #fin-shell,
  #health-shell,
  #rel-shell,
  #sssss-shell,
  .sssss-tool,
  .sssss-account-tool,
  [class^="sssss-"],
  [class*=" sssss-"],
  .ssa-lkb,
  .ssa-lkb-account-panel,
  .ssa-pq-wrap,
  .ssa-pq-account-panel,
  [class^="ssa-pq-"],
  [class*=" ssa-pq-"],
  .ssa-tool-search-root,
  .ubcc-container,
  .zhc-calculator,
  #ubcc-page-shell,
  #zodiac-page-shell,
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssa-account-"],
  [class*=" ssa-account-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  .ssahq-shell,
  .ssahq-tool,
  .ssahq-account-tool,
  .ssahq-native-panel,
  .ssaft-account-tool,
  .ssafun-account-tool,
  [class^="ssafun-"],
  [class*=" ssafun-"],
  .ssafun-fq,
  .ssafun-poly,
  .ssa-dice,
  .ssa-gear,
  [class^="ss-tool-"],
  [class*=" ss-tool-"],
  [class^="sth-"],
  [class*=" sth-"],
  [class^="eos-"],
  [class*=" eos-"],
  .ssa-account-shell,
  .ssa-account-dashboard,
  .ssa-tool-hub-shell
) :is(
  [class*="container"],
  [class*="calculator"],
  [class*="card"],
  [class*="panel"],
  [class*="section"],
  [class*="content"],
  [class*="result"],
  [class*="results"],
  [class*="box"],
  [class*="banner"],
  [class*="chooser"],
  [class*="question"],
  [class*="answer"],
  [class*="answers"],
  [class*="feature"],
  [class*="features"],
  [class*="tip"],
  [class*="tips"],
  [class*="cta"],
  [class*="progress"],
  [class*="affiliate"],
  [class*="review"],
  [class*="props"],
  [class*="cons"],
  [class*="shell"],
  [class*="widget"],
  [class*="module"],
  [class*="tile"],
  [class*="item"],
  .ssa-toc,
  .toc-container,
  .faq-section,
  .faq-answer,
  .wp-block-afpb-review-style-one,
  .afpb__product_info,
  .afpb__props_cons,
  .afpb__props_box,
  .afpb__cons_box,
  .product_content,
  .product_description,
  .milestone-card,
  .input-group,
  #bmi-calculator-container,
  #feedbackModalContent,
  #quiz-container,
  #quiz,
  #calculator,
  #calculator-container,
  #inputFields,
  #metricFields,
  #imperialFields,
  #results,
  #result,
  #tips,
  #faq,
  fieldset,
  details,
  table
) {
  background: linear-gradient(180deg, rgba(8, 18, 34, 0.98), rgba(3, 8, 18, 0.98)) !important;
  border-color: rgba(56, 189, 248, 0.42) !important;
  color: #dbeafe !important;
}

body :is(
  .bngc-shell,
  #bngc-shell,
  #berc-shell,
  .flcc-shell,
  #flcc-calculator,
  .rts-shell,
  .rts-account-tool,
  .eos-shell,
  #momfirst-root,
  #nrf-tool,
  #ogt-tool,
  #ayur-shell,
  #fin-shell,
  #health-shell,
  #rel-shell,
  #sssss-shell,
  .sssss-tool,
  .sssss-account-tool,
  [class^="sssss-"],
  [class*=" sssss-"],
  .ssa-lkb,
  .ssa-lkb-account-panel,
  .ssa-pq-wrap,
  .ssa-pq-account-panel,
  [class^="ssa-pq-"],
  [class*=" ssa-pq-"],
  .ssa-tool-search-root,
  .ubcc-container,
  .zhc-calculator,
  #ubcc-page-shell,
  #zodiac-page-shell,
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssa-account-"],
  [class*=" ssa-account-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  .ssahq-shell,
  .ssahq-tool,
  .ssahq-account-tool,
  .ssahq-native-panel,
  .ssaft-account-tool,
  .ssafun-account-tool,
  [class^="ssafun-"],
  [class*=" ssafun-"],
  .ssafun-fq,
  .ssafun-poly,
  .ssa-dice,
  .ssa-gear,
  [class^="ss-tool-"],
  [class*=" ss-tool-"],
  [class^="sth-"],
  [class*=" sth-"],
  [class^="eos-"],
  [class*=" eos-"],
  .ssa-account-shell,
  .ssa-account-dashboard,
  .ssa-tool-hub-shell
) :is(p, li, span, small, em, div, label, legend, summary, td, th, output) {
  color: #dbeafe !important;
  opacity: 1 !important;
}

body :is(
  .bngc-shell,
  #bngc-shell,
  #berc-shell,
  .flcc-shell,
  #flcc-calculator,
  .rts-shell,
  .rts-account-tool,
  .eos-shell,
  #momfirst-root,
  #nrf-tool,
  #ogt-tool,
  #ayur-shell,
  #fin-shell,
  #health-shell,
  #rel-shell,
  #sssss-shell,
  .sssss-tool,
  .sssss-account-tool,
  [class^="sssss-"],
  [class*=" sssss-"],
  .ssa-lkb,
  .ssa-lkb-account-panel,
  .ssa-pq-wrap,
  .ssa-pq-account-panel,
  [class^="ssa-pq-"],
  [class*=" ssa-pq-"],
  .ssa-tool-search-root,
  .ubcc-container,
  .zhc-calculator,
  #ubcc-page-shell,
  #zodiac-page-shell,
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssa-account-"],
  [class*=" ssa-account-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  .ssahq-shell,
  .ssahq-tool,
  .ssahq-account-tool,
  .ssahq-native-panel,
  .ssaft-account-tool,
  .ssafun-account-tool,
  [class^="ssafun-"],
  [class*=" ssafun-"],
  .ssafun-fq,
  .ssafun-poly,
  .ssa-dice,
  .ssa-gear,
  [class^="ss-tool-"],
  [class*=" ss-tool-"],
  [class^="sth-"],
  [class*=" sth-"],
  [class^="eos-"],
  [class*=" eos-"],
  .ssa-account-shell,
  .ssa-account-dashboard,
  .ssa-tool-hub-shell
) :is(h1, h2, h3, h4, h5, h6, strong, b) {
  color: #ffffff !important;
  opacity: 1 !important;
}

body :is(
  .bngc-shell,
  #bngc-shell,
  #berc-shell,
  .flcc-shell,
  #flcc-calculator,
  .rts-shell,
  .rts-account-tool,
  .eos-shell,
  #momfirst-root,
  #nrf-tool,
  #ogt-tool,
  #ayur-shell,
  #fin-shell,
  #health-shell,
  #rel-shell,
  #sssss-shell,
  .sssss-tool,
  .sssss-account-tool,
  [class^="sssss-"],
  [class*=" sssss-"],
  .ssa-lkb,
  .ssa-lkb-account-panel,
  .ssa-pq-wrap,
  .ssa-pq-account-panel,
  [class^="ssa-pq-"],
  [class*=" ssa-pq-"],
  .ssa-tool-search-root,
  .ubcc-container,
  .zhc-calculator,
  #ubcc-page-shell,
  #zodiac-page-shell,
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssa-account-"],
  [class*=" ssa-account-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  [class^="ssafun-"],
  [class*=" ssafun-"],
  .ssa-dice,
  .ssa-gear,
  [class^="ss-tool-"],
  [class*=" ss-tool-"],
  [class^="sth-"],
  [class*=" sth-"],
  [class^="eos-"],
  [class*=" eos-"],
  .ssa-account-shell,
  .ssa-account-dashboard,
  .ssa-tool-hub-shell
) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea) {
  background: rgba(2, 6, 23, 0.92) !important;
  border-color: rgba(148, 163, 184, 0.42) !important;
  color: #ffffff !important;
  caret-color: var(--ssa-neon-teal) !important;
}

body :is(
  .bngc-shell,
  #bngc-shell,
  #berc-shell,
  .flcc-shell,
  #flcc-calculator,
  .rts-shell,
  .rts-account-tool,
  .eos-shell,
  #momfirst-root,
  #nrf-tool,
  #ogt-tool,
  #ayur-shell,
  #fin-shell,
  #health-shell,
  #rel-shell,
  #sssss-shell,
  .sssss-tool,
  .sssss-account-tool,
  [class^="sssss-"],
  [class*=" sssss-"],
  .ssa-lkb,
  .ssa-lkb-account-panel,
  .ssa-pq-wrap,
  .ssa-pq-account-panel,
  [class^="ssa-pq-"],
  [class*=" ssa-pq-"],
  .ssa-tool-search-root,
  .ubcc-container,
  .zhc-calculator,
  #ubcc-page-shell,
  #zodiac-page-shell,
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssa-account-"],
  [class*=" ssa-account-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  [class^="ssafun-"],
  [class*=" ssafun-"],
  .ssa-dice,
  .ssa-gear,
  [class^="ss-tool-"],
  [class*=" ss-tool-"],
  [class^="sth-"],
  [class*=" sth-"],
  [class^="eos-"],
  [class*=" eos-"],
  .ssa-account-shell,
  .ssa-account-dashboard,
  .ssa-tool-hub-shell
) :is(
  button,
  .button,
  .btn,
  [role="button"],
  input[type="button"],
  input[type="submit"],
  a.button,
  a.btn,
  .wp-block-button__link,
  a[class*="button"],
  button[class*="button"],
  input[class*="button"],
  a[class*="btn"],
  button[class*="btn"],
  input[class*="btn"]
) {
  display: inline-flex !important;
  max-width: 100% !important;
  min-height: 44px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(45, 212, 191, 0.72) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--ssa-neon-teal), var(--ssa-neon-cyan)) !important;
  color: #031018 !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: none !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  box-shadow: 0 12px 28px rgba(34, 211, 238, 0.22) !important;
}

body :is(
  .bngc-shell,
  #bngc-shell,
  #berc-shell,
  .flcc-shell,
  #flcc-calculator,
  .rts-shell,
  .rts-account-tool,
  .eos-shell,
  #momfirst-root,
  #nrf-tool,
  #ogt-tool,
  #ayur-shell,
  #fin-shell,
  #health-shell,
  #rel-shell,
  #sssss-shell,
  .sssss-tool,
  .sssss-account-tool,
  [class^="sssss-"],
  [class*=" sssss-"],
  .ssa-lkb,
  .ssa-lkb-account-panel,
  .ssa-pq-wrap,
  .ssa-pq-account-panel,
  [class^="ssa-pq-"],
  [class*=" ssa-pq-"],
  .ssa-tool-search-root,
  .ubcc-container,
  .zhc-calculator,
  #ubcc-page-shell,
  #zodiac-page-shell,
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssa-account-"],
  [class*=" ssa-account-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  [class^="ssafun-"],
  [class*=" ssafun-"],
  .ssa-dice,
  .ssa-gear,
  [class^="ss-tool-"],
  [class*=" ss-tool-"],
  [class^="sth-"],
  [class*=" sth-"],
  [class^="eos-"],
  [class*=" eos-"],
  .ssa-account-shell,
  .ssa-account-dashboard,
  .ssa-tool-hub-shell
) :is(
  button *,
  .button *,
  .btn *,
  [role="button"] *,
  input[type="button"] *,
  input[type="submit"] *,
  a.button *,
  a.btn *,
  .wp-block-button__link *,
  a[class*="button"] *,
  button[class*="button"] *,
  input[class*="button"] *,
  a[class*="btn"] *,
  button[class*="btn"] *,
  input[class*="btn"] *
) {
  color: #031018 !important;
  text-shadow: none !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

body :is(.sth-links, .sth-links-list) {
  background: linear-gradient(180deg, rgba(8, 18, 34, 0.98), rgba(3, 8, 18, 0.98)) !important;
  border-color: rgba(56, 189, 248, 0.42) !important;
  color: #dbeafe !important;
}

body :is(.sth-links-list) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)) !important;
  gap: 10px !important;
  padding-left: 0 !important;
  list-style: none !important;
}

body :is(.sth-links-list li) {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body :is(.sth-links-list a) {
  display: flex !important;
  min-height: 46px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(56, 189, 248, 0.42) !important;
  border-radius: 12px !important;
  background: rgba(2, 6, 23, 0.86) !important;
  color: #eaf8ff !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body :is(#sth-page-shell) :is(.sth-card:has(.sth-hub-render-wrap), .sth-hub-render-wrap, .ssa-tool-hub-shell) {
  margin-inline: 0 !important;
  padding: 0 !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Tool hub decision blocks: undo legacy pale pills and mobile stair-stepping. */
body :is(
  #sth-page-shell,
  .sth-hub-render-wrap,
  .ssa-tool-hub-shell
) :is(.ssa-decision-engine) {
  display: grid !important;
  gap: 14px !important;
  margin: 14px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body :is(
  #sth-page-shell,
  .sth-hub-render-wrap,
  .ssa-tool-hub-shell
) :is(.ssa-decision-section) {
  margin: 0 !important;
  padding: clamp(16px, 3vw, 22px) !important;
  border: 1px solid rgba(45, 212, 191, 0.34) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(8, 18, 34, 0.98), rgba(3, 8, 18, 0.98)) !important;
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body :is(
  #sth-page-shell,
  .sth-hub-render-wrap,
  .ssa-tool-hub-shell
) :is(.ssa-decision-section h3) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(1.35rem, 4.5vw, 2rem) !important;
  line-height: 1.15 !important;
  text-shadow: 0 0 16px rgba(56, 189, 248, 0.28) !important;
}

body :is(
  #sth-page-shell,
  .sth-hub-render-wrap,
  .ssa-tool-hub-shell
) :is(.ssa-decision-section p) {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  opacity: 1 !important;
}

body :is(
  #sth-page-shell,
  .sth-hub-render-wrap,
  .ssa-tool-hub-shell
) :is(.ssa-choice-grid) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  align-items: stretch !important;
}

body :is(
  #sth-page-shell,
  .sth-hub-render-wrap,
  .ssa-tool-hub-shell
) :is(.ssa-choice-btn) {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 54px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(56, 189, 248, 0.42) !important;
  border-radius: 12px !important;
  background: rgba(2, 6, 23, 0.88) !important;
  color: #eaf8ff !important;
  -webkit-text-fill-color: #eaf8ff !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  text-decoration: none !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  text-shadow: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body :is(
  #sth-page-shell,
  .sth-hub-render-wrap,
  .ssa-tool-hub-shell
) :is(.ssa-choice-btn .ssa-choice-label, .ssa-choice-btn .ssa-choice-separator, .ssa-choice-btn .ssa-choice-tool) {
  display: inline !important;
  width: auto !important;
  min-width: 0 !important;
  font-weight: 850 !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

body :is(
  #sth-page-shell,
  .sth-hub-render-wrap,
  .ssa-tool-hub-shell
) :is(.ssa-choice-btn .ssa-choice-label) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body :is(
  #sth-page-shell,
  .sth-hub-render-wrap,
  .ssa-tool-hub-shell
) :is(.ssa-choice-btn .ssa-choice-separator, .ssa-choice-btn .ssa-choice-tool) {
  color: #c7d7e1 !important;
  -webkit-text-fill-color: #c7d7e1 !important;
}

body :is(
  #sth-page-shell,
  .sth-hub-render-wrap,
  .ssa-tool-hub-shell
) :is(.ssa-choice-btn:hover, .ssa-choice-btn:focus-visible) {
  border-color: rgba(45, 212, 191, 0.72) !important;
  background: linear-gradient(135deg, rgba(6, 78, 87, 0.92), rgba(8, 47, 73, 0.92)) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body :is(
  #sth-page-shell,
  .sth-hub-render-wrap,
  .ssa-tool-hub-shell
) :is(.ssa-journey-steps) {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}

body :is(
  #sth-page-shell,
  .sth-hub-render-wrap,
  .ssa-tool-hub-shell
) :is(.ssa-journey-step) {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 10px !important;
  text-align: left !important;
}

body :is(
  #sth-page-shell,
  .sth-hub-render-wrap,
  .ssa-tool-hub-shell
) :is(.ssa-journey-step-index) {
  display: inline-flex !important;
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(45, 212, 191, 0.62) !important;
  border-radius: 999px !important;
  background: rgba(45, 212, 191, 0.18) !important;
  color: #dffef8 !important;
  -webkit-text-fill-color: #dffef8 !important;
  font-size: 0.82rem !important;
  line-height: 1 !important;
}

body :is(
  #sth-page-shell,
  .sth-hub-render-wrap,
  .ssa-tool-hub-shell
) :is(.ssa-journey-step-title) {
  display: block !important;
  min-width: 0 !important;
  color: #eaf8ff !important;
  -webkit-text-fill-color: #eaf8ff !important;
  line-height: 1.25 !important;
  overflow-wrap: break-word !important;
}

body :is(.ssa-tool-hub-shell) :is(
  .ssa-directory::before,
  .ssa-decision-engine::before,
  .ssa-bridge-section::before,
  .ssa-journey-bundles::before,
  .ssa-combo-strip::before,
  .ssa-subhub-context::before,
  .ssa-subhub-featured::before,
  .ssa-subhub-next::before,
  .ssa-subhub-format-bundle::before,
  .ssa-subhub-articles::before,
  .ssa-subhub-note::before,
  .ssa-subhub-faq::before
) {
  display: none !important;
}

@media (max-width: 640px) {
  body :is(#sth-page-shell, .sth-hub-render-wrap, .ssa-tool-hub-shell) :is(.ssa-choice-grid) {
    grid-template-columns: 1fr !important;
  }

  body :is(#sth-page-shell, .sth-hub-render-wrap, .ssa-tool-hub-shell) :is(.ssa-choice-btn) {
    border-radius: 12px !important;
    padding: 12px !important;
    text-align: left !important;
  }
}

body :is(
  .bngc-shell,
  #bngc-shell,
  #berc-shell,
  .flcc-shell,
  #flcc-calculator,
  .rts-shell,
  .rts-account-tool,
  .eos-shell,
  #momfirst-root,
  #nrf-tool,
  #ogt-tool,
  #ayur-shell,
  #fin-shell,
  #health-shell,
  #rel-shell,
  #sssss-shell,
  .sssss-tool,
  .sssss-account-tool,
  [class^="sssss-"],
  [class*=" sssss-"],
  .ssa-lkb,
  .ssa-lkb-account-panel,
  .ssa-pq-wrap,
  .ssa-pq-account-panel,
  [class^="ssa-pq-"],
  [class*=" ssa-pq-"],
  .ssa-tool-search-root,
  .ubcc-container,
  .zhc-calculator,
  #ubcc-page-shell,
  #zodiac-page-shell,
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssa-account-"],
  [class*=" ssa-account-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  .ssaft-account-tool,
  [class^="ssafun-"],
  [class*=" ssafun-"],
  .ssa-dice,
  .ssa-gear,
  [class^="ss-tool-"],
  [class*=" ss-tool-"],
  [class^="sth-"],
  [class*=" sth-"],
  [class^="eos-"],
  [class*=" eos-"],
  .ssa-account-shell,
  .ssa-account-dashboard,
  .ssa-tool-hub-shell
) :is(
  div[style*="background:#fff"],
  div[style*="background: #fff"],
  div[style*="background-color:#fff"],
  div[style*="background-color: #fff"],
  section[style*="background:#fff"],
  section[style*="background: #fff"],
  section[style*="background-color:#fff"],
  section[style*="background-color: #fff"],
  article[style*="background:#fff"],
  article[style*="background: #fff"],
  article[style*="background-color:#fff"],
  article[style*="background-color: #fff"],
  aside[style*="background:#fff"],
  aside[style*="background: #fff"],
  aside[style*="background-color:#fff"],
  aside[style*="background-color: #fff"]
) {
  background: linear-gradient(180deg, rgba(8, 18, 34, 0.98), rgba(3, 8, 18, 0.98)) !important;
  border-color: rgba(56, 189, 248, 0.42) !important;
  color: #dbeafe !important;
}

body :is(
  .bngc-shell,
  #bngc-shell,
  #berc-shell,
  .flcc-shell,
  #flcc-calculator,
  .rts-shell,
  .rts-account-tool,
  .eos-shell,
  #momfirst-root,
  #nrf-tool,
  #ogt-tool,
  #ayur-shell,
  #fin-shell,
  #health-shell,
  #rel-shell,
  #sssss-shell,
  .sssss-tool,
  [class^="sssss-"],
  [class*=" sssss-"],
  .ssa-lkb,
  .ssa-pq-wrap,
  .ssa-tool-search-root,
  .ubcc-container,
  .zhc-calculator,
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  [class^="ssafun-"],
  [class*=" ssafun-"],
  .ssa-dice,
  .ssa-gear,
  [class^="ss-tool-"],
  [class*=" ss-tool-"],
  [class^="sth-"],
  [class*=" sth-"],
  [class^="eos-"],
  [class*=" eos-"]
) :is(
  [class*="card"] [class*="card"],
  [class*="card"] [class*="panel"],
  [class*="card"] [class*="box"],
  [class*="panel"] [class*="card"],
  [class*="panel"] [class*="panel"],
  [class*="panel"] [class*="box"],
  [class*="container"] [class*="container"],
  [class*="shell"] [class*="shell"],
  [class*="section"] [class*="section"],
  [class*="content"] [class*="content"],
  .wp-block-group .wp-block-group,
  #bmi-calculator-container > section,
  #inputFields,
  #metricFields,
  #imperialFields
) {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
  box-shadow: none !important;
}

body .ssahq-shell--advanced-bmi :is(header, main, #bmi-calculator-container > section, #inputFields, #metricFields, #imperialFields) {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .ssahq-shell--advanced-bmi :is(#bmi-calculator-container, #feedbackModalContent) {
  max-width: min(100%, 980px) !important;
  margin: 20px auto !important;
  padding: clamp(16px, 3vw, 24px) !important;
  border: 1px solid rgba(56, 189, 248, 0.42) !important;
  border-radius: 14px !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(45, 212, 191, 0.12), transparent 32%),
    linear-gradient(180deg, rgba(8, 18, 34, 0.98), rgba(3, 8, 18, 0.98)) !important;
  color: #dbeafe !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

/*
 * Global tool badge, chip, and label cleanup.
 *
 * Plugin and tool templates often create pale "best for", category, score, or
 * status labels with badge/chip/pill class names. Keep them dark/neon across
 * every SSA tool shell without touching native `<label>` elements.
 */
body :is(
  .bngc-shell,
  #bngc-shell,
  #berc-shell,
  .flcc-shell,
  #flcc-calculator,
  .rts-shell,
  .rts-account-tool,
  .eos-shell,
  #momfirst-root,
  #nrf-tool,
  #ogt-tool,
  #ayur-shell,
  #fin-shell,
  #health-shell,
  #rel-shell,
  #sssss-shell,
  .sssss-tool,
  [class^="sssss-"],
  [class*=" sssss-"],
  .ssa-lkb,
  .ssa-pq-wrap,
  .ssa-tool-search-root,
  .ubcc-container,
  .zhc-calculator,
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  [class^="ssafun-"],
  [class*=" ssafun-"],
  .ssa-dice,
  .ssa-gear,
  [class^="ss-tool-"],
  [class*=" ss-tool-"],
  [class^="sth-"],
  [class*=" sth-"],
  [class^="eos-"],
  [class*=" eos-"],
  .ssa-account-shell,
  .ssa-account-dashboard,
  .ssa-tool-hub-shell
) :is(
  .sss-badge,
  .badge,
  .tag,
  .chip,
  .pill,
  .kicker,
  .eyebrow,
  .label,
  .afpb__badge,
  .ssa-related__badge,
  [class$="-badge"],
  [class$="__badge"],
  [class$="-tag"],
  [class$="__tag"],
  [class$="-chip"],
  [class$="__chip"],
  [class$="-pill"],
  [class$="__pill"],
  [class$="-kicker"],
  [class$="__kicker"],
  [class$="-eyebrow"],
  [class$="__eyebrow"],
  [class$="-label"],
  [class$="__label"]
) {
  display: inline-flex !important;
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 28px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 5px 10px !important;
  border: 1px solid rgba(45, 212, 191, 0.42) !important;
  border-radius: 999px !important;
  background: rgba(45, 212, 191, 0.12) !important;
  color: #dffef8 !important;
  font-size: 0.82rem !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-decoration: none !important;
  text-shadow: none !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 8px 18px rgba(0, 0, 0, 0.18) !important;
  opacity: 1 !important;
}

body :is(
  .bngc-shell,
  #bngc-shell,
  #berc-shell,
  .flcc-shell,
  #flcc-calculator,
  .rts-shell,
  .rts-account-tool,
  .eos-shell,
  #momfirst-root,
  #nrf-tool,
  #ogt-tool,
  #ayur-shell,
  #fin-shell,
  #health-shell,
  #rel-shell,
  #sssss-shell,
  .sssss-tool,
  [class^="sssss-"],
  [class*=" sssss-"],
  .ssa-lkb,
  .ssa-pq-wrap,
  .ssa-tool-search-root,
  .ubcc-container,
  .zhc-calculator,
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  [class^="ssafun-"],
  [class*=" ssafun-"],
  .ssa-dice,
  .ssa-gear,
  [class^="ss-tool-"],
  [class*=" ss-tool-"],
  [class^="sth-"],
  [class*=" sth-"],
  [class^="eos-"],
  [class*=" eos-"],
  .ssa-account-shell,
  .ssa-account-dashboard,
  .ssa-tool-hub-shell
) :is(
  span[style*="background:#fff"],
  span[style*="background: #fff"],
  span[style*="background-color:#fff"],
  span[style*="background-color: #fff"],
  span[style*="background:#ffffff"],
  span[style*="background: #ffffff"],
  span[style*="background-color:#ffffff"],
  span[style*="background-color: #ffffff"],
  small[style*="background:#fff"],
  small[style*="background: #fff"],
  small[style*="background-color:#fff"],
  small[style*="background-color: #fff"],
  small[style*="background:#ffffff"],
  small[style*="background: #ffffff"],
  small[style*="background-color:#ffffff"],
  small[style*="background-color: #ffffff"]
) {
  border: 1px solid rgba(45, 212, 191, 0.42) !important;
  border-radius: 999px !important;
  background: rgba(45, 212, 191, 0.12) !important;
  color: #dffef8 !important;
  padding: 4px 9px !important;
  font-weight: 800 !important;
  opacity: 1 !important;
}

/*
 * SSA tool/app rhythm rescue.
 *
 * Keep tools visually consistent across desktop and mobile without letting
 * generated result text collapse into "Pumped4 oz" or "Hydration146 oz"
 * style runs. This is intentionally late, broad, and conservative: one
 * readable body size, predictable gaps, normal wrapping, and small inline
 * breathing room around rendered values.
 */
body :is(
  .bngc-shell,
  #bngc-shell,
  #berc-shell,
  .flcc-shell,
  #flcc-calculator,
  .rts-shell,
  .rts-account-tool,
  .eos-shell,
  #momfirst-root,
  #nrf-tool,
  #ogt-tool,
  #ayur-shell,
  #fin-shell,
  #health-shell,
  #rel-shell,
  #sssss-shell,
  .sssss-tool,
  .sssss-account-tool,
  [class^="sssss-"],
  [class*=" sssss-"],
  .ssa-lkb,
  .ssa-lkb-account-panel,
  .ssa-pq-wrap,
  .ssa-pq-account-panel,
  [class^="ssa-pq-"],
  [class*=" ssa-pq-"],
  .ssa-tool-search-root,
  .ubcc-container,
  .zhc-calculator,
  #ubcc-page-shell,
  #zodiac-page-shell,
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssa-account-"],
  [class*=" ssa-account-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  .ssaft-account-tool,
  [class^="ssafun-"],
  [class*=" ssafun-"],
  .ssa-dice,
  .ssa-gear,
  [class^="ss-tool-"],
  [class*=" ss-tool-"],
  [class^="sth-"],
  [class*=" sth-"],
  [class^="eos-"],
  [class*=" eos-"],
  .ssa-account-shell,
  .ssa-account-dashboard,
  .ssa-tool-hub-shell
) {
  font-size: 16px !important;
  line-height: 1.62 !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

body :is(
  .bngc-shell,
  #bngc-shell,
  #berc-shell,
  .flcc-shell,
  #flcc-calculator,
  .rts-shell,
  .rts-account-tool,
  .eos-shell,
  #momfirst-root,
  #nrf-tool,
  #ogt-tool,
  #ayur-shell,
  #fin-shell,
  #health-shell,
  #rel-shell,
  #sssss-shell,
  .sssss-tool,
  .sssss-account-tool,
  [class^="sssss-"],
  [class*=" sssss-"],
  .ssa-lkb,
  .ssa-lkb-account-panel,
  .ssa-pq-wrap,
  .ssa-pq-account-panel,
  [class^="ssa-pq-"],
  [class*=" ssa-pq-"],
  .ssa-tool-search-root,
  .ubcc-container,
  .zhc-calculator,
  #ubcc-page-shell,
  #zodiac-page-shell,
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssa-account-"],
  [class*=" ssa-account-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  .ssaft-account-tool,
  [class^="ssafun-"],
  [class*=" ssafun-"],
  .ssa-dice,
  .ssa-gear,
  [class^="ss-tool-"],
  [class*=" ss-tool-"],
  [class^="sth-"],
  [class*=" sth-"],
  [class^="eos-"],
  [class*=" eos-"],
  .ssa-account-shell,
  .ssa-account-dashboard,
  .ssa-tool-hub-shell
) :is(p, li, label, span, small, em, div, td, th, output) {
  font-size: 16px !important;
  line-height: 1.62 !important;
  letter-spacing: 0 !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

body :is(
  .bngc-shell,
  #bngc-shell,
  #berc-shell,
  .flcc-shell,
  #flcc-calculator,
  .rts-shell,
  .rts-account-tool,
  .eos-shell,
  #momfirst-root,
  #nrf-tool,
  #ogt-tool,
  #ayur-shell,
  #fin-shell,
  #health-shell,
  #rel-shell,
  #sssss-shell,
  .sssss-tool,
  .ssa-lkb,
  .ssa-pq-wrap,
  .ssa-tool-search-root,
  .ubcc-container,
  .zhc-calculator,
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  [class^="ssafun-"],
  [class*=" ssafun-"],
  .ssa-dice,
  .ssa-gear,
  [class^="ss-tool-"],
  [class*=" ss-tool-"],
  [class^="sth-"],
  [class*=" sth-"],
  [class^="eos-"],
  [class*=" eos-"],
  .ssa-account-dashboard,
  .ssa-tool-hub-shell
) :is(
  .card,
  .panel,
  .section,
  .result,
  .results,
  .summary,
  .notice,
  .callout,
  fieldset,
  details,
  [class*="-card"],
  [class*="-panel"],
  [class*="-section"],
  [class*="-result"],
  [class*="-results"],
  [class*="-summary"],
  [class*="-metric"],
  [class*="-metrics"],
  [class*="-stat"],
  [class*="-stats"],
  [class*="-row"],
  [class*="-item"]
) {
  line-height: 1.58 !important;
  margin-top: 0 !important;
  margin-bottom: clamp(14px, 2vw, 22px) !important;
  padding: clamp(14px, 2.4vw, 22px) !important;
}

body :is(
  .bngc-shell,
  #bngc-shell,
  #berc-shell,
  .flcc-shell,
  #flcc-calculator,
  .rts-shell,
  .rts-account-tool,
  .eos-shell,
  #momfirst-root,
  #nrf-tool,
  #ogt-tool,
  #ayur-shell,
  #fin-shell,
  #health-shell,
  #rel-shell,
  #sssss-shell,
  .sssss-tool,
  .ssa-lkb,
  .ssa-pq-wrap,
  .ssa-tool-search-root,
  .ubcc-container,
  .zhc-calculator,
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  [class^="ssafun-"],
  [class*=" ssafun-"],
  .ssa-dice,
  .ssa-gear,
  [class^="ss-tool-"],
  [class*=" ss-tool-"],
  [class^="sth-"],
  [class*=" sth-"],
  [class^="eos-"],
  [class*=" eos-"],
  .ssa-account-dashboard,
  .ssa-tool-hub-shell
) :is(
  .grid,
  .cards,
  .actions,
  .buttons,
  .stats,
  .metrics,
  [class*="-grid"],
  [class*="-cards"],
  [class*="-actions"],
  [class*="-buttons"],
  [class*="-stats"],
  [class*="-metrics"]
) {
  gap: clamp(12px, 2vw, 20px) !important;
}

body :is(
  .bngc-shell,
  #bngc-shell,
  #berc-shell,
  .flcc-shell,
  #flcc-calculator,
  .rts-shell,
  .rts-account-tool,
  .eos-shell,
  #momfirst-root,
  #nrf-tool,
  #ogt-tool,
  #ayur-shell,
  #fin-shell,
  #health-shell,
  #rel-shell,
  #sssss-shell,
  .sssss-tool,
  .ssa-lkb,
  .ssa-pq-wrap,
  .ssa-tool-search-root,
  .ubcc-container,
  .zhc-calculator,
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  [class^="ssafun-"],
  [class*=" ssafun-"],
  .ssa-dice,
  .ssa-gear,
  [class^="ss-tool-"],
  [class*=" ss-tool-"],
  [class^="sth-"],
  [class*=" sth-"],
  [class^="eos-"],
  [class*=" eos-"],
  .ssa-account-dashboard,
  .ssa-tool-hub-shell
) :is(
  strong,
  b,
  output,
  .score,
  .value,
  .amount,
  .total,
  .count,
  .number,
  .unit,
  [class*="-score"],
  [class*="__score"],
  [class*="-value"],
  [class*="__value"],
  [class*="-amount"],
  [class*="__amount"],
  [class*="-total"],
  [class*="__total"],
  [class*="-count"],
  [class*="__count"],
  [class*="-number"],
  [class*="__number"],
  [class*="-unit"],
  [class*="__unit"]
) {
  display: inline-block !important;
  margin-inline: 0.18em !important;
  line-height: 1.35 !important;
  white-space: normal !important;
}

body :is(
  .bngc-shell,
  #bngc-shell,
  #berc-shell,
  .flcc-shell,
  #flcc-calculator,
  .rts-shell,
  .rts-account-tool,
  .eos-shell,
  #momfirst-root,
  #nrf-tool,
  #ogt-tool,
  #ayur-shell,
  #fin-shell,
  #health-shell,
  #rel-shell,
  #sssss-shell,
  .sssss-tool,
  .ssa-lkb,
  .ssa-pq-wrap,
  .ssa-tool-search-root,
  .ubcc-container,
  .zhc-calculator,
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  [class^="ssafun-"],
  [class*=" ssafun-"],
  .ssa-dice,
  .ssa-gear,
  [class^="ss-tool-"],
  [class*=" ss-tool-"],
  [class^="sth-"],
  [class*=" sth-"],
  [class^="eos-"],
  [class*=" eos-"],
  .ssa-account-dashboard,
  .ssa-tool-hub-shell
) :is(h1, h2, h3, h4, h5, h6) {
  letter-spacing: 0 !important;
  line-height: 1.18 !important;
  margin-top: 0 !important;
  margin-bottom: clamp(10px, 1.8vw, 16px) !important;
}

body :is(
  .bngc-shell,
  #bngc-shell,
  #berc-shell,
  .flcc-shell,
  #flcc-calculator,
  .rts-shell,
  .rts-account-tool,
  .eos-shell,
  #momfirst-root,
  #nrf-tool,
  #ogt-tool,
  #ayur-shell,
  #fin-shell,
  #health-shell,
  #rel-shell,
  #sssss-shell,
  .sssss-tool,
  .ssa-lkb,
  .ssa-pq-wrap,
  .ssa-tool-search-root,
  .ubcc-container,
  .zhc-calculator,
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  [class^="ssafun-"],
  [class*=" ssafun-"],
  .ssa-dice,
  .ssa-gear,
  [class^="ss-tool-"],
  [class*=" ss-tool-"],
  [class^="sth-"],
  [class*=" sth-"],
  [class^="eos-"],
  [class*=" eos-"],
  .ssa-account-dashboard,
  .ssa-tool-hub-shell
) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea) {
  min-height: 44px !important;
  padding: 11px 13px !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
}

body :is(
  .bngc-shell,
  #bngc-shell,
  #berc-shell,
  .flcc-shell,
  #flcc-calculator,
  .rts-shell,
  .rts-account-tool,
  .eos-shell,
  #momfirst-root,
  #nrf-tool,
  #ogt-tool,
  #ayur-shell,
  #fin-shell,
  #health-shell,
  #rel-shell,
  #sssss-shell,
  .sssss-tool,
  .ssa-lkb,
  .ssa-pq-wrap,
  .ssa-tool-search-root,
  .ubcc-container,
  .zhc-calculator,
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  [class^="ssafun-"],
  [class*=" ssafun-"],
  .ssa-dice,
  .ssa-gear,
  [class^="ss-tool-"],
  [class*=" ss-tool-"],
  [class^="sth-"],
  [class*=" sth-"],
  [class^="eos-"],
  [class*=" eos-"],
  .ssa-account-dashboard,
  .ssa-tool-hub-shell
) :is(button, .button, .btn, [role="button"], input[type="button"], input[type="submit"], a.button, a.btn, .wp-block-button__link) {
  gap: 0.45em !important;
  min-height: 44px !important;
  padding: 10px 16px !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
}

@media (max-width: 700px) {
  body :is(
    .bngc-shell,
    #bngc-shell,
    #berc-shell,
    .flcc-shell,
    #flcc-calculator,
    .rts-shell,
    .rts-account-tool,
    .eos-shell,
    #momfirst-root,
    #nrf-tool,
    #ogt-tool,
    #ayur-shell,
    #fin-shell,
    #health-shell,
    #rel-shell,
    #sssss-shell,
    .sssss-tool,
    .ssa-lkb,
    .ssa-pq-wrap,
    .ssa-tool-search-root,
    .ubcc-container,
    .zhc-calculator,
    [class^="ssaft-"],
    [class*=" ssaft-"],
    [class^="ssahq-"],
    [class*=" ssahq-"],
    [class^="ssafun-"],
    [class*=" ssafun-"],
    .ssa-dice,
    .ssa-gear,
    [class^="ss-tool-"],
    [class*=" ss-tool-"],
    [class^="sth-"],
    [class*=" sth-"],
    [class^="eos-"],
    [class*=" eos-"],
    .ssa-account-dashboard,
    .ssa-tool-hub-shell
  ) {
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px auto !important;
    padding: 14px !important;
    font-size: 16px !important;
  }

  body :is(
    .bngc-shell,
    #bngc-shell,
    #berc-shell,
    .flcc-shell,
    #flcc-calculator,
    .rts-shell,
    .rts-account-tool,
    .eos-shell,
    #momfirst-root,
    #nrf-tool,
    #ogt-tool,
    #ayur-shell,
    #fin-shell,
    #health-shell,
    #rel-shell,
    #sssss-shell,
    .sssss-tool,
    .ssa-lkb,
    .ssa-pq-wrap,
    .ssa-tool-search-root,
    .ubcc-container,
    .zhc-calculator,
    [class^="ssaft-"],
    [class*=" ssaft-"],
    [class^="ssahq-"],
    [class*=" ssahq-"],
    [class^="ssafun-"],
    [class*=" ssafun-"],
    .ssa-dice,
    .ssa-gear,
    [class^="ss-tool-"],
    [class*=" ss-tool-"],
    [class^="sth-"],
    [class*=" sth-"],
    [class^="eos-"],
    [class*=" eos-"],
    .ssa-account-dashboard,
    .ssa-tool-hub-shell
  ) :is(
    .grid,
    .cards,
    .actions,
    .buttons,
    .stats,
    .metrics,
    [class*="-grid"],
    [class*="-cards"],
    [class*="-actions"],
    [class*="-buttons"],
    [class*="-stats"],
    [class*="-metrics"]
  ) {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }
}

@media (max-width: 640px) {
  body .ssahq-shell--advanced-bmi #bmi-calculator-container {
    margin: 10px auto !important;
    padding: 14px !important;
  }

  body .ssahq-shell--advanced-bmi .features {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    padding-left: 0 !important;
  }
}

/* Landscape and small-tablet hardening before the tighter portrait pass. */
@media (max-width: 900px) {
  body :where(
    .bngc-shell,
    #bngc-shell,
    #bnnc-shell,
    #berc-shell,
    #flcc-page-shell,
    .flcc-shell,
    #flcc-calculator,
    .rts-shell,
    .rts-account-tool,
    .eos-shell,
    #nrf-tool,
    #ogt-tool,
    #momfirst-root,
    .mf-app-shell,
    .ssaa-shell,
    #ayur-shell,
    .ssaft-budget-tool,
    .ssaft-child-cost-tool,
    .ssaft-emf-tool,
    .ssaft-flq-tool,
    .ssaft-sac-tool,
    .ssaft-sic-tool,
    .ssaft-account-tool,
    #car-loan-calculator,
    .credit-calculator,
    #credit-utilization-calculator,
    #date-night-budget-calculator,
    #debt-repayment-calculator,
    #destiny-number-calculator,
    #investment-compound-interest-calculator,
    #life-path-calculator,
    #loan-repayment-calculator,
    #mortgage-limit-calculator,
    #mortgage-refinance-calculator,
    #net-worth-calculator,
    #retirement-savings-calculator,
    .ssafun-baby,
    .ssafun-couple,
    .ssafun-fq,
    .ssafun-petname,
    .ssafun-hq,
    .ssafun-nickname,
    .ssafun-poly,
    .ssafun-adventure,
    .ssafun-namegen,
    .ssafun-rng,
    .ssafun-slot,
    .ssafun-endear,
    .ssafun-account-tool,
    .ssahq-shell,
    .ssahq-tool,
    .ssahq-account-tool,
    .ssa-lkb,
    .ssa-pq-wrap,
    .sssss-tool,
    #sssss-shell,
    .ssa-dice,
    .sgc-wrap,
    .ubcc-container,
    .zhc-calculator
  ) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: hidden !important;
  }

  body :where(
    #bngc-shell,
    #flcc-page-shell,
    .rts-shell,
    .eos-shell,
    #momfirst-root,
    .ssaa-shell,
    #ayur-shell,
    .ssaft-account-tool,
    .ssafun-account-tool,
    .ssahq-shell,
    .ssa-lkb,
    .ssa-pq-wrap,
    .sssss-tool,
    .ssa-dice,
    .sgc-wrap,
    .ubcc-container,
    .zhc-calculator
  ) :where(*) {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body :where(
    #bngc-shell,
    #flcc-page-shell,
    .rts-shell,
    .eos-shell,
    #momfirst-root,
    .ssaa-shell,
    #ayur-shell,
    .ssaft-account-tool,
    .ssafun-account-tool,
    .ssahq-shell,
    .ssa-lkb,
    .ssa-pq-wrap,
    .sssss-tool,
    .ssa-dice,
    .sgc-wrap,
    .ubcc-container,
    .zhc-calculator
  ) :where(h1, h2, h3, h4, h5, h6, p, li, label, span, small, strong, b, em, div, summary, td, th, output) {
    overflow-wrap: break-word !important;
    word-break: normal !important;
    white-space: normal !important;
  }

  body :where(
    #bngc-shell,
    #flcc-page-shell,
    .rts-shell,
    .eos-shell,
    #momfirst-root,
    .ssaa-shell,
    #ayur-shell,
    .ssaft-account-tool,
    .ssafun-account-tool,
    .ssahq-shell,
    .ssa-lkb,
    .ssa-pq-wrap,
    .sssss-tool,
    .ssa-dice,
    .sgc-wrap,
    .ubcc-container,
    .zhc-calculator
  ) :where(.grid, .cards, .columns, .actions, .buttons, .stats, .metrics, [class*="-grid"], [class*="__grid"], [class*="-cards"], [class*="__cards"], [class*="-columns"], [class*="-actions"], [class*="__actions"], [class*="-buttons"], [class*="-stats"], [class*="-metrics"]) {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)) !important;
  }
}

/* Portrait mobile hardening for SSA calculator/tool shells.
   Keep this before the print/no-neon escape hatches so opt-outs still work. */
@media (max-width: 700px) {
  body :where(
    .bngc-shell,
    #bngc-shell,
    #bnnc-shell,
    #berc-shell,
    #flcc-page-shell,
    .flcc-shell,
    #flcc-calculator,
    .rts-shell,
    .rts-account-tool,
    .eos-shell,
    #nrf-tool,
    #ogt-tool,
    #momfirst-root,
    .mf-app-shell,
    .ssaa-shell,
    #ayur-shell,
    .ssaft-budget-tool,
    .ssaft-child-cost-tool,
    .ssaft-emf-tool,
    .ssaft-flq-tool,
    .ssaft-sac-tool,
    .ssaft-sic-tool,
    .ssaft-account-tool,
    #car-loan-calculator,
    .credit-calculator,
    #credit-utilization-calculator,
    #date-night-budget-calculator,
    #debt-repayment-calculator,
    #destiny-number-calculator,
    #investment-compound-interest-calculator,
    #life-path-calculator,
    #loan-repayment-calculator,
    #mortgage-limit-calculator,
    #mortgage-refinance-calculator,
    #net-worth-calculator,
    #retirement-savings-calculator,
    .ssafun-baby,
    .ssafun-couple,
    .ssafun-fq,
    .ssafun-petname,
    .ssafun-hq,
    .ssafun-nickname,
    .ssafun-poly,
    .ssafun-adventure,
    .ssafun-namegen,
    .ssafun-rng,
    .ssafun-slot,
    .ssafun-endear,
    .ssafun-account-tool,
    .ssahq-shell,
    .ssahq-tool,
    .ssahq-account-tool,
    .ssa-lkb,
    .ssa-pq-wrap,
    .sssss-tool,
    #sssss-shell,
    .ssa-dice,
    .sgc-wrap,
    .ubcc-container,
    .zhc-calculator
  ) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: clamp(10px, 3.5vw, 14px) !important;
    padding-right: clamp(10px, 3.5vw, 14px) !important;
    overflow-x: hidden !important;
  }

  body :where(
    .bngc-shell,
    #bngc-shell,
    #bnnc-shell,
    #berc-shell,
    #flcc-page-shell,
    .flcc-shell,
    #flcc-calculator,
    .rts-shell,
    .eos-shell,
    #nrf-tool,
    #ogt-tool,
    #momfirst-root,
    .ssaa-shell,
    #ayur-shell,
    [class^="ssaft-"],
    [class*=" ssaft-"],
    [class^="ssafun-"],
    [class*=" ssafun-"],
    [class^="ssahq-"],
    [class*=" ssahq-"],
    .ssa-lkb,
    .ssa-pq-wrap,
    .sssss-tool,
    #sssss-shell,
    .ssa-dice,
    .sgc-wrap,
    .ubcc-container,
    .zhc-calculator
  ) :where(*) {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body :where(
    #bngc-shell,
    #flcc-page-shell,
    .rts-shell,
    .eos-shell,
    #nrf-tool,
    #ogt-tool,
    #momfirst-root,
    .ssaa-shell,
    #ayur-shell,
    [class^="ssaft-"],
    [class*=" ssaft-"],
    [class^="ssafun-"],
    [class*=" ssafun-"],
    [class^="ssahq-"],
    [class*=" ssahq-"],
    .ssa-lkb,
    .ssa-pq-wrap,
    .sssss-tool,
    .ssa-dice,
    .sgc-wrap,
    .ubcc-container,
    .zhc-calculator
  ) :where(h1, h2, h3, h4, h5, h6, p, li, label, span, small, strong, b, em, div, summary, td, th, output) {
    overflow-wrap: break-word !important;
    word-break: normal !important;
    white-space: normal !important;
  }

  body :where(
    #bngc-shell,
    #flcc-page-shell,
    .rts-shell,
    .eos-shell,
    #momfirst-root,
    .ssaa-shell,
    #ayur-shell,
    [class^="ssaft-"],
    [class*=" ssaft-"],
    [class^="ssafun-"],
    [class*=" ssafun-"],
    [class^="ssahq-"],
    [class*=" ssahq-"],
    .ssa-lkb,
    .ssa-pq-wrap,
    .sssss-tool,
    .ssa-dice,
    .sgc-wrap,
    .ubcc-container,
    .zhc-calculator
  ) :where(.grid, .cards, .columns, .actions, .buttons, .stats, .metrics, [class*="-grid"], [class*="__grid"], [class*="-cards"], [class*="__cards"], [class*="-columns"], [class*="-actions"], [class*="__actions"], [class*="-buttons"], [class*="-stats"], [class*="-metrics"]) {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
  }

  body :where(
    #bngc-shell,
    #flcc-page-shell,
    .rts-shell,
    .eos-shell,
    #momfirst-root,
    .ssaa-shell,
    #ayur-shell,
    [class^="ssaft-"],
    [class*=" ssaft-"],
    [class^="ssafun-"],
    [class*=" ssafun-"],
    [class^="ssahq-"],
    [class*=" ssahq-"],
    .ssa-lkb,
    .ssa-pq-wrap,
    .sssss-tool,
    .ssa-dice,
    .sgc-wrap,
    .ubcc-container,
    .zhc-calculator
  ) :where(table) {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  body :where(
    #bngc-shell,
    #flcc-page-shell,
    .rts-shell,
    .eos-shell,
    #momfirst-root,
    .ssaa-shell,
    #ayur-shell,
    [class^="ssaft-"],
    [class*=" ssaft-"],
    [class^="ssafun-"],
    [class*=" ssafun-"],
    [class^="ssahq-"],
    [class*=" ssahq-"],
    .ssa-lkb,
    .ssa-pq-wrap,
    .sssss-tool,
    .ssa-dice,
    .sgc-wrap,
    .ubcc-container,
    .zhc-calculator
  ) :where(button, .button, .btn, [role="button"], input[type="button"], input[type="submit"], a.button, a.btn) {
    max-width: 100% !important;
    white-space: normal !important;
  }
}

/*
 * Final no-light-surfaces guard.
 *
 * Some tools still emit pale option rows or raw page intro wrappers after the
 * normal neon layer. Use extra specificity here so inline post-content styles
 * such as `#bng-page-shell .bng-tool-wrap` do not leave white panels behind.
 */
body :is(
  #bng-page-shell#bng-page-shell,
  #bngc-shell#bngc-shell,
  #bnnc-shell#bnnc-shell,
  #berc-shell#berc-shell,
  #flcc-page-shell#flcc-page-shell,
  #fin-shell#fin-shell,
  #rel-shell#rel-shell,
  #health-shell#health-shell,
  #momfirst-root#momfirst-root,
  #ayur-shell#ayur-shell,
  #sssss-shell#sssss-shell,
  #ubcc-page-shell#ubcc-page-shell,
  #zodiac-page-shell#zodiac-page-shell,
  #ssa-comms-shell#ssa-comms-shell,
  #ssa-daily-wellness-shell#ssa-daily-wellness-shell,
  #ssa-goal-setting-shell#ssa-goal-setting-shell,
  #ssa-fitness-shell#ssa-fitness-shell,
  #ssa-screening-women-shell#ssa-screening-women-shell,
  #ssa-screening-general-shell#ssa-screening-general-shell,
  #ssa-screening-men-shell#ssa-screening-men-shell,
  #ssa-home-wellness-shell#ssa-home-wellness-shell,
  #ssa-mental-health-shell#ssa-mental-health-shell,
  #ssa-relationship-eval-shell#ssa-relationship-eval-shell,
  #love-page-shell#love-page-shell,
  #rel-tools-shell#rel-tools-shell,
  #rel-maint-shell#rel-maint-shell,
  #poly-shell#poly-shell,
  #sth-sr-shell#sth-sr-shell,
  .ssa-lkb.ssa-lkb,
  .ssa-pq-wrap.ssa-pq-wrap,
  .ubcc-container.ubcc-container,
  .zhc-calculator.zhc-calculator
) {
  --bng-bg: #030712 !important;
  --bng-surface: rgba(8, 18, 34, 0.98) !important;
  --bng-surface-alt: rgba(15, 27, 46, 0.94) !important;
  --bng-border: rgba(45, 212, 191, 0.38) !important;
  --bng-text: #f4fdff !important;
  --bng-muted: #dbeafe !important;
  --bng-primary: #2dd4bf !important;
  --bng-primary-dark: #38bdf8 !important;
  --fin-border: rgba(45, 212, 191, 0.38) !important;
  --fin-text: #f4fdff !important;
  --fin-muted: #dbeafe !important;
  --rel-border: rgba(45, 212, 191, 0.38) !important;
  --rel-text: #f4fdff !important;
  --rel-muted: #dbeafe !important;
  --ssa-card-bg: rgba(8, 18, 34, 0.98) !important;
  --ssa-surface: rgba(8, 18, 34, 0.98) !important;
  --ssa-surface-alt: rgba(15, 27, 46, 0.94) !important;
  --l-surface: rgba(8, 18, 34, 0.98) !important;
  --l-surface-alt: rgba(15, 27, 46, 0.94) !important;
  --rel-surface: rgba(8, 18, 34, 0.98) !important;
  --rel-surface-alt: rgba(15, 27, 46, 0.94) !important;
  --sth-surface: rgba(8, 18, 34, 0.98) !important;
  --sth-surface-alt: rgba(15, 27, 46, 0.94) !important;
  --poly-card: rgba(8, 18, 34, 0.98) !important;
  color-scheme: dark !important;
}

body :is(
  #bng-page-shell#bng-page-shell,
  #bngc-shell#bngc-shell,
  #bnnc-shell#bnnc-shell,
  #berc-shell#berc-shell,
  #flcc-page-shell#flcc-page-shell,
  #fin-shell#fin-shell,
  #rel-shell#rel-shell,
  #health-shell#health-shell,
  #momfirst-root#momfirst-root,
  #ayur-shell#ayur-shell,
  #sssss-shell#sssss-shell,
  #ubcc-page-shell#ubcc-page-shell,
  #zodiac-page-shell#zodiac-page-shell,
  #ssa-comms-shell#ssa-comms-shell,
  #ssa-daily-wellness-shell#ssa-daily-wellness-shell,
  #ssa-goal-setting-shell#ssa-goal-setting-shell,
  #ssa-fitness-shell#ssa-fitness-shell,
  #ssa-screening-women-shell#ssa-screening-women-shell,
  #ssa-screening-general-shell#ssa-screening-general-shell,
  #ssa-screening-men-shell#ssa-screening-men-shell,
  #ssa-home-wellness-shell#ssa-home-wellness-shell,
  #ssa-mental-health-shell#ssa-mental-health-shell,
  #ssa-relationship-eval-shell#ssa-relationship-eval-shell,
  #love-page-shell#love-page-shell,
  #rel-tools-shell#rel-tools-shell,
  #rel-maint-shell#rel-maint-shell,
  #poly-shell#poly-shell,
  #sth-sr-shell#sth-sr-shell,
  .ssa-lkb.ssa-lkb,
  .ssa-pq-wrap.ssa-pq-wrap,
  .ubcc-container.ubcc-container,
  .zhc-calculator.zhc-calculator
) :is(
  .bng-tool-wrap,
  .bng-hero-main,
  .bng-hero-side,
  .bng-section,
  .bng-card,
  .bng-steps li,
  .bng-tip-box,
  .bng-faq details,
  .bngc-options label,
  .bngc-positioning,
  .bngc-context-links a,
  .option,
  .question,
  .form-group,
  .field-group,
  .field-row,
  .input-group,
  .input-section,
  .form-section,
  .tool-section,
  .calculator-section,
  .result-section,
  .results-section,
  .output-section,
  .summary,
  .summary-card,
  .result-card,
  .metric-card,
  .card,
  .panel,
  .box,
  .tile,
  .notice,
  .callout,
  [class*="-option"],
  [class*="-question"],
  [class*="-field"],
  [class*="-card"],
  [class*="-panel"],
  [class*="-box"],
  [class*="-tile"],
  [class*="-section"],
  [class*="-summary"],
  [class*="-result"],
  [class*="-results"],
  [class*="-metric"],
  [class*="-notice"],
  [class*="-callout"]
) {
  border-color: rgba(45, 212, 191, 0.38) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(45, 212, 191, 0.10), transparent 32%),
    linear-gradient(180deg, rgba(8, 18, 34, 0.98), rgba(3, 8, 18, 0.98)) !important;
  color: #eaf8ff !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28) !important;
}

body :is(
  #bng-page-shell#bng-page-shell,
  #bngc-shell#bngc-shell,
  #bnnc-shell#bnnc-shell,
  #berc-shell#berc-shell,
  #flcc-page-shell#flcc-page-shell,
  #fin-shell#fin-shell,
  #rel-shell#rel-shell,
  #health-shell#health-shell,
  #momfirst-root#momfirst-root,
  #ayur-shell#ayur-shell,
  #sssss-shell#sssss-shell,
  #ubcc-page-shell#ubcc-page-shell,
  #zodiac-page-shell#zodiac-page-shell,
  #ssa-comms-shell#ssa-comms-shell,
  #ssa-daily-wellness-shell#ssa-daily-wellness-shell,
  #ssa-goal-setting-shell#ssa-goal-setting-shell,
  #ssa-fitness-shell#ssa-fitness-shell,
  #ssa-screening-women-shell#ssa-screening-women-shell,
  #ssa-screening-general-shell#ssa-screening-general-shell,
  #ssa-screening-men-shell#ssa-screening-men-shell,
  #ssa-home-wellness-shell#ssa-home-wellness-shell,
  #ssa-mental-health-shell#ssa-mental-health-shell,
  #ssa-relationship-eval-shell#ssa-relationship-eval-shell,
  #love-page-shell#love-page-shell,
  #rel-tools-shell#rel-tools-shell,
  #rel-maint-shell#rel-maint-shell,
  #poly-shell#poly-shell,
  #sth-sr-shell#sth-sr-shell,
  .ssa-lkb.ssa-lkb,
  .ssa-pq-wrap.ssa-pq-wrap,
  .ubcc-container.ubcc-container,
  .zhc-calculator.zhc-calculator
) :is(
  .bng-tool-wrap,
  .bng-hero-main,
  .bng-hero-side,
  .bng-section,
  .bng-card,
  .bng-steps li,
  .bng-tip-box,
  .bng-faq details,
  .bngc-options label,
  .bngc-positioning,
  .option,
  .question,
  .form-group,
  .field-group,
  .field-row,
  .input-group,
  .input-section,
  .form-section,
  .tool-section,
  .calculator-section,
  .result-section,
  .results-section,
  .output-section,
  .summary,
  .summary-card,
  .result-card,
  .metric-card,
  .card,
  .panel,
  .box,
  .tile,
  .notice,
  .callout,
  [class*="-option"],
  [class*="-question"],
  [class*="-field"],
  [class*="-card"],
  [class*="-panel"],
  [class*="-box"],
  [class*="-tile"],
  [class*="-section"],
  [class*="-summary"],
  [class*="-result"],
  [class*="-results"],
  [class*="-metric"],
  [class*="-notice"],
  [class*="-callout"]
) :where(h1, h2, h3, h4, h5, h6, p, li, label, span, small, strong, b, em, div, summary, td, th, output) {
  color: #f8feff !important;
  opacity: 1 !important;
}

body :is(
  #bngc-shell#bngc-shell,
  #bnnc-shell#bnnc-shell,
  #berc-shell#berc-shell,
  #flcc-page-shell#flcc-page-shell,
  #momfirst-root#momfirst-root,
  #fin-shell#fin-shell,
  #rel-shell#rel-shell,
  #health-shell#health-shell,
  #ayur-shell#ayur-shell,
  .ssa-lkb.ssa-lkb,
  .ssa-pq-wrap.ssa-pq-wrap
) :where(input[type="checkbox"], input[type="radio"]) {
  accent-color: #2dd4bf !important;
}

/*
 * Specificity hard stop for default white/off-white tool UI.
 *
 * Many plugin files still contain older rules like
 * `#tool-root .result { background:#fff !important; }`. These selectors use
 * repeated roots/classes so the global dark-neon contract wins without
 * rewriting every legacy declaration.
 */
body :is(
  #bng-page-shell#bng-page-shell,
  #bngc-shell#bngc-shell,
  #bnnc-shell#bnnc-shell,
  #berc-shell#berc-shell,
  #flcc-page-shell#flcc-page-shell,
  #flcc-calculator#flcc-calculator,
  #love-page-shell#love-page-shell,
  #momfirst-root#momfirst-root,
  #ayur-shell#ayur-shell,
  #fin-shell#fin-shell,
  #rel-shell#rel-shell,
  #rel-tools-shell#rel-tools-shell,
  #rel-maint-shell#rel-maint-shell,
  #health-shell#health-shell,
  #sssss-shell#sssss-shell,
  #sth-sr-shell#sth-sr-shell,
  #ubcc-page-shell#ubcc-page-shell,
  #zodiac-page-shell#zodiac-page-shell,
  #ssa-comms-shell#ssa-comms-shell,
  #ssa-daily-wellness-shell#ssa-daily-wellness-shell,
  #ssa-goal-setting-shell#ssa-goal-setting-shell,
  #ssa-fitness-shell#ssa-fitness-shell,
  #ssa-screening-women-shell#ssa-screening-women-shell,
  #ssa-screening-general-shell#ssa-screening-general-shell,
  #ssa-screening-men-shell#ssa-screening-men-shell,
  #ssa-home-wellness-shell#ssa-home-wellness-shell,
  #ssa-mental-health-shell#ssa-mental-health-shell,
  #ssa-relationship-eval-shell#ssa-relationship-eval-shell,
  #poly-shell#poly-shell,
  .eos-shell.eos-shell,
  .rts-shell.rts-shell,
  .ssaa-shell.ssaa-shell,
  .ssa-lkb.ssa-lkb,
  .ssa-pq-wrap.ssa-pq-wrap,
  .ubcc-container.ubcc-container,
  .zhc-calculator.zhc-calculator,
  .ssa-dice.ssa-dice,
  .sgc-wrap.sgc-wrap,
  [class^="ssaft-"][class^="ssaft-"],
  [class*=" ssaft-"][class*=" ssaft-"],
  [class^="ssafun-"][class^="ssafun-"],
  [class*=" ssafun-"][class*=" ssafun-"],
  [class^="ssahq-"][class^="ssahq-"],
  [class*=" ssahq-"][class*=" ssahq-"],
  [class^="sssss-"][class^="sssss-"],
  [class*=" sssss-"][class*=" sssss-"],
  [class^="ssaa-"][class^="ssaa-"],
  [class*=" ssaa-"][class*=" ssaa-"],
  [class^="sth-"][class^="sth-"],
  [class*=" sth-"][class*=" sth-"],
  [class^="eos-"][class^="eos-"],
  [class*=" eos-"][class*=" eos-"],
  [class^="rts-"][class^="rts-"],
  [class*=" rts-"][class*=" rts-"]
) {
  --ssa-card-bg: rgba(8, 18, 34, 0.98) !important;
  --ssa-surface: rgba(8, 18, 34, 0.98) !important;
  --ssa-surface-alt: rgba(15, 27, 46, 0.94) !important;
  --ssa-surface-2: rgba(15, 27, 46, 0.94) !important;
  --ssahq-card: rgba(8, 18, 34, 0.98) !important;
  --ssaft-card: rgba(8, 18, 34, 0.98) !important;
  --ssafun-card: rgba(8, 18, 34, 0.98) !important;
  --sssss-card: rgba(8, 18, 34, 0.98) !important;
  --rel-surface: rgba(8, 18, 34, 0.98) !important;
  --fin-surface: rgba(8, 18, 34, 0.98) !important;
  --l-surface: rgba(8, 18, 34, 0.98) !important;
  --sth-surface: rgba(8, 18, 34, 0.98) !important;
  --poly-card: rgba(8, 18, 34, 0.98) !important;
  color-scheme: dark !important;
  background-color: #030712 !important;
  color: #f4fdff !important;
}

body :is(
  #bng-page-shell#bng-page-shell,
  #bngc-shell#bngc-shell,
  #bnnc-shell#bnnc-shell,
  #berc-shell#berc-shell,
  #flcc-page-shell#flcc-page-shell,
  #flcc-calculator#flcc-calculator,
  #love-page-shell#love-page-shell,
  #momfirst-root#momfirst-root,
  #ayur-shell#ayur-shell,
  #fin-shell#fin-shell,
  #rel-shell#rel-shell,
  #rel-tools-shell#rel-tools-shell,
  #rel-maint-shell#rel-maint-shell,
  #health-shell#health-shell,
  #sssss-shell#sssss-shell,
  #sth-sr-shell#sth-sr-shell,
  #ubcc-page-shell#ubcc-page-shell,
  #zodiac-page-shell#zodiac-page-shell,
  #ssa-comms-shell#ssa-comms-shell,
  #ssa-daily-wellness-shell#ssa-daily-wellness-shell,
  #ssa-goal-setting-shell#ssa-goal-setting-shell,
  #ssa-fitness-shell#ssa-fitness-shell,
  #ssa-screening-women-shell#ssa-screening-women-shell,
  #ssa-screening-general-shell#ssa-screening-general-shell,
  #ssa-screening-men-shell#ssa-screening-men-shell,
  #ssa-home-wellness-shell#ssa-home-wellness-shell,
  #ssa-mental-health-shell#ssa-mental-health-shell,
  #ssa-relationship-eval-shell#ssa-relationship-eval-shell,
  #poly-shell#poly-shell,
  .eos-shell.eos-shell,
  .rts-shell.rts-shell,
  .ssaa-shell.ssaa-shell,
  .ssa-lkb.ssa-lkb,
  .ssa-pq-wrap.ssa-pq-wrap,
  .ubcc-container.ubcc-container,
  .zhc-calculator.zhc-calculator,
  .ssa-dice.ssa-dice,
  .sgc-wrap.sgc-wrap,
  [class^="ssaft-"][class^="ssaft-"],
  [class*=" ssaft-"][class*=" ssaft-"],
  [class^="ssafun-"][class^="ssafun-"],
  [class*=" ssafun-"][class*=" ssafun-"],
  [class^="ssahq-"][class^="ssahq-"],
  [class*=" ssahq-"][class*=" ssahq-"],
  [class^="sssss-"][class^="sssss-"],
  [class*=" sssss-"][class*=" sssss-"],
  [class^="ssaa-"][class^="ssaa-"],
  [class*=" ssaa-"][class*=" ssaa-"],
  [class^="sth-"][class^="sth-"],
  [class*=" sth-"][class*=" sth-"],
  [class^="eos-"][class^="eos-"],
  [class*=" eos-"][class*=" eos-"],
  [class^="rts-"][class^="rts-"],
  [class*=" rts-"][class*=" rts-"]
) :is(
  section,
  article,
  aside,
  fieldset,
  details,
  table,
  thead,
  tbody,
  tr,
  td,
  th,
  [aria-live],
  [role="tabpanel"],
  [class*="card"],
  [class*="Card"],
  [class*="panel"],
  [class*="Panel"],
  [class*="box"],
  [class*="Box"],
  [class*="tile"],
  [class*="Tile"],
  [class*="widget"],
  [class*="Widget"],
  [class*="result"],
  [class*="Result"],
  [class*="summary"],
  [class*="Summary"],
  [class*="output"],
  [class*="Output"],
  [class*="metric"],
  [class*="Metric"],
  [class*="stat"],
  [class*="Stat"],
  [class*="notice"],
  [class*="Notice"],
  [class*="warning"],
  [class*="Warning"],
  [class*="callout"],
  [class*="Callout"],
  [class*="option"],
  [class*="Option"],
  [class*="question"],
  [class*="Question"],
  [class*="field"],
  [class*="Field"],
  [class*="group"],
  [class*="Group"],
  [class*="item"],
  [class*="Item"],
  [class*="row"],
  [class*="Row"],
  [class*="nav"],
  [class*="Nav"]
) {
  background:
    radial-gradient(circle at 8% 0%, rgba(45, 212, 191, 0.10), transparent 34%),
    linear-gradient(180deg, rgba(8, 18, 34, 0.98), rgba(3, 8, 18, 0.98)) !important;
  background-color: rgba(8, 18, 34, 0.98) !important;
  border-color: rgba(45, 212, 191, 0.38) !important;
  color: #eaf8ff !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28) !important;
}

body :is(
  #bng-page-shell#bng-page-shell,
  #bngc-shell#bngc-shell,
  #bnnc-shell#bnnc-shell,
  #berc-shell#berc-shell,
  #flcc-page-shell#flcc-page-shell,
  #flcc-calculator#flcc-calculator,
  #love-page-shell#love-page-shell,
  #momfirst-root#momfirst-root,
  #ayur-shell#ayur-shell,
  #fin-shell#fin-shell,
  #rel-shell#rel-shell,
  #rel-tools-shell#rel-tools-shell,
  #rel-maint-shell#rel-maint-shell,
  #health-shell#health-shell,
  #sssss-shell#sssss-shell,
  #sth-sr-shell#sth-sr-shell,
  #ubcc-page-shell#ubcc-page-shell,
  #zodiac-page-shell#zodiac-page-shell,
  #ssa-comms-shell#ssa-comms-shell,
  #ssa-daily-wellness-shell#ssa-daily-wellness-shell,
  #ssa-goal-setting-shell#ssa-goal-setting-shell,
  #ssa-fitness-shell#ssa-fitness-shell,
  #ssa-screening-women-shell#ssa-screening-women-shell,
  #ssa-screening-general-shell#ssa-screening-general-shell,
  #ssa-screening-men-shell#ssa-screening-men-shell,
  #ssa-home-wellness-shell#ssa-home-wellness-shell,
  #ssa-mental-health-shell#ssa-mental-health-shell,
  #ssa-relationship-eval-shell#ssa-relationship-eval-shell,
  #poly-shell#poly-shell,
  .eos-shell.eos-shell,
  .rts-shell.rts-shell,
  .ssaa-shell.ssaa-shell,
  .ssa-lkb.ssa-lkb,
  .ssa-pq-wrap.ssa-pq-wrap,
  .ubcc-container.ubcc-container,
  .zhc-calculator.zhc-calculator,
  .ssa-dice.ssa-dice,
  .sgc-wrap.sgc-wrap,
  [class^="ssaft-"][class^="ssaft-"],
  [class*=" ssaft-"][class*=" ssaft-"],
  [class^="ssafun-"][class^="ssafun-"],
  [class*=" ssafun-"][class*=" ssafun-"],
  [class^="ssahq-"][class^="ssahq-"],
  [class*=" ssahq-"][class*=" ssahq-"],
  [class^="sssss-"][class^="sssss-"],
  [class*=" sssss-"][class*=" sssss-"],
  [class^="ssaa-"][class^="ssaa-"],
  [class*=" ssaa-"][class*=" ssaa-"],
  [class^="sth-"][class^="sth-"],
  [class*=" sth-"][class*=" sth-"],
  [class^="eos-"][class^="eos-"],
  [class*=" eos-"][class*=" eos-"],
  [class^="rts-"][class^="rts-"],
  [class*=" rts-"][class*=" rts-"]
) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea) {
  appearance: none !important;
  -webkit-appearance: none !important;
  background: linear-gradient(180deg, rgba(2, 6, 23, 0.94), rgba(8, 18, 34, 0.96)) !important;
  background-color: rgba(2, 6, 23, 0.94) !important;
  border-color: rgba(56, 189, 248, 0.52) !important;
  color: #f8feff !important;
  -webkit-text-fill-color: #f8feff !important;
  caret-color: #2dd4bf !important;
  opacity: 1 !important;
}

body :is(
  #bng-page-shell#bng-page-shell,
  #bngc-shell#bngc-shell,
  #bnnc-shell#bnnc-shell,
  #berc-shell#berc-shell,
  #flcc-page-shell#flcc-page-shell,
  #flcc-calculator#flcc-calculator,
  #love-page-shell#love-page-shell,
  #momfirst-root#momfirst-root,
  #ayur-shell#ayur-shell,
  #fin-shell#fin-shell,
  #rel-shell#rel-shell,
  #rel-tools-shell#rel-tools-shell,
  #rel-maint-shell#rel-maint-shell,
  #health-shell#health-shell,
  #sssss-shell#sssss-shell,
  #sth-sr-shell#sth-sr-shell,
  #ubcc-page-shell#ubcc-page-shell,
  #zodiac-page-shell#zodiac-page-shell,
  #ssa-comms-shell#ssa-comms-shell,
  #ssa-daily-wellness-shell#ssa-daily-wellness-shell,
  #ssa-goal-setting-shell#ssa-goal-setting-shell,
  #ssa-fitness-shell#ssa-fitness-shell,
  #ssa-screening-women-shell#ssa-screening-women-shell,
  #ssa-screening-general-shell#ssa-screening-general-shell,
  #ssa-screening-men-shell#ssa-screening-men-shell,
  #ssa-home-wellness-shell#ssa-home-wellness-shell,
  #ssa-mental-health-shell#ssa-mental-health-shell,
  #ssa-relationship-eval-shell#ssa-relationship-eval-shell,
  #poly-shell#poly-shell,
  .eos-shell.eos-shell,
  .rts-shell.rts-shell,
  .ssaa-shell.ssaa-shell,
  .ssa-lkb.ssa-lkb,
  .ssa-pq-wrap.ssa-pq-wrap,
  .ubcc-container.ubcc-container,
  .zhc-calculator.zhc-calculator,
  .ssa-dice.ssa-dice,
  .sgc-wrap.sgc-wrap,
  [class^="ssaft-"][class^="ssaft-"],
  [class*=" ssaft-"][class*=" ssaft-"],
  [class^="ssafun-"][class^="ssafun-"],
  [class*=" ssafun-"][class*=" ssafun-"],
  [class^="ssahq-"][class^="ssahq-"],
  [class*=" ssahq-"][class*=" ssahq-"],
  [class^="sssss-"][class^="sssss-"],
  [class*=" sssss-"][class*=" sssss-"],
  [class^="ssaa-"][class^="ssaa-"],
  [class*=" ssaa-"][class*=" ssaa-"],
  [class^="sth-"][class^="sth-"],
  [class*=" sth-"][class*=" sth-"],
  [class^="eos-"][class^="eos-"],
  [class*=" eos-"][class*=" eos-"],
  [class^="rts-"][class^="rts-"],
  [class*=" rts-"][class*=" rts-"]
) :is(button, .button, .btn, [role="button"], input[type="button"], input[type="submit"], input[type="reset"], a.button, a.btn, .wp-block-button__link, [class*="-btn"]:not(.ssa-mini-btn-row), [class*="-button"], [class*="Button"]) {
  background: linear-gradient(135deg, #2dd4bf, #38bdf8) !important;
  background-color: #2dd4bf !important;
  border-color: rgba(45, 212, 191, 0.72) !important;
  color: #031018 !important;
  -webkit-text-fill-color: #031018 !important;
  box-shadow: 0 10px 24px rgba(34, 211, 238, 0.20) !important;
}

/* Tool Hub readability: this must live after the broad button rule above. */
body :is(#sth-page-shell, .sth-hub-render-wrap, .ssa-tool-hub-shell) :is(
  .ssa-tool-hub-shell,
  .ssa-tool-hub-root,
  .ssa-directory,
  .ssa-directory-card,
  .ssa-tool-card,
  .ssa-top-pick-card,
  .ssa-journey-card,
  .ssa-combo-card,
  .ssa-bridge-card,
  .ssa-decision-section,
  .ssa-subhub-context,
  .ssa-subhub-featured,
  .ssa-subhub-next,
  .ssa-subhub-format-bundle,
  .ssa-subhub-articles,
  .ssa-subhub-note,
  .ssa-subhub-faq,
  .ssa-subhub-context-card,
  .ssa-subhub-featured-card,
  .ssa-top-pick-card,
  .ssa-bridge-card,
  .ssa-journey-card,
  .ssa-combo-card,
  .ssa-hub-item-wrap,
  .ssa-subhub-item-wrap,
  .ssa-featured-article,
  .ssa-tool-related,
  .ssa-tool-article,
  .ssa-mini-btn-row
) {
  color: #f4fdff !important;
  -webkit-text-fill-color: #f4fdff !important;
}

body :is(#sth-page-shell, .sth-hub-render-wrap, .ssa-tool-hub-shell) :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  strong,
  b,
  summary
) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body :is(#sth-page-shell, .sth-hub-render-wrap, .ssa-tool-hub-shell) :is(
  p,
  li,
  span,
  small,
  em,
  label,
  dd,
  dt
) {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
}

body :is(#sth-page-shell, .sth-hub-render-wrap, .ssa-tool-hub-shell) :is(
  a,
  a:visited,
  a:hover,
  a:active,
  a:focus,
  .sth-nav a,
  .sth-nav a:visited,
  .sth-nav a:hover,
  .sth-nav a:active,
  .sth-nav a:focus,
  .sth-links-list a,
  .sth-mini-card,
  .sth-mini-card h3,
  .sth-faq details,
  .sth-faq summary,
  .ssa-mini-btn,
  .ssa-directory-btn,
  .ssa-tool-btn,
  .ssa-choice-btn,
  .ssa-subhub-featured a,
  .ssa-subhub-next a,
  .ssa-subhub-format-bundle a,
  .ssa-subhub-articles a,
  .ssa-aie-card a,
  .ssa-aie-product-card a
) {
  color: #f4fdff !important;
  -webkit-text-fill-color: #f4fdff !important;
  text-decoration-color: rgba(125, 211, 252, 0.72) !important;
}

body :is(#sth-page-shell, .sth-hub-render-wrap, .ssa-tool-hub-shell) :is(
  .sth-nav a,
  .sth-links-list a,
  .sth-mini-card,
  .sth-mini-card h3,
  .sth-faq details,
  .sth-faq summary,
  .ssa-mini-btn,
  .ssa-directory-btn,
  .ssa-tool-btn,
  .ssa-choice-btn,
  .ssa-subhub-featured a,
  .ssa-subhub-next a,
  .ssa-subhub-format-bundle a,
  .ssa-subhub-articles a
) {
  background: linear-gradient(135deg, rgba(6, 78, 87, 0.96), rgba(8, 47, 73, 0.96)) !important;
  background-color: rgba(6, 78, 87, 0.96) !important;
  border-color: rgba(45, 212, 191, 0.72) !important;
  box-shadow: 0 10px 24px rgba(34, 211, 238, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.34) !important;
}

body :is(#sth-page-shell, .sth-hub-render-wrap, .ssa-tool-hub-shell) :is(.sth-nav a, .sth-nav a:visited) {
  background: linear-gradient(135deg, rgba(2, 6, 23, 0.96), rgba(8, 47, 73, 0.92)) !important;
  background-color: rgba(2, 6, 23, 0.96) !important;
  border: 1px solid rgba(56, 189, 248, 0.58) !important;
  color: #f4fdff !important;
  -webkit-text-fill-color: #f4fdff !important;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.38) !important;
}

body :is(#sth-page-shell, .sth-hub-render-wrap, .ssa-tool-hub-shell) :is(.sth-nav a:hover, .sth-nav a:focus-visible, .sth-nav a.is-current, .sth-nav a[aria-current="page"]) {
  background: linear-gradient(135deg, rgba(6, 78, 87, 0.98), rgba(8, 47, 73, 0.96)) !important;
  border-color: rgba(45, 212, 191, 0.84) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body :is(#sth-page-shell, .sth-hub-render-wrap, .ssa-tool-hub-shell) .sth-nav a * {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

body :is(#sth-page-shell, .sth-hub-render-wrap, .ssa-tool-hub-shell) :is(.sth-links-list a, .sth-mini-card, .sth-faq details, .sth-faq summary) {
  background: linear-gradient(180deg, rgba(8, 18, 34, 0.98), rgba(3, 8, 18, 0.98)) !important;
  border-color: rgba(45, 212, 191, 0.34) !important;
  color: #f4fdff !important;
  -webkit-text-fill-color: #f4fdff !important;
}

body :is(.ssa-tool-hub-shell, #sth-page-shell .sth-hub-render-wrap) {
  color: #f4fdff !important;
  -webkit-text-fill-color: #f4fdff !important;
}

body :is(.ssa-tool-hub-shell, #sth-page-shell .sth-hub-render-wrap) :is(
  p,
  li,
  span,
  small,
  em,
  label,
  dd,
  dt
) {
  color: #f4fdff !important;
  -webkit-text-fill-color: #f4fdff !important;
}

body :is(.ssa-tool-hub-shell, #sth-page-shell .sth-hub-render-wrap) :is(
  .ssa-directory-card,
  .ssa-directory-card *,
  .ssa-tool-card,
  .ssa-tool-card *,
  .ssa-top-pick-card,
  .ssa-top-pick-card *,
  .ssa-bridge-card,
  .ssa-bridge-card *,
  .ssa-journey-card,
  .ssa-journey-card *,
  .ssa-combo-card,
  .ssa-combo-card *,
  .ssa-hub-item-wrap,
  .ssa-hub-item-wrap *,
  .ssa-subhub-item-wrap,
  .ssa-subhub-item-wrap *,
  .ssa-choice-btn,
  .ssa-choice-btn *,
  .ssa-featured-article,
  .ssa-featured-article *,
  .ssa-tool-related,
  .ssa-tool-related *,
  .ssa-tool-article,
  .ssa-tool-article *,
  .ssa-mini-btn-row,
  .ssa-mini-btn-row *,
  .ssa-subhub-context-card,
  .ssa-subhub-context-card *,
  .ssa-subhub-featured-card,
  .ssa-subhub-featured-card *,
  .ssa-subhub-articles,
  .ssa-subhub-articles *,
  .ssa-subhub-next,
  .ssa-subhub-next *,
  .ssa-subhub-format-bundle,
  .ssa-subhub-format-bundle *
) {
  color: #f4fdff !important;
  -webkit-text-fill-color: #f4fdff !important;
}

body :is(.ssa-tool-hub-shell, #sth-page-shell .sth-hub-render-wrap) :is(.ssa-mini-btn-row) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: #f4fdff !important;
  -webkit-text-fill-color: #f4fdff !important;
  text-shadow: none !important;
}

body :is(.ssa-tool-hub-shell, #sth-page-shell .sth-hub-render-wrap) :is(
  .ssa-directory-card a,
  .ssa-tool-card a,
  .ssa-top-pick-card a,
  .ssa-bridge-card a,
  .ssa-journey-card a,
  .ssa-combo-card a,
  .ssa-hub-item-wrap a,
  .ssa-subhub-item-wrap a,
  .ssa-featured-article a,
  .ssa-subhub-articles a,
  .ssa-subhub-next a,
  .ssa-subhub-format-bundle a
) {
  background: rgba(2, 6, 23, 0.88) !important;
  border-color: rgba(56, 189, 248, 0.52) !important;
  color: #f4fdff !important;
  -webkit-text-fill-color: #f4fdff !important;
}

/* Tool Hub mobile safety net.
   Exported hub pages use #sth-page-shell, while shortcode/virtual hubs use
   .ssa-tool-hub-shell. Both must include their own padding in the width
   calculation or portrait phones can get a right-side horizontal spill. */
body :is(#sth-page-shell#sth-page-shell, .ssa-tool-hub-shell.ssa-tool-hub-shell) {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: min(100%, 1120px) !important;
  overflow-x: hidden !important;
}

body :is(#sth-page-shell#sth-page-shell, .ssa-tool-hub-shell.ssa-tool-hub-shell),
body :is(#sth-page-shell#sth-page-shell, .ssa-tool-hub-shell.ssa-tool-hub-shell) :where(*) {
  box-sizing: border-box !important;
}

@media (max-width: 780px) {
  body :is(#sth-page-shell#sth-page-shell, .ssa-tool-hub-shell.ssa-tool-hub-shell) {
    width: min(100%, calc(100dvw - 12px)) !important;
    max-width: min(100%, calc(100dvw - 12px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: hidden !important;
  }

  body :is(#sth-page-shell#sth-page-shell, .ssa-tool-hub-shell.ssa-tool-hub-shell) :where(*) {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body :is(#sth-page-shell#sth-page-shell, .ssa-tool-hub-shell.ssa-tool-hub-shell) :where(
    .sth-grid,
    .sth-links-list,
    .ssa-directory-grid,
    .ssa-tool-grid,
    .ssa-top-picks-grid,
    .ssa-journey-grid,
    .ssa-combo-grid,
    .ssa-bridge-grid,
    .ssa-subhub-context-grid,
    .ssa-aie-grid,
    [class*="-grid"],
    [class*="__grid"]
  ) {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
  }

  body :is(#sth-page-shell#sth-page-shell, .ssa-tool-hub-shell.ssa-tool-hub-shell) :where(
    h1, h2, h3, h4, h5, h6, p, li, span, strong, em, small, label, a, button
  ) {
    overflow-wrap: break-word !important;
    word-break: normal !important;
    white-space: normal !important;
  }
}

@media print {
  body :where(
    .bngc-shell,
    .flcc-shell,
    .rts-shell,
    .sssss-tool,
    .ssafun-account-tool,
    .ssahq-tool,
    .ssaa-shell,
    .ssa-lkb,
    .ssa-pq-wrap,
    .zhc-calculator,
    .ubcc-container,
    .eos-shell,
    #momfirst-root,
    .ssa-dice,
    .ssa-tool-search-root,
    .ssa-tool-hub-shell,
    .ssa-account-dashboard
  ) {
    background: #ffffff !important;
    color: #111827 !important;
    box-shadow: none !important;
    border-color: #d1d5db !important;
  }
}

/*
 * Framework escape hatch.
 *
 * Wrap future third-party widgets or one-off embeds in `.ssa-no-neon` when
 * they must keep their native styling. This file loads last, so the reset wins
 * over the typography, content, page-shell, and tool layers.
 */
body :where(.ssa-no-neon, .ssa-no-neon *) {
  color-scheme: normal !important;
  font-family: inherit !important;
  color: revert !important;
  background: revert !important;
  border-color: revert !important;
  box-shadow: revert !important;
  text-shadow: none !important;
  filter: none !important;
}

body :where(.ssa-no-neon) :where(button, .button, .btn, [role="button"], input, select, textarea, a) {
  color: revert !important;
  background: revert !important;
  border-color: revert !important;
  box-shadow: revert !important;
  text-decoration: revert !important;
}

/* MomFirst native inputs: outrank legacy white form-control rules. */
body #momfirst-root#momfirst-root input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
body #momfirst-root#momfirst-root select,
body #momfirst-root#momfirst-root textarea {
  appearance: none !important;
  -webkit-appearance: none !important;
  background: linear-gradient(180deg, rgba(2, 6, 23, 0.94), rgba(8, 18, 34, 0.96)) !important;
  background-color: rgba(2, 6, 23, 0.94) !important;
  border-color: rgba(56, 189, 248, 0.52) !important;
  color: #f8feff !important;
  -webkit-text-fill-color: #f8feff !important;
  caret-color: #2dd4bf !important;
  opacity: 1 !important;
}

body #momfirst-root#momfirst-root input:not([type="checkbox"]):not([type="radio"]):not([type="range"])::placeholder,
body #momfirst-root#momfirst-root textarea::placeholder {
  color: rgba(219, 234, 254, 0.68) !important;
  -webkit-text-fill-color: rgba(219, 234, 254, 0.68) !important;
  opacity: 1 !important;
}

body #momfirst-root#momfirst-root select {
  background-image:
    linear-gradient(45deg, transparent 50%, #8eeaff 50%),
    linear-gradient(135deg, #8eeaff 50%, transparent 50%),
    linear-gradient(180deg, rgba(2, 6, 23, 0.94), rgba(8, 18, 34, 0.96)) !important;
  background-position: calc(100% - 18px) 19px, calc(100% - 13px) 19px, 0 0 !important;
  background-repeat: no-repeat !important;
  background-size: 5px 5px, 5px 5px, 100% 100% !important;
}

body #momfirst-root#momfirst-root option {
  background: #020617 !important;
  color: #f8feff !important;
}

body #momfirst-root#momfirst-root input[type="checkbox"],
body #momfirst-root#momfirst-root input[type="radio"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  background: rgba(2, 6, 23, 0.92) !important;
  border: 1px solid rgba(56, 189, 248, 0.52) !important;
  accent-color: #2dd4bf !important;
}

/*
 * Tool shell behavior guard.
 *
 * Several SSA tools paginate quiz/results screens with the native `hidden`
 * attribute. Because the global neon layer intentionally applies strong
 * display/layout rules, keep hidden panels hidden inside known tool shells.
 */
body :is(
  #sssss-shell,
  .sssss-tool,
  .sssss-account-tool,
  .rts-shell,
  .ssa-pq-wrap,
  .ssaft-shell,
  .ssaft-account-tool,
  .ssafun-shell,
  .ssafun-account-tool,
  .ssahq-shell,
  .ssahq-tool,
  .ssaa-shell,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-dashboard
) [hidden] {
  display: none !important;
}

/*
 * Final tool readability guard.
 *
 * This layer exists for plugin/theme collisions that make inputs, option rows,
 * collapsible labels, or late-rendered buttons unreadable after individual tool
 * styles have loaded. Keep it visual-only and scoped to known SSA tool shells.
 */
body :is(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-friendship,
  .ssafun-furry,
  .ssafun-halloween,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-random-name,
  .ssafun-random-number,
  .ssafun-slot,
  .ssafun-endearment,
  .ssahq-tool,
  .ssahq-shell,
  .ssaa-shell,
  .ssaft-shell,
  .ssaft-account-tool,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell
) :is(label, legend, summary, button, .button, .btn, [role="button"]) {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

body :is(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssafun-account-tool,
  .ssafun-poly,
  .ssahq-tool,
  .ssahq-shell,
  .ssaa-shell,
  .ssaft-shell,
  .ssaft-account-tool,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  .ssa-dice
) :is(select, option) {
  background-color: #020617 !important;
  color: #f8feff !important;
  -webkit-text-fill-color: #f8feff !important;
}

body :is(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssafun-account-tool,
  .ssafun-poly,
  .ssahq-tool,
  .ssahq-shell,
  .ssaa-shell,
  .ssaft-shell,
  .ssaft-account-tool,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  .ssa-dice
) :is(input[type="checkbox"], input[type="radio"]) {
  flex: 0 0 auto !important;
  accent-color: #2dd4bf !important;
}

body :is(
  .rts-shell,
  .eos-shell,
  .ssafun-poly,
  .ssahq-tool,
  .ssahq-shell,
  .ssa-pq-wrap
) :is(label, .rts-option-row, [class*="option"], [class*="Option"]) {
  color: #f4fdff !important;
  -webkit-text-fill-color: #f4fdff !important;
}

body :is(
  .ssaa-shell,
  .ssaft-shell,
  .ssaft-account-tool,
  .sssss-tool,
  .ssahq-tool,
  .ssahq-shell
) :is(.btn, .button, button, input[type="button"], input[type="submit"], a.btn, a.button, [role="button"]) {
  color: #031018 !important;
  -webkit-text-fill-color: #031018 !important;
  text-shadow: none !important;
}

/* Relationship dating generator: prevent global rts-* surface styling from
   shrinking consent/check labels into vertical one-letter columns. */
body #rts-dating-shell.rts-shell,
body #rts-dating-shell.rts-shell * {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  letter-spacing: 0 !important;
  word-break: normal !important;
}

body #rts-dating-shell.rts-shell {
  width: min(1120px, calc(100dvw - 24px)) !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

body #rts-dating-shell :is(.rts-form, .rts-grid, .rts-results, .rts-result-card, .rts-profile-block) {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body #rts-dating-shell .rts-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 12px !important;
}

body #rts-dating-shell .rts-grid.rts-grid-2 {
  grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
}

body #rts-dating-shell :is(label.rts-field, label.rts-check, .rts-adult-confirm, .rts-full-save) {
  float: none !important;
  clear: both !important;
  position: static !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  text-align: left !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

body #rts-dating-shell label.rts-field {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 6px !important;
}

body #rts-dating-shell :is(label.rts-check, .rts-adult-confirm, .rts-full-save) {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  grid-column: 1 / -1 !important;
}

body #rts-dating-shell :is(label.rts-check, .rts-adult-confirm, .rts-full-save) input[type="checkbox"] {
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  margin: 2px 0 0 !important;
  position: static !important;
}

body #rts-dating-shell :is(label.rts-field, label.rts-check, .rts-adult-confirm, .rts-full-save) > span {
  display: block !important;
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  text-align: left !important;
}

body #rts-dating-shell .rts-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
}

@media (max-width: 820px) {
  body #rts-dating-shell .rts-grid.rts-grid-2 {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 640px) {
  body #rts-dating-shell.rts-shell {
    width: min(100%, calc(100dvw - 12px)) !important;
    padding: 12px !important;
  }

  body #rts-dating-shell .rts-actions > *,
  body #rts-dating-shell .rts-btn {
    width: 100% !important;
  }
}

body :is(
  .ssaa-shell,
  .ssaft-shell,
  .ssaft-account-tool,
  .sssss-tool,
  .ssahq-tool,
  .ssahq-shell
) :is(.btn-secondary, .button-secondary, .secondary, .outline, .ghost, .toc-toggle, .ssa-toc__toggle, summary) {
  color: #f8feff !important;
  -webkit-text-fill-color: #f8feff !important;
}

/* Final SSA tool form guard.
   Broad neon card rules must never turn form answers into huge cards or
   one-letter vertical columns. Keep answer labels compact, horizontal, and
   readable across relationship, fun, oil, anniversary, and finance tools. */
body :is(
  .rts-shell,
  .eos-shell,
  .ssafun-poly,
  #rts-dating-shell,
  #rts-love-shell,
  #rts-compat-shell,
  #rts-styles-shell,
  #rts-attraction-shell
) :is(label, legend, span, p, div, input, select, textarea, button, a) {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  letter-spacing: 0 !important;
  word-break: normal !important;
}

body .rts-shell .rts-options,
body .ssafun-poly .poly-options {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body .rts-shell .rts-options > label,
body .rts-shell .rts-options > .rts-option-row,
body .ssafun-poly .poly-options > label {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 10px 12px !important;
  text-align: left !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

body .rts-shell .rts-options input[type="radio"],
body .ssafun-poly .poly-options input[type="radio"] {
  flex: 0 0 18px !important;
  display: inline-block !important;
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  position: static !important;
}

body .rts-shell .rts-options > label > span,
body .rts-shell .rts-options > .rts-option-row > span,
body .ssafun-poly .poly-options > label > span {
  display: block !important;
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  color: #f8feff !important;
  -webkit-text-fill-color: #f8feff !important;
  line-height: 1.38 !important;
  text-align: left !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

body .eos-shell .eos-safety-gate > label[for="eosUseRoute"] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  line-height: 1.4 !important;
  text-align: left !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

body .eos-shell .eos-safety-gate fieldset {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
}

body .eos-shell .eos-safety-gate fieldset > label {
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 10px 12px !important;
  color: #f8feff !important;
  -webkit-text-fill-color: #f8feff !important;
  line-height: 1.4 !important;
  text-align: left !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

body .eos-shell .eos-safety-gate input[type="checkbox"] {
  width: 20px !important;
  min-width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
  margin: 1px 0 0 !important;
  position: static !important;
}

body :is(.ssaa-shell, #ssa-anniversary-hub-shell, #ssa-friend-shell, #ssa-job-shell, #ssa-relationship-shell, #ssa-general-shell, #ssa-simple-shell, #ssa-sobriety-shell, #ssa-wedding-shell)
  :is(.ssaa-account-link, .ssaa-save-result, .ssaa-save-legacy-result),
body .ssaft-sac-tool :is(a.ssaft-sac-link-action[href], .ssaft-sac-link-action) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  min-width: 138px !important;
  max-width: 100% !important;
  padding: 10px 16px !important;
  border: 1px solid rgba(103, 232, 249, 0.86) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(2, 18, 30, 0.98) 0%, rgba(14, 116, 144, 0.84) 100%) !important;
  color: #f8feff !important;
  -webkit-text-fill-color: #f8feff !important;
  font-weight: 900 !important;
  line-height: 1.14 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: 0 0 18px rgba(45, 212, 191, 0.28), 0 10px 24px rgba(0, 0, 0, 0.32) !important;
  opacity: 1 !important;
}

body .ssaft-sac-tool :is(.ssaft-sac-link-action[href] *, .ssaft-sac-link-action *) {
  color: #f8feff !important;
  -webkit-text-fill-color: #f8feff !important;
  text-shadow: none !important;
}

body #ssa-mbti-tool#ssa-mbti-tool .bg-aurora {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

body #ssa-mbti-tool#ssa-mbti-tool :is(.mbti-intro, .quiz, #resultCard, .mbti-evidence, .faq, .faq details, .faq summary, .faq p, .faq li, .cta-wrap, .back-top) {
  position: relative !important;
  z-index: 2 !important;
  color: #f8feff !important;
  -webkit-text-fill-color: #f8feff !important;
}

@media (max-width: 760px) {
  body .rts-shell .rts-options,
  body .ssafun-poly .poly-options,
  body .eos-shell .eos-safety-gate fieldset {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Live tool repair layer. This sits in MU CSS so deployed pages still get sane
   controls if an individual plugin stylesheet is cached or loaded earlier. */
body :is(#rts-love-shell, #rts-compat-shell, #rts-styles-shell, #rts-attraction-shell).rts-shell .rts-options,
body .ssafun-poly.ssafun-poly .poly-options {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(172px, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  align-items: stretch !important;
}

body :is(#rts-love-shell, #rts-compat-shell, #rts-styles-shell, #rts-attraction-shell).rts-shell .rts-options > label,
body .ssafun-poly.ssafun-poly .poly-options > label,
body .eos-shell.eos-shell .eos-safety-gate fieldset > label,
body #rts-dating-shell.rts-shell label.rts-check {
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) !important;
  align-items: start !important;
  justify-items: start !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  height: auto !important;
  padding: 10px 12px !important;
  text-align: left !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
}

body :is(#rts-love-shell, #rts-compat-shell, #rts-styles-shell, #rts-attraction-shell).rts-shell .rts-options > label > :is(input[type="radio"], input[type="checkbox"]),
body .ssafun-poly.ssafun-poly .poly-options > label > input[type="radio"],
body .eos-shell.eos-shell .eos-safety-gate fieldset > label > input[type="checkbox"],
body #rts-dating-shell.rts-shell label.rts-check > input[type="checkbox"] {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: block !important;
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  position: static !important;
}

body .eos-shell.eos-shell .eos-safety-gate fieldset > label > input[type="checkbox"] {
  width: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
  max-height: 20px !important;
}

body :is(#rts-love-shell, #rts-compat-shell, #rts-styles-shell, #rts-attraction-shell).rts-shell .rts-options > label > span,
body .ssafun-poly.ssafun-poly .poly-options > label > span,
body #rts-dating-shell.rts-shell label.rts-check > span {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  color: #f8feff !important;
  -webkit-text-fill-color: #f8feff !important;
  line-height: 1.35 !important;
  text-align: left !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
}

body .eos-shell.eos-shell .eos-safety-gate > label[for="eosUseRoute"] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  line-height: 1.4 !important;
  text-align: left !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  writing-mode: horizontal-tb !important;
}

body :is(.ssaa-legacy-save, .ssaa-account-save).ssaa-legacy-save,
body :is(.ssaa-legacy-save, .ssaa-account-save).ssaa-account-save {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: flex-start !important;
}

body :is(.ssaa-legacy-save, .ssaa-account-save) :is(.ssaa-account-link, .ssaa-save-result, .ssaa-save-legacy-result),
body .ssaft-sac-results.ssaft-sac-results .ssaft-sac-link-action,
body .ssaft-sac-tool.ssaft-sac-tool .ssaft-sac-link-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  min-width: 138px !important;
  max-width: 100% !important;
  padding: 10px 16px !important;
  border: 1px solid rgba(103, 232, 249, 0.86) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(2, 18, 30, 0.98) 0%, rgba(14, 116, 144, 0.84) 100%) !important;
  color: #f8feff !important;
  -webkit-text-fill-color: #f8feff !important;
  font-weight: 900 !important;
  line-height: 1.14 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: none !important;
  opacity: 1 !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
}

body :is(.ssaa-legacy-save, .ssaa-account-save) :is(.ssaa-save-status, p, span, strong) {
  color: #f8feff !important;
  -webkit-text-fill-color: #f8feff !important;
}

body :is(.ubcc-container, #ubcc-page-shell) :is(.ubcc-related-links) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  background: transparent !important;
}

body :is(.ubcc-container, #ubcc-page-shell) :is(.ubcc-related-links a, .ubcc-related-links a:visited) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  max-width: 100% !important;
  padding: 9px 14px !important;
  border: 1px solid rgba(56, 189, 248, 0.62) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(2, 6, 23, 0.97), rgba(8, 47, 73, 0.92)) !important;
  color: #f4fdff !important;
  -webkit-text-fill-color: #f4fdff !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.42) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.24) !important;
}

body :is(.ubcc-container, #ubcc-page-shell) :is(.ubcc-related-links a:hover, .ubcc-related-links a:focus-visible) {
  border-color: rgba(45, 212, 191, 0.88) !important;
  background: linear-gradient(135deg, rgba(6, 78, 87, 0.98), rgba(8, 47, 73, 0.96)) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(34, 211, 238, 0.20) !important;
}

body :is(.ubcc-container, #ubcc-page-shell) :is(.ubcc-related-links a *) {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

@media (max-width: 760px) {
  body :is(#rts-love-shell, #rts-compat-shell, #rts-styles-shell, #rts-attraction-shell).rts-shell .rts-options,
  body .ssafun-poly.ssafun-poly .poly-options,
  body .eos-shell.eos-shell .eos-safety-gate fieldset {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* P0 shared form-control safety. Keep this late so cached plugin CSS cannot
   turn options, checkboxes, buttons, or collapsibles unreadable on phones. */
body :where(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssaft-account-tool,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-friendship,
  .ssafun-furry,
  .ssafun-halloween,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-random-name,
  .ssafun-random-number,
  .ssafun-slot,
  .ssafun-endearment,
  .ssahq-tool,
  .ssahq-shell,
  .ssahq-native-panel,
  .ssahq-account-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-dashboard
) :where(form, fieldset, details, summary, label, legend, [role="group"], [role="radiogroup"], [class*="field"], [class*="Field"], [class*="option"], [class*="Option"], [class*="question"], [class*="Question"], [class*="likert"], [class*="Likert"], [class*="actions"], [class*="buttons"]) {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
}

body :where(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .ssaft-account-tool,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-friendship,
  .ssafun-furry,
  .ssafun-halloween,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-random-name,
  .ssafun-random-number,
  .ssafun-slot,
  .ssafun-endearment,
  .ssahq-tool,
  .ssahq-native-panel,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-dashboard
) :where(fieldset, details, [role="group"], [role="radiogroup"]) {
  border-color: rgba(45, 212, 191, 0.34) !important;
  background-color: rgba(2, 6, 23, 0.72) !important;
  color: #f4fdff !important;
  -webkit-text-fill-color: #f4fdff !important;
}

body :where(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .sssss-account-tool,
  .ssaft-shell,
  .ssaft-flq-tool,
  .ssaft-account-tool,
  .ssafun-hq,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-friendship,
  .ssafun-furry,
  .ssafun-halloween,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-random-name,
  .ssafun-random-number,
  .ssafun-slot,
  .ssafun-endearment,
  .ssahq-tool,
  .ssahq-shell,
  .ssahq-native-panel,
  .ssahq-account-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-dashboard
) :where(label:has(> input[type="checkbox"]), label:has(> input[type="radio"]), [class*="option"]:has(input[type="checkbox"]), [class*="option"]:has(input[type="radio"]), [class*="choice"]:has(input[type="checkbox"]), [class*="choice"]:has(input[type="radio"]), [class*="answer"]:has(input[type="checkbox"]), [class*="answer"]:has(input[type="radio"])) {
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 44px !important;
  height: auto !important;
  text-align: left !important;
  white-space: normal !important;
  overflow: visible !important;
}

body :where(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .sssss-account-tool,
  .ssaft-shell,
  .ssaft-flq-tool,
  .ssaft-account-tool,
  .ssafun-hq,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-friendship,
  .ssafun-furry,
  .ssafun-halloween,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-random-name,
  .ssafun-random-number,
  .ssafun-slot,
  .ssafun-endearment,
  .ssahq-tool,
  .ssahq-shell,
  .ssahq-native-panel,
  .ssahq-account-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-dashboard
) :where(input[type="checkbox"], input[type="radio"]) {
  flex: 0 0 auto !important;
  grid-column: 1 !important;
  width: 18px !important;
  min-width: 18px !important;
  max-width: 22px !important;
  height: 18px !important;
  min-height: 18px !important;
  margin: 2px 0 0 !important;
  position: static !important;
}

body :where(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .sssss-account-tool,
  .ssaft-shell,
  .ssaft-flq-tool,
  .ssaft-account-tool,
  .ssafun-hq,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-friendship,
  .ssafun-furry,
  .ssafun-halloween,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-random-name,
  .ssafun-random-number,
  .ssafun-slot,
  .ssafun-endearment,
  .ssahq-tool,
  .ssahq-shell,
  .ssahq-native-panel,
  .ssahq-account-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-dashboard
) :where(label:has(> input[type="checkbox"]) > span, label:has(> input[type="radio"]) > span, [class*="option"]:has(input[type="checkbox"]) > span, [class*="option"]:has(input[type="radio"]) > span) {
  grid-column: 2 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  color: #f4fdff !important;
  -webkit-text-fill-color: #f4fdff !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

body :where(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .sssss-account-tool,
  .ssaft-shell,
  .ssaft-flq-tool,
  .ssaft-account-tool,
  .ssafun-hq,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-friendship,
  .ssafun-furry,
  .ssafun-halloween,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-random-name,
  .ssafun-random-number,
  .ssafun-slot,
  .ssafun-endearment,
  .ssahq-tool,
  .ssahq-shell,
  .ssahq-native-panel,
  .ssahq-account-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-dashboard
) :where(summary) {
  cursor: pointer !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  line-height: 1.35 !important;
}

body :where(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .sssss-account-tool,
  .ssaft-shell,
  .ssaft-flq-tool,
  .ssaft-account-tool,
  .ssafun-hq,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-friendship,
  .ssafun-furry,
  .ssafun-halloween,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-random-name,
  .ssafun-random-number,
  .ssafun-slot,
  .ssafun-endearment,
  .ssahq-tool,
  .ssahq-shell,
  .ssahq-native-panel,
  .ssahq-account-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-dashboard
) :where(button, .button, .btn, [role="button"], input[type="button"], input[type="submit"], input[type="reset"], a.button, a.btn, .wp-block-button__link) {
  min-width: 0 !important;
  max-width: 100% !important;
  color: #f8feff !important;
  -webkit-text-fill-color: #f8feff !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

@media (max-width: 640px) {
  body :where(
    .bngc-shell,
    .flcc-shell,
    .rts-shell,
    .sssss-tool,
    .ssaft-account-tool,
    .ssafun-account-tool,
    .ssahq-tool,
    .ssaa-shell,
    .ssa-lkb,
    .ssa-pq-wrap,
    .zhc-calculator,
    .ubcc-container,
    .eos-shell,
    #nrf-tool,
    #ogt-tool,
    #momfirst-root,
    .ssa-dice,
    .ssa-tool-search-root,
    .ssa-tool-hub-shell,
    .ssa-account-dashboard
  ) {
    width: min(100%, calc(100dvw - 12px)) !important;
    max-width: 100% !important;
    padding-left: clamp(12px, 4vw, 18px) !important;
    padding-right: clamp(12px, 4vw, 18px) !important;
    overflow-x: clip !important;
  }

  body :where(
    .bngc-shell,
    .flcc-shell,
    .rts-shell,
    .sssss-tool,
    .ssaft-account-tool,
    .ssafun-account-tool,
    .ssahq-tool,
    .ssaa-shell,
    .ssa-lkb,
    .ssa-pq-wrap,
    .zhc-calculator,
    .ubcc-container,
    .eos-shell,
    #nrf-tool,
    #ogt-tool,
    #momfirst-root,
    .ssa-dice,
    .ssa-tool-search-root,
    .ssa-tool-hub-shell,
    .ssa-account-dashboard
  ) :where([class*="actions"], [class*="buttons"], .wp-block-buttons) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
  }

  body :where(
    .bngc-shell,
    .flcc-shell,
    .rts-shell,
    .sssss-tool,
    .ssaft-account-tool,
    .ssafun-account-tool,
    .ssahq-tool,
    .ssaa-shell,
    .ssa-lkb,
    .ssa-pq-wrap,
    .zhc-calculator,
    .ubcc-container,
    .eos-shell,
    #nrf-tool,
    #ogt-tool,
    #momfirst-root,
    .ssa-dice,
    .ssa-tool-search-root,
    .ssa-tool-hub-shell,
    .ssa-account-dashboard
  ) :where([class*="actions"], [class*="buttons"], .wp-block-buttons) > :where(button, .button, .btn, a, input[type="button"], input[type="submit"], [role="button"]) {
    width: 100% !important;
    justify-content: center !important;
  }
}

/*
 * Shared surface de-pyramid guard.
 *
 * Many tools now use several defensive wrappers. Let the outer shell carry the
 * premium neon frame, then quiet nested panels so mobile pages do not become a
 * stack of heavy boxes inside boxes.
 */
body :where(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .sssss-account-tool,
  .ssaft-shell,
  .ssaft-flq-tool,
  .ssaft-account-tool,
  .ssafun-hq,
  .ssafun-account-tool,
  .ssafun-baby,
  .ssafun-couple,
  .ssafun-friendship,
  .ssafun-furry,
  .ssafun-halloween,
  .ssafun-nickname,
  .ssafun-poly,
  .ssafun-adventure,
  .ssafun-random-name,
  .ssafun-random-number,
  .ssafun-slot,
  .ssafun-endearment,
  .ssahq-tool,
  .ssahq-shell,
  .ssahq-native-panel,
  .ssahq-account-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  #momfirst-root,
  .ssa-dice,
  .ssa-tool-search-root,
  .ssa-tool-hub-shell,
  .ssa-account-dashboard
) :where(
  section,
  article,
  aside,
  fieldset,
  details,
  [class*="card"],
  [class*="Card"],
  [class*="panel"],
  [class*="Panel"],
  [class*="box"],
  [class*="Box"],
  [class*="tile"],
  [class*="Tile"]
) :where(
  section,
  article,
  aside,
  fieldset,
  details,
  [class*="card"],
  [class*="Card"],
  [class*="panel"],
  [class*="Panel"],
  [class*="box"],
  [class*="Box"],
  [class*="tile"],
  [class*="Tile"]
) {
  border-color: rgba(45, 212, 191, 0.22) !important;
  background: rgba(3, 10, 18, 0.44) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

body :where(
  .bngc-shell,
  .flcc-shell,
  .rts-shell,
  .sssss-tool,
  .sssss-account-tool,
  .ssaft-shell,
  .ssaft-flq-tool,
  .ssaft-account-tool,
  .ssafun-hq,
  .ssafun-account-tool,
  .ssahq-tool,
  .ssahq-shell,
  .ssahq-native-panel,
  .ssahq-account-tool,
  .ssaa-shell,
  .ssa-lkb,
  .ssa-pq-wrap,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  .ssa-dice,
  .ssa-tool-hub-shell
) :where([class*="grid"], [class*="Grid"], [class*="actions"], [class*="Actions"]) {
  background: transparent !important;
  box-shadow: none !important;
}