/*
 * SSA Neon Framework
 * Layer: Master Tool and Dashboard Contract
 * Version: 1.0.0
 * Updated: 2026-06-19
 *
 * This file is the final-loaded visual source of truth for SSA tools,
 * dashboards, account surfaces, calculators, hubs, games, and generated
 * recommendation cards. Plugin CSS may provide layout specifics, but this
 * layer owns the shared dark-neon rhythm, readable spacing, form controls,
 * result surfaces, and mobile behavior.
 */

body :is(
  [id^="ssa-"],
  [id^="sss-"],
  [id^="rts-"],
  [id^="flcc-"],
  [id^="bngc-"],
  [id^="bnnc-"],
  [id^="berc-"],
  [id^="momfirst-"],
  [id^="eos-"],
  [id^="nrf-"],
  [id^="ogt-"],
  [id^="ubcc-"],
  [id^="zodiac-"],
  [id^="ayur-"],
  [id^="fin-"],
  [id^="health-"],
  [id^="rel-"],
  [class^="ssa-"],
  [class*=" ssa-"],
  [class^="sss-"],
  [class*=" sss-"],
  [class^="sssss-"],
  [class*=" sssss-"],
  [class^="rts-"],
  [class*=" rts-"],
  [class^="flcc-"],
  [class*=" flcc-"],
  [class^="bngc-"],
  [class*=" bngc-"],
  [class^="bnnc-"],
  [class*=" bnnc-"],
  [class^="berc-"],
  [class*=" berc-"],
  [class^="mf-"],
  [class*=" mf-"],
  [class^="eos-"],
  [class*=" eos-"],
  [class^="nrf-"],
  [class*=" nrf-"],
  [class^="ogt-"],
  [class*=" ogt-"],
  [class^="ubcc-"],
  [class*=" ubcc-"],
  [class^="zhc-"],
  [class*=" zhc-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  [class^="ssafun-"],
  [class*=" ssafun-"],
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssaa-"],
  [class*=" ssaa-"][class*=" ssaa-"],
  [class^="sth-"],
  [class*=" sth-"]
) {
  box-sizing: border-box !important;
  min-width: 0 !important;
  color: var(--ssa-neon-ink, #f4fdff) !important;
  font-family: var(--ssa-neon-font, Inter, system-ui, sans-serif) !important;
  font-size: 16px !important;
  line-height: 1.62 !important;
  letter-spacing: 0 !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

body :is(
  [id^="ssa-"],
  [id^="sss-"],
  [id^="rts-"],
  [id^="flcc-"],
  [id^="bngc-"],
  [id^="bnnc-"],
  [id^="berc-"],
  [id^="momfirst-"],
  [id^="eos-"],
  [id^="nrf-"],
  [id^="ogt-"],
  [id^="ubcc-"],
  [id^="zodiac-"],
  [class^="ssa-"],
  [class*=" ssa-"],
  [class^="sss-"],
  [class*=" sss-"],
  [class^="sssss-"],
  [class*=" sssss-"],
  [class^="rts-"],
  [class*=" rts-"],
  [class^="flcc-"],
  [class*=" flcc-"],
  [class^="bngc-"],
  [class*=" bngc-"],
  [class^="bnnc-"],
  [class*=" bnnc-"],
  [class^="berc-"],
  [class*=" berc-"],
  [class^="mf-"],
  [class*=" mf-"],
  [class^="eos-"],
  [class*=" eos-"],
  [class^="nrf-"],
  [class*=" nrf-"],
  [class^="ogt-"],
  [class*=" ogt-"],
  [class^="ubcc-"],
  [class*=" ubcc-"],
  [class^="zhc-"],
  [class*=" zhc-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  [class^="ssafun-"],
  [class*=" ssafun-"],
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssaa-"],
  [class*=" ssaa-"][class*=" ssaa-"],
  [class^="sth-"],
  [class*=" sth-"]
) *,
body :is(
  [id^="ssa-"],
  [id^="sss-"],
  [id^="rts-"],
  [id^="flcc-"],
  [id^="bngc-"],
  [id^="bnnc-"],
  [id^="berc-"],
  [id^="momfirst-"],
  [id^="eos-"],
  [id^="nrf-"],
  [id^="ogt-"],
  [id^="ubcc-"],
  [id^="zodiac-"],
  [class^="ssa-"],
  [class*=" ssa-"],
  [class^="sss-"],
  [class*=" sss-"],
  [class^="sssss-"],
  [class*=" sssss-"],
  [class^="rts-"],
  [class*=" rts-"],
  [class^="flcc-"],
  [class*=" flcc-"],
  [class^="bngc-"],
  [class*=" bngc-"],
  [class^="bnnc-"],
  [class*=" bnnc-"],
  [class^="berc-"],
  [class*=" berc-"],
  [class^="mf-"],
  [class*=" mf-"],
  [class^="eos-"],
  [class*=" eos-"],
  [class^="nrf-"],
  [class*=" nrf-"],
  [class^="ogt-"],
  [class*=" ogt-"],
  [class^="ubcc-"],
  [class*=" ubcc-"],
  [class^="zhc-"],
  [class*=" zhc-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  [class^="ssafun-"],
  [class*=" ssafun-"],
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssaa-"],
  [class*=" ssaa-"][class*=" ssaa-"],
  [class^="sth-"],
  [class*=" sth-"]
) *::before,
body :is(
  [id^="ssa-"],
  [id^="sss-"],
  [id^="rts-"],
  [id^="flcc-"],
  [id^="bngc-"],
  [id^="bnnc-"],
  [id^="berc-"],
  [id^="momfirst-"],
  [id^="eos-"],
  [id^="nrf-"],
  [id^="ogt-"],
  [id^="ubcc-"],
  [id^="zodiac-"],
  [class^="ssa-"],
  [class*=" ssa-"],
  [class^="sss-"],
  [class*=" sss-"],
  [class^="sssss-"],
  [class*=" sssss-"],
  [class^="rts-"],
  [class*=" rts-"],
  [class^="flcc-"],
  [class*=" flcc-"],
  [class^="bngc-"],
  [class*=" bngc-"],
  [class^="bnnc-"],
  [class*=" bnnc-"],
  [class^="berc-"],
  [class*=" berc-"],
  [class^="mf-"],
  [class*=" mf-"],
  [class^="eos-"],
  [class*=" eos-"],
  [class^="nrf-"],
  [class*=" nrf-"],
  [class^="ogt-"],
  [class*=" ogt-"],
  [class^="ubcc-"],
  [class*=" ubcc-"],
  [class^="zhc-"],
  [class*=" zhc-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  [class^="ssafun-"],
  [class*=" ssafun-"],
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssaa-"],
  [class*=" ssaa-"][class*=" ssaa-"],
  [class^="sth-"],
  [class*=" sth-"]
) *::after {
  box-sizing: border-box !important;
}

body :is(
  .ssa-tool-shell,
  .ssa-tool-hub-shell,
  .ssa-account-shell,
  .ssa-account-dashboard,
  .ssa-neon-tool-shell,
  .bngc-shell,
  .bnnc-shell,
  .berc-shell,
  .flcc-shell,
  .rts-shell,
  .eos-shell,
  .nrf-tool,
  .ogt-tool,
  .mf-app-shell,
  .sssss-tool,
  .ssahq-tool,
  .ssafun-account-tool,
  .ssaft-account-tool,
  .ssa-lkb,
  .ssa-pq-wrap,
  .ssa-dice,
  .ssa-gear,
  .ubcc-container,
  .zhc-calculator,
  #momfirst-root,
  #momfirst-dashboard,
  #flcc-calculator,
  #bngc-shell,
  #bnnc-shell,
  #berc-shell,
  #nrf-tool,
  #ogt-tool,
  #ayur-shell,
  #fin-shell,
  #health-shell,
  #rel-shell,
  #sssss-shell
) {
  width: min(100%, 1120px) !important;
  max-width: 100% !important;
  margin: 22px auto !important;
  padding: clamp(18px, 2.2vw, 28px) !important;
  border: 1px solid var(--ssa-neon-line, rgba(45, 212, 191, 0.34)) !important;
  border-radius: var(--ssa-neon-radius, 16px) !important;
  background:
    linear-gradient(180deg, rgba(8, 17, 31, 0.98), rgba(3, 7, 18, 0.98)),
    var(--ssa-neon-shell, #07111f) !important;
  box-shadow: var(--ssa-neon-shadow, 0 22px 55px rgba(0, 0, 0, 0.46)) !important;
}

body :is(
  [id^="ssa-"],
  [id^="sss-"],
  [id^="rts-"],
  [id^="flcc-"],
  [id^="bngc-"],
  [id^="bnnc-"],
  [id^="berc-"],
  [id^="momfirst-"],
  [id^="eos-"],
  [id^="nrf-"],
  [id^="ogt-"],
  [id^="ubcc-"],
  [id^="zodiac-"],
  [class^="ssa-"],
  [class*=" ssa-"],
  [class^="sss-"],
  [class*=" sss-"],
  [class^="sssss-"],
  [class*=" sssss-"],
  [class^="rts-"],
  [class*=" rts-"],
  [class^="flcc-"],
  [class*=" flcc-"],
  [class^="bngc-"],
  [class*=" bngc-"],
  [class^="bnnc-"],
  [class*=" bnnc-"],
  [class^="berc-"],
  [class*=" berc-"],
  [class^="mf-"],
  [class*=" mf-"],
  [class^="eos-"],
  [class*=" eos-"],
  [class^="nrf-"],
  [class*=" nrf-"],
  [class^="ogt-"],
  [class*=" ogt-"],
  [class^="ubcc-"],
  [class*=" ubcc-"],
  [class^="zhc-"],
  [class*=" zhc-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  [class^="ssafun-"],
  [class*=" ssafun-"],
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssaa-"],
  [class*=" ssaa-"][class*=" ssaa-"],
  [class^="sth-"],
  [class*=" sth-"]
) :is(p, li, label, legend, span, div, td, th, output, small) {
  letter-spacing: 0 !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

body :is(
  [id^="ssa-"],
  [id^="sss-"],
  [id^="rts-"],
  [id^="flcc-"],
  [id^="bngc-"],
  [id^="bnnc-"],
  [id^="berc-"],
  [id^="momfirst-"],
  [id^="eos-"],
  [id^="nrf-"],
  [id^="ogt-"],
  [id^="ubcc-"],
  [id^="zodiac-"],
  [class^="ssa-"],
  [class*=" ssa-"],
  [class^="sss-"],
  [class*=" sss-"],
  [class^="sssss-"],
  [class*=" sssss-"],
  [class^="rts-"],
  [class*=" rts-"],
  [class^="flcc-"],
  [class*=" flcc-"],
  [class^="bngc-"],
  [class*=" bngc-"],
  [class^="bnnc-"],
  [class*=" bnnc-"],
  [class^="berc-"],
  [class*=" berc-"],
  [class^="mf-"],
  [class*=" mf-"],
  [class^="eos-"],
  [class*=" eos-"],
  [class^="nrf-"],
  [class*=" nrf-"],
  [class^="ogt-"],
  [class*=" ogt-"],
  [class^="ubcc-"],
  [class*=" ubcc-"],
  [class^="zhc-"],
  [class*=" zhc-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  [class^="ssafun-"],
  [class*=" ssafun-"],
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssaa-"],
  [class*=" ssaa-"][class*=" ssaa-"],
  [class^="sth-"],
  [class*=" sth-"]
) :is(h1, h2, h3, h4, h5, h6) {
  clear: both !important;
  margin: 0 0 0.72em !important;
  color: var(--ssa-neon-ink, #f4fdff) !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
  text-wrap: balance;
}

body :is(
  [id^="ssa-"],
  [id^="sss-"],
  [id^="rts-"],
  [id^="flcc-"],
  [id^="bngc-"],
  [id^="bnnc-"],
  [id^="berc-"],
  [id^="momfirst-"],
  [id^="eos-"],
  [id^="nrf-"],
  [id^="ogt-"],
  [id^="ubcc-"],
  [id^="zodiac-"],
  [class^="ssa-"],
  [class*=" ssa-"],
  [class^="sss-"],
  [class*=" sss-"],
  [class^="sssss-"],
  [class*=" sssss-"],
  [class^="rts-"],
  [class*=" rts-"],
  [class^="flcc-"],
  [class*=" flcc-"],
  [class^="bngc-"],
  [class*=" bngc-"],
  [class^="bnnc-"],
  [class*=" bnnc-"],
  [class^="berc-"],
  [class*=" berc-"],
  [class^="mf-"],
  [class*=" mf-"],
  [class^="eos-"],
  [class*=" eos-"],
  [class^="nrf-"],
  [class*=" nrf-"],
  [class^="ogt-"],
  [class*=" ogt-"],
  [class^="ubcc-"],
  [class*=" ubcc-"],
  [class^="zhc-"],
  [class*=" zhc-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  [class^="ssafun-"],
  [class*=" ssafun-"],
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssaa-"],
  [class*=" ssaa-"][class*=" ssaa-"],
  [class^="sth-"],
  [class*=" sth-"]
) :is(p, ul, ol, dl, table, form, fieldset, details, blockquote) {
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
}

body :is(
  [id^="ssa-"],
  [id^="sss-"],
  [id^="rts-"],
  [id^="flcc-"],
  [id^="bngc-"],
  [id^="bnnc-"],
  [id^="berc-"],
  [id^="momfirst-"],
  [id^="eos-"],
  [id^="nrf-"],
  [id^="ogt-"],
  [id^="ubcc-"],
  [id^="zodiac-"],
  [class^="ssa-"],
  [class*=" ssa-"],
  [class^="sss-"],
  [class*=" sss-"],
  [class^="sssss-"],
  [class*=" sssss-"],
  [class^="rts-"],
  [class*=" rts-"],
  [class^="flcc-"],
  [class*=" flcc-"],
  [class^="bngc-"],
  [class*=" bngc-"],
  [class^="bnnc-"],
  [class*=" bnnc-"],
  [class^="berc-"],
  [class*=" berc-"],
  [class^="mf-"],
  [class*=" mf-"],
  [class^="eos-"],
  [class*=" eos-"],
  [class^="nrf-"],
  [class*=" nrf-"],
  [class^="ogt-"],
  [class*=" ogt-"],
  [class^="ubcc-"],
  [class*=" ubcc-"],
  [class^="zhc-"],
  [class*=" zhc-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  [class^="ssafun-"],
  [class*=" ssafun-"],
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssaa-"],
  [class*=" ssaa-"][class*=" ssaa-"],
  [class^="sth-"],
  [class*=" sth-"]
) :is(
  .card,
  .panel,
  .box,
  .section,
  .result,
  .results,
  .summary,
  .notice,
  .callout,
  .metric,
  .stat,
  .tool-card,
  fieldset,
  details,
  table,
  [class$="-card"],
  [class$="__card"],
  [class$="-panel"],
  [class$="__panel"],
  [class$="-result"],
  [class$="-results"],
  [class$="__result"],
  [class$="-summary"],
  [class$="-notice"],
  [class$="-callout"],
  [class$="-metric"],
  [class$="-stat"],
  [class$="-box"],
  [class$="-section"]
) {
  border-color: var(--ssa-neon-line, rgba(45, 212, 191, 0.34)) !important;
  border-radius: var(--ssa-neon-radius-sm, 10px) !important;
  background: linear-gradient(180deg, rgba(10, 18, 32, 0.94), rgba(4, 10, 23, 0.96)) !important;
  color: var(--ssa-neon-ink, #f4fdff) !important;
}

body :is(
  [id^="ssa-"],
  [id^="sss-"],
  [id^="rts-"],
  [id^="flcc-"],
  [id^="bngc-"],
  [id^="bnnc-"],
  [id^="berc-"],
  [id^="momfirst-"],
  [id^="eos-"],
  [id^="nrf-"],
  [id^="ogt-"],
  [id^="ubcc-"],
  [id^="zodiac-"],
  [class^="ssa-"],
  [class*=" ssa-"],
  [class^="sss-"],
  [class*=" sss-"],
  [class^="sssss-"],
  [class*=" sssss-"],
  [class^="rts-"],
  [class*=" rts-"],
  [class^="flcc-"],
  [class*=" flcc-"],
  [class^="bngc-"],
  [class*=" bngc-"],
  [class^="bnnc-"],
  [class*=" bnnc-"],
  [class^="berc-"],
  [class*=" berc-"],
  [class^="mf-"],
  [class*=" mf-"],
  [class^="eos-"],
  [class*=" eos-"],
  [class^="nrf-"],
  [class*=" nrf-"],
  [class^="ogt-"],
  [class*=" ogt-"],
  [class^="ubcc-"],
  [class*=" ubcc-"],
  [class^="zhc-"],
  [class*=" zhc-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  [class^="ssafun-"],
  [class*=" ssafun-"],
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssaa-"],
  [class*=" ssaa-"][class*=" ssaa-"],
  [class^="sth-"],
  [class*=" sth-"]
) :is(input, select, textarea) {
  min-height: 44px !important;
  width: 100%;
  border: 1px solid var(--ssa-neon-line, rgba(45, 212, 191, 0.34)) !important;
  border-radius: var(--ssa-neon-radius-sm, 10px) !important;
  background: rgba(2, 6, 23, 0.88) !important;
  color: var(--ssa-neon-ink, #f4fdff) !important;
  padding: 10px 12px !important;
  line-height: 1.35 !important;
}

body :is(
  [id^="ssa-"],
  [id^="sss-"],
  [id^="rts-"],
  [id^="flcc-"],
  [id^="bngc-"],
  [id^="bnnc-"],
  [id^="berc-"],
  [id^="momfirst-"],
  [id^="eos-"],
  [id^="nrf-"],
  [id^="ogt-"],
  [id^="ubcc-"],
  [id^="zodiac-"],
  [class^="ssa-"],
  [class*=" ssa-"],
  [class^="sss-"],
  [class*=" sss-"],
  [class^="sssss-"],
  [class*=" sssss-"],
  [class^="rts-"],
  [class*=" rts-"],
  [class^="flcc-"],
  [class*=" flcc-"],
  [class^="bngc-"],
  [class*=" bngc-"],
  [class^="bnnc-"],
  [class*=" bnnc-"],
  [class^="berc-"],
  [class*=" berc-"],
  [class^="mf-"],
  [class*=" mf-"],
  [class^="eos-"],
  [class*=" eos-"],
  [class^="nrf-"],
  [class*=" nrf-"],
  [class^="ogt-"],
  [class*=" ogt-"],
  [class^="ubcc-"],
  [class*=" ubcc-"],
  [class^="zhc-"],
  [class*=" zhc-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  [class^="ssafun-"],
  [class*=" ssafun-"],
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssaa-"],
  [class*=" ssaa-"][class*=" ssaa-"],
  [class^="sth-"],
  [class*=" sth-"]
) :is(button, .button, .btn, [role="button"], input[type="button"], input[type="submit"], a.button, a.btn, .wp-block-button__link) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5em !important;
  min-height: 44px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(45, 212, 191, 0.38) !important;
  background: linear-gradient(135deg, var(--ssa-neon-teal, #2dd4bf), var(--ssa-neon-cyan, #38bdf8)) !important;
  color: #021018 !important;
  padding: 10px 16px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  white-space: normal !important;
}

body :is(
  [id^="ssa-"],
  [id^="sss-"],
  [id^="rts-"],
  [id^="flcc-"],
  [id^="bngc-"],
  [id^="bnnc-"],
  [id^="berc-"],
  [id^="momfirst-"],
  [id^="eos-"],
  [id^="nrf-"],
  [id^="ogt-"],
  [id^="ubcc-"],
  [id^="zodiac-"],
  [class^="ssa-"],
  [class*=" ssa-"],
  [class^="sss-"],
  [class*=" sss-"],
  [class^="sssss-"],
  [class*=" sssss-"],
  [class^="rts-"],
  [class*=" rts-"],
  [class^="flcc-"],
  [class*=" flcc-"],
  [class^="bngc-"],
  [class*=" bngc-"],
  [class^="bnnc-"],
  [class*=" bnnc-"],
  [class^="berc-"],
  [class*=" berc-"],
  [class^="mf-"],
  [class*=" mf-"],
  [class^="eos-"],
  [class*=" eos-"],
  [class^="nrf-"],
  [class*=" nrf-"],
  [class^="ogt-"],
  [class*=" ogt-"],
  [class^="ubcc-"],
  [class*=" ubcc-"],
  [class^="zhc-"],
  [class*=" zhc-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  [class^="ssafun-"],
  [class*=" ssafun-"],
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssaa-"],
  [class*=" ssaa-"][class*=" ssaa-"],
  [class^="sth-"],
  [class*=" sth-"]
) :is(
  .grid,
  .cards,
  .actions,
  .buttons,
  .stats,
  .metrics,
  .tabs,
  [class*="-grid"],
  [class*="__grid"],
  [class*="-cards"],
  [class*="__cards"],
  [class*="-actions"],
  [class*="__actions"],
  [class*="-buttons"],
  [class*="__buttons"],
  [class*="-stats"],
  [class*="-metrics"],
  [class*="-tabs"]
) {
  gap: clamp(12px, 1.8vw, 20px) !important;
}

body :is(
  [id^="ssa-"],
  [id^="sss-"],
  [id^="rts-"],
  [id^="flcc-"],
  [id^="bngc-"],
  [id^="bnnc-"],
  [id^="berc-"],
  [id^="momfirst-"],
  [id^="eos-"],
  [id^="nrf-"],
  [id^="ogt-"],
  [id^="ubcc-"],
  [id^="zodiac-"],
  [class^="ssa-"],
  [class*=" ssa-"],
  [class^="sss-"],
  [class*=" sss-"],
  [class^="sssss-"],
  [class*=" sssss-"],
  [class^="rts-"],
  [class*=" rts-"],
  [class^="flcc-"],
  [class*=" flcc-"],
  [class^="bngc-"],
  [class*=" bngc-"],
  [class^="bnnc-"],
  [class*=" bnnc-"],
  [class^="berc-"],
  [class*=" berc-"],
  [class^="mf-"],
  [class*=" mf-"],
  [class^="eos-"],
  [class*=" eos-"],
  [class^="nrf-"],
  [class*=" nrf-"],
  [class^="ogt-"],
  [class*=" ogt-"],
  [class^="ubcc-"],
  [class*=" ubcc-"],
  [class^="zhc-"],
  [class*=" zhc-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  [class^="ssafun-"],
  [class*=" ssafun-"],
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssaa-"],
  [class*=" ssaa-"][class*=" ssaa-"],
  [class^="sth-"],
  [class*=" sth-"]
) :is(
  .value,
  .amount,
  .score,
  .count,
  .total,
  .percent,
  .number,
  .unit,
  .label,
  .badge,
  output,
  [class$="-value"],
  [class$="__value"],
  [class$="-amount"],
  [class$="-score"],
  [class$="-count"],
  [class$="-total"],
  [class$="-unit"],
  [class$="-badge"]
) {
  display: inline-block !important;
  margin-inline: 0.18em !important;
  vertical-align: baseline !important;
}

body :is(
  [id^="ssa-"],
  [id^="sss-"],
  [id^="rts-"],
  [id^="flcc-"],
  [id^="bngc-"],
  [id^="bnnc-"],
  [id^="berc-"],
  [id^="momfirst-"],
  [id^="eos-"],
  [id^="nrf-"],
  [id^="ogt-"],
  [id^="ubcc-"],
  [id^="zodiac-"],
  [class^="ssa-"],
  [class*=" ssa-"],
  [class^="sss-"],
  [class*=" sss-"],
  [class^="sssss-"],
  [class*=" sssss-"],
  [class^="rts-"],
  [class*=" rts-"],
  [class^="flcc-"],
  [class*=" flcc-"],
  [class^="bngc-"],
  [class*=" bngc-"],
  [class^="bnnc-"],
  [class*=" bnnc-"],
  [class^="berc-"],
  [class*=" berc-"],
  [class^="mf-"],
  [class*=" mf-"],
  [class^="eos-"],
  [class*=" eos-"],
  [class^="nrf-"],
  [class*=" nrf-"],
  [class^="ogt-"],
  [class*=" ogt-"],
  [class^="ubcc-"],
  [class*=" ubcc-"],
  [class^="zhc-"],
  [class*=" zhc-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  [class^="ssafun-"],
  [class*=" ssafun-"],
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssaa-"],
  [class*=" ssaa-"][class*=" ssaa-"],
  [class^="sth-"],
  [class*=" sth-"]
) :is(table) {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
}

body :is(
  [id^="ssa-"],
  [id^="sss-"],
  [id^="rts-"],
  [id^="flcc-"],
  [id^="bngc-"],
  [id^="bnnc-"],
  [id^="berc-"],
  [id^="momfirst-"],
  [id^="eos-"],
  [id^="nrf-"],
  [id^="ogt-"],
  [id^="ubcc-"],
  [id^="zodiac-"],
  [class^="ssa-"],
  [class*=" ssa-"],
  [class^="sss-"],
  [class*=" sss-"],
  [class^="sssss-"],
  [class*=" sssss-"],
  [class^="rts-"],
  [class*=" rts-"],
  [class^="flcc-"],
  [class*=" flcc-"],
  [class^="bngc-"],
  [class*=" bngc-"],
  [class^="bnnc-"],
  [class*=" bnnc-"],
  [class^="berc-"],
  [class*=" berc-"],
  [class^="mf-"],
  [class*=" mf-"],
  [class^="eos-"],
  [class*=" eos-"],
  [class^="nrf-"],
  [class*=" nrf-"],
  [class^="ogt-"],
  [class*=" ogt-"],
  [class^="ubcc-"],
  [class*=" ubcc-"],
  [class^="zhc-"],
  [class*=" zhc-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  [class^="ssafun-"],
  [class*=" ssafun-"],
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssaa-"],
  [class*=" ssaa-"][class*=" ssaa-"],
  [class^="sth-"],
  [class*=" sth-"]
) :is(td, th) {
  padding: 12px !important;
  border-bottom: 1px solid rgba(45, 212, 191, 0.16) !important;
}

body :is(
  [id^="ssa-"],
  [id^="sss-"],
  [id^="rts-"],
  [id^="flcc-"],
  [id^="bngc-"],
  [id^="bnnc-"],
  [id^="berc-"],
  [id^="momfirst-"],
  [id^="eos-"],
  [id^="nrf-"],
  [id^="ogt-"],
  [id^="ubcc-"],
  [id^="zodiac-"],
  [class^="ssa-"],
  [class*=" ssa-"],
  [class^="sss-"],
  [class*=" sss-"],
  [class^="sssss-"],
  [class*=" sssss-"],
  [class^="rts-"],
  [class*=" rts-"],
  [class^="flcc-"],
  [class*=" flcc-"],
  [class^="bngc-"],
  [class*=" bngc-"],
  [class^="bnnc-"],
  [class*=" bnnc-"],
  [class^="berc-"],
  [class*=" berc-"],
  [class^="mf-"],
  [class*=" mf-"],
  [class^="eos-"],
  [class*=" eos-"],
  [class^="nrf-"],
  [class*=" nrf-"],
  [class^="ogt-"],
  [class*=" ogt-"],
  [class^="ubcc-"],
  [class*=" ubcc-"],
  [class^="zhc-"],
  [class*=" zhc-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  [class^="ssafun-"],
  [class*=" ssafun-"],
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssaa-"],
  [class*=" ssaa-"][class*=" ssaa-"],
  [class^="sth-"],
  [class*=" sth-"]
) details {
  padding: 10px 14px !important;
}

body :is(
  [id^="ssa-"],
  [id^="sss-"],
  [id^="rts-"],
  [id^="flcc-"],
  [id^="bngc-"],
  [id^="bnnc-"],
  [id^="berc-"],
  [id^="momfirst-"],
  [id^="eos-"],
  [id^="nrf-"],
  [id^="ogt-"],
  [id^="ubcc-"],
  [id^="zodiac-"],
  [class^="ssa-"],
  [class*=" ssa-"],
  [class^="sss-"],
  [class*=" sss-"],
  [class^="sssss-"],
  [class*=" sssss-"],
  [class^="rts-"],
  [class*=" rts-"],
  [class^="flcc-"],
  [class*=" flcc-"],
  [class^="bngc-"],
  [class*=" bngc-"],
  [class^="bnnc-"],
  [class*=" bnnc-"],
  [class^="berc-"],
  [class*=" berc-"],
  [class^="mf-"],
  [class*=" mf-"],
  [class^="eos-"],
  [class*=" eos-"],
  [class^="nrf-"],
  [class*=" nrf-"],
  [class^="ogt-"],
  [class*=" ogt-"],
  [class^="ubcc-"],
  [class*=" ubcc-"],
  [class^="zhc-"],
  [class*=" zhc-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  [class^="ssafun-"],
  [class*=" ssafun-"],
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssaa-"],
  [class*=" ssaa-"][class*=" ssaa-"],
  [class^="sth-"],
  [class*=" sth-"]
) summary {
  cursor: pointer !important;
  color: var(--ssa-neon-ink, #f4fdff) !important;
  font-weight: 750 !important;
}

body :is(.ssa-status-due-soon, .mf-status-due-soon, [data-status="due-soon"]) {
  border-color: rgba(251, 191, 36, 0.72) !important;
  box-shadow: 0 0 0 1px rgba(251, 191, 36, 0.2), 0 0 28px rgba(251, 191, 36, 0.13) !important;
}

body :is(.ssa-status-overdue, .mf-status-overdue, [data-status="overdue"]) {
  border-color: rgba(251, 113, 133, 0.82) !important;
  box-shadow: 0 0 0 1px rgba(251, 113, 133, 0.22), 0 0 28px rgba(251, 113, 133, 0.16) !important;
}

@media (max-width: 760px) {
  body :is(
    .ssa-tool-shell,
    .ssa-tool-hub-shell,
    .ssa-account-shell,
    .ssa-account-dashboard,
    .ssa-neon-tool-shell,
    .bngc-shell,
    .bnnc-shell,
    .berc-shell,
    .flcc-shell,
    .rts-shell,
    .eos-shell,
    .nrf-tool,
    .ogt-tool,
    .mf-app-shell,
    .sssss-tool,
    .ssahq-tool,
    .ssafun-account-tool,
    .ssaft-account-tool,
    .ssa-lkb,
    .ssa-pq-wrap,
    .ssa-dice,
    .ssa-gear,
    .ubcc-container,
    .zhc-calculator,
    #momfirst-root,
    #momfirst-dashboard,
    #flcc-calculator,
    #bngc-shell,
    #bnnc-shell,
    #berc-shell,
    #nrf-tool,
    #ogt-tool,
    #ayur-shell,
    #fin-shell,
    #health-shell,
    #rel-shell,
    #sssss-shell,
    .ssa-game-library-container
  ) {
    max-width: 100% !important;
    margin: 12px auto !important;
    padding: 14px !important;
  }

  body :is(
    [id^="ssa-"],
    [id^="sss-"],
    [id^="rts-"],
    [id^="flcc-"],
    [id^="bngc-"],
    [id^="bnnc-"],
    [id^="berc-"],
    [id^="momfirst-"],
    [id^="eos-"],
    [id^="nrf-"],
    [id^="ogt-"],
    [id^="ubcc-"],
    [id^="zodiac-"],
    [class^="ssa-"],
    [class*=" ssa-"],
    [class^="sss-"],
    [class*=" sss-"],
    [class^="sssss-"],
    [class*=" sssss-"],
    [class^="rts-"],
    [class*=" rts-"],
    [class^="flcc-"],
    [class*=" flcc-"],
    [class^="bngc-"],
    [class*=" bngc-"],
    [class^="bnnc-"],
    [class*=" bnnc-"],
    [class^="berc-"],
    [class*=" berc-"],
    [class^="mf-"],
    [class*=" mf-"],
    [class^="eos-"],
    [class*=" eos-"],
    [class^="nrf-"],
    [class*=" nrf-"],
    [class^="ogt-"],
    [class*=" ogt-"],
    [class^="ubcc-"],
    [class*=" ubcc-"],
    [class^="zhc-"],
    [class*=" zhc-"],
    [class^="ssahq-"],
    [class*=" ssahq-"],
    [class^="ssafun-"],
    [class*=" ssafun-"],
    [class^="ssaft-"],
    [class*=" ssaft-"],
    [class^="ssaa-"],
    [class*=" ssaa-"][class*=" ssaa-"],
    [class^="sth-"],
    [class*=" sth-"]
  ) :is(
    .grid,
    .cards,
    .actions,
    .buttons,
    .stats,
    .metrics,
    .tabs,
    [class*="-grid"],
    [class*="__grid"],
    [class*="-cards"],
    [class*="__cards"],
    [class*="-actions"],
    [class*="__actions"],
    [class*="-buttons"],
    [class*="__buttons"],
    [class*="-stats"],
    [class*="-metrics"],
    [class*="-tabs"]
  ) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body :is(
    [id^="ssa-"],
    [id^="sss-"],
    [id^="rts-"],
    [id^="flcc-"],
    [id^="bngc-"],
    [id^="bnnc-"],
    [id^="berc-"],
    [id^="momfirst-"],
    [id^="eos-"],
    [id^="nrf-"],
    [id^="ogt-"],
    [id^="ubcc-"],
    [id^="zodiac-"],
    [class^="ssa-"],
    [class*=" ssa-"],
    [class^="sss-"],
    [class*=" sss-"],
    [class^="sssss-"],
    [class*=" sssss-"],
    [class^="rts-"],
    [class*=" rts-"],
    [class^="flcc-"],
    [class*=" flcc-"],
    [class^="bngc-"],
    [class*=" bngc-"],
    [class^="bnnc-"],
    [class*=" bnnc-"],
    [class^="berc-"],
    [class*=" berc-"],
    [class^="mf-"],
    [class*=" mf-"],
    [class^="eos-"],
    [class*=" eos-"],
    [class^="nrf-"],
    [class*=" nrf-"],
    [class^="ogt-"],
    [class*=" ogt-"],
    [class^="ubcc-"],
    [class*=" ubcc-"],
    [class^="zhc-"],
    [class*=" zhc-"],
    [class^="ssahq-"],
    [class*=" ssahq-"],
    [class^="ssafun-"],
    [class*=" ssafun-"],
    [class^="ssaft-"],
    [class*=" ssaft-"],
    [class^="ssaa-"],
    [class*=" ssaa-"][class*=" ssaa-"],
    [class^="sth-"],
    [class*=" sth-"]
  ) :is(button, .button, .btn, [role="button"], input[type="button"], input[type="submit"], a.button, a.btn, .wp-block-button__link) {
    width: 100% !important;
  }
}

/*
 * Lightweight sitewide final pass.
 *
 * This keeps the whole SSA content layer dark/neon without the expensive
 * wildcard rescue selectors used for broken legacy tools. Use named WordPress
 * and content components here; keep `[class*="..."]` rules in tool-only
 * quarantine blocks.
 */
body :where(.ssa-neon-content-shell) {
  color-scheme: dark !important;
  color: var(--ssa-site-ink-soft, #dbeafe) !important;
}

body :where(.ssa-neon-content-shell) :is(
  .wp-block-group,
  .wp-block-columns,
  .wp-block-cover,
  .wp-block-table,
  .wp-block-details,
  .wp-block-media-text,
  .wp-block-query,
  .wp-block-latest-posts,
  .wp-block-categories,
  .wp-block-tag-cloud,
  blockquote,
  figure.wp-block-image,
  figure.wp-block-embed,
  .toc-container,
  .wp-block-table-of-contents,
  #collapsible-sections,
  .faq-section,
  .faq-container,
  .faq-item,
  .callout,
  .notice,
  .warning,
  .disclaimer,
  .resource-card,
  .link-card,
  .cta-card,
  .cta-section,
  .article-content,
  .hero-section,
  .shopping-list,
  .result,
  .sss-policy-container,
  .sss-post-container,
  .sss-callout,
  .sss-next-steps,
  .sss-method-box,
  .sss-budget-box,
  .sss-link-card,
  .wp-block-afpb-review-style-one,
  .afpb__product_info,
  .afpb__props_cons,
  .afpb__props_box,
  .afpb__cons_box,
  .product_content,
  .product_description
) {
  border-color: var(--ssa-site-line, rgba(45, 212, 191, 0.34)) !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: var(--ssa-site-ink-soft, #dbeafe) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body :where(.ssa-neon-content-shell) :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  legend,
  summary,
  strong,
  b,
  .title_tag,
  .rating_value
) {
  color: #ffffff !important;
  text-shadow: 0 0 16px rgba(56, 189, 248, 0.22) !important;
}

body :where(.ssa-neon-content-shell) :is(
  p,
  li,
  label,
  span,
  small,
  em,
  figcaption,
  td,
  th,
  output,
  .afpb__props_list,
  .afpb__cons_list,
  .product_description
) {
  color: var(--ssa-site-ink-soft, #dbeafe) !important;
}

body :where(.ssa-neon-content-shell) a {
  color: #8eeaff !important;
  text-decoration-color: rgba(142, 234, 255, 0.55) !important;
}

body :where(.ssa-neon-content-shell) :is(
  button,
  .button,
  .btn,
  [role="button"],
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  a.button,
  a.btn,
  .wp-block-button__link,
  .afpb__btn,
  #toggleSections
) {
  min-height: 44px !important;
  border: 1px solid rgba(45, 212, 191, 0.72) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--ssa-neon-teal, #2dd4bf), var(--ssa-neon-cyan, #38bdf8)) !important;
  color: #031018 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: 0 12px 28px rgba(34, 211, 238, 0.22) !important;
  cursor: pointer !important;
}

body :where(.ssa-neon-content-shell) :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  select,
  textarea
) {
  max-width: 100% !important;
  min-height: 44px !important;
  border: 1px solid rgba(56, 189, 248, 0.42) !important;
  border-radius: 12px !important;
  background: rgba(2, 6, 23, 0.9) !important;
  color: #f4fdff !important;
}

body :where(.ssa-neon-content-shell) :is(
  div[style*="background" i][style*="#fff" i],
  div[style*="background" i][style*="white" i],
  div[style*="background" i][style*="rgb(255" i],
  section[style*="background" i][style*="#fff" i],
  section[style*="background" i][style*="white" i],
  section[style*="background" i][style*="rgb(255" i],
  article[style*="background" i][style*="#fff" i],
  article[style*="background" i][style*="white" i],
  article[style*="background" i][style*="rgb(255" i],
  aside[style*="background" i][style*="#fff" i],
  aside[style*="background" i][style*="white" i],
  aside[style*="background" i][style*="rgb(255" i],
  form[style*="background" i][style*="#fff" i],
  form[style*="background" i][style*="white" i],
  form[style*="background" i][style*="rgb(255" i],
  table[style*="background" i][style*="#fff" i],
  table[style*="background" i][style*="white" i],
  table[style*="background" i][style*="rgb(255" i]
) {
  border-color: var(--ssa-site-line, rgba(45, 212, 191, 0.34)) !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: var(--ssa-site-ink-soft, #dbeafe) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body :where(.ssa-neon-content-shell) :is(
  [style*="color" i][style*="#000" i],
  [style*="color" i][style*="black" i],
  [style*="color" i][style*="#333" i]
) {
  color: var(--ssa-site-ink-soft, #dbeafe) !important;
}

/*
 * Pale legacy quarantine.
 *
 * Older SSA tools and exported page blocks often ship their own light-mode
 * cards, result boxes, tables, and inline styles. This master layer is the
 * last public visual contract, so it neutralizes that pattern across known
 * app/tool shells and generic calculator widgets while leaving `.ssa-no-neon`
 * available for intentional third-party embeds.
 */
body :where(.ssa-neon-content-shell.ssa-neon-has-tools) :is(
  [id^="ssa-"],
  [id^="sss-"],
  [id^="rts-"],
  [id^="flcc-"],
  [id^="bngc-"],
  [id^="bnnc-"],
  [id^="berc-"],
  [id^="momfirst-"],
  [id^="eos-"],
  [id^="nrf-"],
  [id^="ogt-"],
  [id^="ubcc-"],
  [id^="zodiac-"],
  [id^="ayur-"],
  [id^="fin-"],
  [id^="health-"],
  [id^="rel-"],
  [id*="calculator"],
  [id*="Calculator"],
  [class^="ssa-"],
  [class*=" ssa-"],
  [class^="sss-"],
  [class*=" sss-"],
  [class^="sssss-"],
  [class*=" sssss-"],
  [class^="rts-"],
  [class*=" rts-"],
  [class^="flcc-"],
  [class*=" flcc-"],
  [class^="bngc-"],
  [class*=" bngc-"],
  [class^="bnnc-"],
  [class*=" bnnc-"],
  [class^="berc-"],
  [class*=" berc-"],
  [class^="mf-"],
  [class*=" mf-"],
  [class^="eos-"],
  [class*=" eos-"],
  [class^="nrf-"],
  [class*=" nrf-"],
  [class^="ogt-"],
  [class*=" ogt-"],
  [class^="ubcc-"],
  [class*=" ubcc-"],
  [class^="zhc-"],
  [class*=" zhc-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  [class^="ssafun-"],
  [class*=" ssafun-"],
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssaa-"],
  [class*=" ssaa-"][class*=" ssaa-"],
  [class^="sth-"],
  [class*=" sth-"],
  [class*="calculator"],
  [class*="Calculator"]
) {
  color-scheme: dark !important;
}

body :where(.ssa-neon-content-shell.ssa-neon-has-tools) :is(
  [id^="ssa-"],
  [id^="sss-"],
  [id^="rts-"],
  [id^="flcc-"],
  [id^="bngc-"],
  [id^="bnnc-"],
  [id^="berc-"],
  [id^="momfirst-"],
  [id^="eos-"],
  [id^="nrf-"],
  [id^="ogt-"],
  [id^="ubcc-"],
  [id^="zodiac-"],
  [id^="ayur-"],
  [id^="fin-"],
  [id^="health-"],
  [id^="rel-"],
  [id*="calculator"],
  [id*="Calculator"],
  [class^="ssa-"],
  [class*=" ssa-"],
  [class^="sss-"],
  [class*=" sss-"],
  [class^="sssss-"],
  [class*=" sssss-"],
  [class^="rts-"],
  [class*=" rts-"],
  [class^="flcc-"],
  [class*=" flcc-"],
  [class^="bngc-"],
  [class*=" bngc-"],
  [class^="bnnc-"],
  [class*=" bnnc-"],
  [class^="berc-"],
  [class*=" berc-"],
  [class^="mf-"],
  [class*=" mf-"],
  [class^="eos-"],
  [class*=" eos-"],
  [class^="nrf-"],
  [class*=" nrf-"],
  [class^="ogt-"],
  [class*=" ogt-"],
  [class^="ubcc-"],
  [class*=" ubcc-"],
  [class^="zhc-"],
  [class*=" zhc-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  [class^="ssafun-"],
  [class*=" ssafun-"],
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssaa-"],
  [class*=" ssaa-"][class*=" ssaa-"],
  [class^="sth-"],
  [class*=" sth-"],
  [class*="calculator"],
  [class*="Calculator"]
) :is(
  [style*="background: #fff"],
  [style*="background:#fff"],
  [style*="background: white"],
  [style*="background:white"],
  [style*="background-color: #fff"],
  [style*="background-color:#fff"],
  [style*="background-color: white"],
  [style*="background-color:white"],
  [style*="rgba(255, 255, 255"],
  [style*="rgba(255,255,255"],
  [style*="color: #000"],
  [style*="color:#000"],
  [style*="color: black"],
  [style*="color:black"],
  .container,
  .calculator,
  .calculator-container,
  .calculator-wrapper,
  .tool-container,
  .input-section,
  .form-section,
  .calculator-section,
  .content-section,
  .output-section,
  .results-section,
  .result-section,
  .result-card,
  .results-card,
  .summary-card,
  .metric-card,
  .chart-container,
  .breakdown,
  .summary,
  .insights,
  .recommendations,
  .tips,
  .faq,
  .faqs-section,
  .content,
  .collapsible-content,
  .question,
  .option,
  .form-group,
  .card-input,
  .form-row,
  .field-row,
  [class*="-result"],
  [class*="__result"],
  [class*="-results"],
  [class*="__results"],
  [class*="-card"],
  [class*="__card"],
  [class*="-panel"],
  [class*="__panel"],
  [class*="-summary"],
  [class*="-metric"],
  [class*="-notice"],
  [class*="-callout"],
  table,
  thead,
  tbody,
  tr,
  td,
  th
) {
  max-width: 100% !important;
  min-width: 0 !important;
  border-color: var(--ssa-neon-line, rgba(45, 212, 191, 0.34)) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(45, 212, 191, 0.09), transparent 32%),
    linear-gradient(180deg, rgba(8, 18, 34, 0.98), rgba(3, 8, 18, 0.98)) !important;
  color: var(--ssa-neon-muted, #dbeafe) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28) !important;
}

body :where(.ssa-neon-content-shell.ssa-neon-has-tools) :is(
  [id^="ssa-"],
  [id^="sss-"],
  [id^="rts-"],
  [id^="flcc-"],
  [id^="bngc-"],
  [id^="bnnc-"],
  [id^="berc-"],
  [id^="momfirst-"],
  [id^="eos-"],
  [id^="nrf-"],
  [id^="ogt-"],
  [id^="ubcc-"],
  [id^="zodiac-"],
  [id^="ayur-"],
  [id^="fin-"],
  [id^="health-"],
  [id^="rel-"],
  [id*="calculator"],
  [id*="Calculator"],
  [class^="ssa-"],
  [class*=" ssa-"],
  [class^="sss-"],
  [class*=" sss-"],
  [class^="sssss-"],
  [class*=" sssss-"],
  [class^="rts-"],
  [class*=" rts-"],
  [class^="flcc-"],
  [class*=" flcc-"],
  [class^="bngc-"],
  [class*=" bngc-"],
  [class^="bnnc-"],
  [class*=" bnnc-"],
  [class^="berc-"],
  [class*=" berc-"],
  [class^="mf-"],
  [class*=" mf-"],
  [class^="eos-"],
  [class*=" eos-"],
  [class^="nrf-"],
  [class*=" nrf-"],
  [class^="ogt-"],
  [class*=" ogt-"],
  [class^="ubcc-"],
  [class*=" ubcc-"],
  [class^="zhc-"],
  [class*=" zhc-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  [class^="ssafun-"],
  [class*=" ssafun-"],
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssaa-"],
  [class*=" ssaa-"][class*=" ssaa-"],
  [class^="sth-"],
  [class*=" sth-"],
  [class*="calculator"],
  [class*="Calculator"]
) :is(h1, h2, h3, h4, h5, h6, legend, summary, strong, b, [style*="color: #000"], [style*="color:#000"], [style*="color: black"], [style*="color:black"]) {
  color: #ffffff !important;
  text-shadow: 0 0 16px rgba(56, 189, 248, 0.22) !important;
}

body :where(.ssa-neon-content-shell.ssa-neon-has-tools) :is(
  [id^="ssa-"],
  [id^="sss-"],
  [id^="rts-"],
  [id^="flcc-"],
  [id^="bngc-"],
  [id^="bnnc-"],
  [id^="berc-"],
  [id^="momfirst-"],
  [id^="eos-"],
  [id^="nrf-"],
  [id^="ogt-"],
  [id^="ubcc-"],
  [id^="zodiac-"],
  [id^="ayur-"],
  [id^="fin-"],
  [id^="health-"],
  [id^="rel-"],
  [id*="calculator"],
  [id*="Calculator"],
  [class^="ssa-"],
  [class*=" ssa-"],
  [class^="sss-"],
  [class*=" sss-"],
  [class^="sssss-"],
  [class*=" sssss-"],
  [class^="rts-"],
  [class*=" rts-"],
  [class^="flcc-"],
  [class*=" flcc-"],
  [class^="bngc-"],
  [class*=" bngc-"],
  [class^="bnnc-"],
  [class*=" bnnc-"],
  [class^="berc-"],
  [class*=" berc-"],
  [class^="mf-"],
  [class*=" mf-"],
  [class^="eos-"],
  [class*=" eos-"],
  [class^="nrf-"],
  [class*=" nrf-"],
  [class^="ogt-"],
  [class*=" ogt-"],
  [class^="ubcc-"],
  [class*=" ubcc-"],
  [class^="zhc-"],
  [class*=" zhc-"],
  [class^="ssahq-"],
  [class*=" ssahq-"],
  [class^="ssafun-"],
  [class*=" ssafun-"],
  [class^="ssaft-"],
  [class*=" ssaft-"],
  [class^="ssaa-"],
  [class*=" ssaa-"][class*=" ssaa-"],
  [class^="sth-"],
  [class*=" sth-"],
  [class*="calculator"],
  [class*="Calculator"]
) :is(p, li, label, span, div, small, em, td, th, output) {
  color: var(--ssa-neon-muted, #dbeafe) !important;
}

body :where(.ssa-neon-content-shell.ssa-neon-has-tools) :is(
  [id*="calculator"],
  [id*="Calculator"],
  [class*="calculator"],
  [class*="Calculator"],
  [class^="ssa-"],
  [class*=" ssa-"],
  [class^="sss-"],
  [class*=" sss-"]
) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea) {
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  border-color: rgba(56, 189, 248, 0.42) !important;
  border-radius: 12px !important;
  background: rgba(2, 6, 23, 0.88) !important;
  color: #f4fdff !important;
}

body :where(.ssa-neon-content-shell.ssa-neon-has-tools) :is(
  [id*="calculator"],
  [id*="Calculator"],
  [class*="calculator"],
  [class*="Calculator"],
  [class^="ssa-"],
  [class*=" ssa-"],
  [class^="sss-"],
  [class*=" sss-"]
) :is(canvas, svg, img, iframe, video, table, pre) {
  max-width: 100% !important;
}

@media (max-width: 760px) {
  body :where(.ssa-neon-content-shell.ssa-neon-has-tools) :is(
    [id*="calculator"],
    [id*="Calculator"],
    [class*="calculator"],
    [class*="Calculator"],
    [class^="ssa-"],
    [class*=" ssa-"],
    [class^="sss-"],
    [class*=" sss-"]
  ) :is(
    form,
    fieldset,
    .input-section,
    .form-section,
    .calculator-section,
    .content-section,
    .output-section,
    .chart-container,
    .results-section,
    .result-section,
    .result-card,
    .calculator-card,
    .summary-card,
    .metric-card,
    .form-group,
    .card-input,
    .form-row,
    .field-row,
    [class*="-grid"],
    [class*="__grid"],
    [class*="-cards"],
    [class*="__cards"],
    [class*="-actions"],
    [class*="__actions"],
    [class*="-buttons"],
    [class*="__buttons"]
  ) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body :where(.ssa-neon-content-shell.ssa-neon-has-tools) :is(
    [id*="calculator"],
    [id*="Calculator"],
    [class*="calculator"],
    [class*="Calculator"],
    [class^="ssa-"],
    [class*=" ssa-"],
    [class^="sss-"],
    [class*=" sss-"]
  ) :is(button, .button, .btn, input[type="button"], input[type="submit"], a.button, a.btn, .wp-block-button__link) {
    width: 100% !important;
    justify-content: center !important;
    white-space: normal !important;
  }
}

/*
 * No-pale future guard.
 *
 * This catches older and future tool pages that missed a named SSA shell:
 * generic tool/quiz/game/dashboard roots, inline white exported blocks, and
 * affiliate review cards. Keep it before `.ssa-no-neon` so intentional
 * third-party embeds still have an escape hatch.
 */
body :where(.ssa-neon-content-shell.ssa-neon-has-tools) :is(
  [id*="tool"],
  [id*="Tool"],
  [id*="quiz"],
  [id*="Quiz"],
  [id*="game"],
  [id*="Game"],
  [id*="dashboard"],
  [id*="Dashboard"],
  [id*="calculator"],
  [id*="Calculator"],
  [class*="tool"],
  [class*="Tool"],
  [class*="quiz"],
  [class*="Quiz"],
  [class*="game"],
  [class*="Game"],
  [class*="dashboard"],
  [class*="Dashboard"],
  [class*="calculator"],
  [class*="Calculator"],
  .wp-block-afpb-review-style-one,
  .afpb__product_info,
  .afpb__props_cons,
  .afpb__props_box,
  .afpb__cons_box,
  .afpb__props_list,
  .afpb__cons_list,
  .product_content,
  .product_description
) {
  color-scheme: dark !important;
}

body :where(.ssa-neon-content-shell.ssa-neon-has-tools) :is(
  [id*="tool"],
  [id*="Tool"],
  [id*="quiz"],
  [id*="Quiz"],
  [id*="game"],
  [id*="Game"],
  [id*="dashboard"],
  [id*="Dashboard"],
  [id*="calculator"],
  [id*="Calculator"],
  [class*="tool"],
  [class*="Tool"],
  [class*="quiz"],
  [class*="Quiz"],
  [class*="game"],
  [class*="Game"],
  [class*="dashboard"],
  [class*="Dashboard"],
  [class*="calculator"],
  [class*="Calculator"],
  .wp-block-afpb-review-style-one
) :is(
  .card,
  .panel,
  .box,
  .tile,
  .item,
  .option,
  .question,
  .answer,
  .summary,
  .notice,
  .callout,
  .metric,
  .stat,
  .result,
  .results,
  .output,
  .content,
  .wrapper,
  .surface,
  .section,
  .form-group,
  .field,
  .input,
  .chart,
  .chart-wrap,
  .chart-wrapper,
  .chart-container,
  .table-wrap,
  .table-wrapper,
  .wp-block-afpb-review-style-one,
  .afpb__product_info,
  .afpb__props_cons,
  .afpb__props_box,
  .afpb__cons_box,
  .afpb__props_list,
  .afpb__cons_list,
  .product_content,
  .product_description,
  [class*="-card"],
  [class*="__card"],
  [class*="-panel"],
  [class*="__panel"],
  [class*="-box"],
  [class*="-tile"],
  [class*="-item"],
  [class*="-option"],
  [class*="-question"],
  [class*="-answer"],
  [class*="-summary"],
  [class*="-notice"],
  [class*="-callout"],
  [class*="-metric"],
  [class*="-stat"],
  [class*="-result"],
  [class*="__result"],
  [class*="-results"],
  [class*="__results"],
  [class*="-output"],
  [class*="-content"],
  [class*="-wrapper"],
  [class*="-surface"],
  [class*="-section"],
  [class*="-field"],
  [class*="-input"],
  [class*="-chart"],
  [class*="-table"],
  fieldset,
  details,
  table,
  thead,
  tbody,
  tr,
  td,
  th
) {
  max-width: 100% !important;
  min-width: 0 !important;
}

body :where(.ssa-neon-content-shell.ssa-neon-has-tools) :is(
  [style*="background" i][style*="#fff" i],
  [style*="background" i][style*="white" i],
  [style*="background" i][style*="rgb(255" i],
  div[style*="background:#fff"],
  div[style*="background: #fff"],
  div[style*="background:#ffffff"],
  div[style*="background: #ffffff"],
  div[style*="background:white"],
  div[style*="background: white"],
  div[style*="background-color:#fff"],
  div[style*="background-color: #fff"],
  div[style*="background-color:#ffffff"],
  div[style*="background-color: #ffffff"],
  div[style*="background-color:white"],
  div[style*="background-color: white"],
  section[style*="background:#fff"],
  section[style*="background: #fff"],
  section[style*="background:#ffffff"],
  section[style*="background: #ffffff"],
  section[style*="background:white"],
  section[style*="background: white"],
  section[style*="background-color:#fff"],
  section[style*="background-color: #fff"],
  section[style*="background-color:#ffffff"],
  section[style*="background-color: #ffffff"],
  section[style*="background-color:white"],
  section[style*="background-color: white"],
  article[style*="background:#fff"],
  article[style*="background: #fff"],
  article[style*="background:#ffffff"],
  article[style*="background: #ffffff"],
  article[style*="background:white"],
  article[style*="background: white"],
  article[style*="background-color:#fff"],
  article[style*="background-color: #fff"],
  article[style*="background-color:#ffffff"],
  article[style*="background-color: #ffffff"],
  article[style*="background-color:white"],
  article[style*="background-color: white"],
  aside[style*="background:#fff"],
  aside[style*="background: #fff"],
  aside[style*="background:#ffffff"],
  aside[style*="background: #ffffff"],
  aside[style*="background:white"],
  aside[style*="background: white"],
  aside[style*="background-color:#fff"],
  aside[style*="background-color: #fff"],
  aside[style*="background-color:#ffffff"],
  aside[style*="background-color: #ffffff"],
  aside[style*="background-color:white"],
  aside[style*="background-color: white"],
  form[style*="background:#fff"],
  form[style*="background: #fff"],
  form[style*="background:#ffffff"],
  form[style*="background: #ffffff"],
  form[style*="background:white"],
  form[style*="background: white"],
  form[style*="background-color:#fff"],
  form[style*="background-color: #fff"],
  form[style*="background-color:#ffffff"],
  form[style*="background-color: #ffffff"],
  form[style*="background-color:white"],
  form[style*="background-color: white"],
  [style*="rgba(255,255,255"],
  [style*="rgba(255, 255, 255"]
),
body :where(.ssa-neon-content-shell.ssa-neon-has-tools) :is(
  [id*="tool"],
  [id*="Tool"],
  [id*="quiz"],
  [id*="Quiz"],
  [id*="game"],
  [id*="Game"],
  [id*="dashboard"],
  [id*="Dashboard"],
  [id*="calculator"],
  [id*="Calculator"],
  [class*="tool"],
  [class*="Tool"],
  [class*="quiz"],
  [class*="Quiz"],
  [class*="game"],
  [class*="Game"],
  [class*="dashboard"],
  [class*="Dashboard"],
  [class*="calculator"],
  [class*="Calculator"],
  .wp-block-afpb-review-style-one
) :is(
  .card,
  .panel,
  .box,
  .tile,
  .option,
  .question,
  .answer,
  .summary,
  .notice,
  .callout,
  .metric,
  .stat,
  .result,
  .results,
  .output,
  .surface,
  .chart,
  .chart-wrap,
  .chart-wrapper,
  .chart-container,
  .table-wrap,
  .table-wrapper,
  .wp-block-afpb-review-style-one,
  .afpb__product_info,
  .afpb__props_cons,
  .afpb__props_box,
  .afpb__cons_box,
  .product_content,
  .product_description,
  [class*="-card"],
  [class*="__card"],
  [class*="-panel"],
  [class*="__panel"],
  [class*="-box"],
  [class*="-tile"],
  [class*="-option"],
  [class*="-question"],
  [class*="-answer"],
  [class*="-summary"],
  [class*="-notice"],
  [class*="-callout"],
  [class*="-metric"],
  [class*="-stat"],
  [class*="-result"],
  [class*="__result"],
  [class*="-results"],
  [class*="__results"],
  [class*="-output"],
  [class*="-surface"],
  [class*="-chart"],
  [class*="-table"],
  fieldset,
  details,
  table,
  thead,
  tbody,
  tr,
  td,
  th
) {
  border-color: var(--ssa-neon-line, rgba(45, 212, 191, 0.34)) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(45, 212, 191, 0.09), transparent 32%),
    linear-gradient(180deg, rgba(8, 18, 34, 0.98), rgba(3, 8, 18, 0.98)) !important;
  color: var(--ssa-neon-muted, #dbeafe) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28) !important;
}

body :where(.ssa-neon-content-shell.ssa-neon-has-tools) :is(
  [style*="color" i][style*="#000" i],
  [style*="color" i][style*="black" i],
  [style*="color" i][style*="#333" i],
  [style*="color:#000"],
  [style*="color: #000"],
  [style*="color:#000000"],
  [style*="color: #000000"],
  [style*="color:black"],
  [style*="color: black"],
  [style*="color:#333"],
  [style*="color: #333"],
  [style*="color:#333333"],
  [style*="color: #333333"]
),
body :where(.ssa-neon-content-shell.ssa-neon-has-tools) :is(
  [id*="tool"],
  [id*="Tool"],
  [id*="quiz"],
  [id*="Quiz"],
  [id*="game"],
  [id*="Game"],
  [id*="dashboard"],
  [id*="Dashboard"],
  [id*="calculator"],
  [id*="Calculator"],
  [class*="tool"],
  [class*="Tool"],
  [class*="quiz"],
  [class*="Quiz"],
  [class*="game"],
  [class*="Game"],
  [class*="dashboard"],
  [class*="Dashboard"],
  [class*="calculator"],
  [class*="Calculator"],
  .wp-block-afpb-review-style-one
) :is(p, li, label, span, small, em, div, td, th, output, .afpb__props_list, .afpb__cons_list, .product_description) {
  color: var(--ssa-neon-muted, #dbeafe) !important;
}

body :where(.ssa-neon-content-shell.ssa-neon-has-tools) :is(
  [id*="tool"],
  [id*="Tool"],
  [id*="quiz"],
  [id*="Quiz"],
  [id*="game"],
  [id*="Game"],
  [id*="dashboard"],
  [id*="Dashboard"],
  [id*="calculator"],
  [id*="Calculator"],
  [class*="tool"],
  [class*="Tool"],
  [class*="quiz"],
  [class*="Quiz"],
  [class*="game"],
  [class*="Game"],
  [class*="dashboard"],
  [class*="Dashboard"],
  [class*="calculator"],
  [class*="Calculator"],
  .wp-block-afpb-review-style-one
) :is(h1, h2, h3, h4, h5, h6, legend, summary, strong, b, .title_tag, .rating_value) {
  color: #ffffff !important;
  text-shadow: 0 0 16px rgba(56, 189, 248, 0.22) !important;
}

body :where(.ssa-neon-content-shell.ssa-neon-has-tools) :is(
  [id*="tool"],
  [id*="Tool"],
  [id*="quiz"],
  [id*="Quiz"],
  [id*="game"],
  [id*="Game"],
  [id*="dashboard"],
  [id*="Dashboard"],
  [id*="calculator"],
  [id*="Calculator"],
  [class*="tool"],
  [class*="Tool"],
  [class*="quiz"],
  [class*="Quiz"],
  [class*="game"],
  [class*="Game"],
  [class*="dashboard"],
  [class*="Dashboard"],
  [class*="calculator"],
  [class*="Calculator"],
  .wp-block-afpb-review-style-one
) :is(button, .button, .btn, [role="button"], input[type="button"], input[type="submit"], input[type="reset"], a.button, a.btn, .wp-block-button__link, .afpb__btn) {
  min-height: 44px !important;
  border: 1px solid rgba(45, 212, 191, 0.72) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--ssa-neon-teal, #2dd4bf), var(--ssa-neon-cyan, #38bdf8)) !important;
  color: #031018 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(34, 211, 238, 0.22) !important;
  cursor: pointer !important;
}

body :where(.ssa-neon-content-shell.ssa-neon-has-tools) :is(
  [id*="tool"],
  [id*="Tool"],
  [id*="quiz"],
  [id*="Quiz"],
  [id*="game"],
  [id*="Game"],
  [id*="dashboard"],
  [id*="Dashboard"],
  [id*="calculator"],
  [id*="Calculator"],
  [class*="tool"],
  [class*="Tool"],
  [class*="quiz"],
  [class*="Quiz"],
  [class*="game"],
  [class*="Game"],
  [class*="dashboard"],
  [class*="Dashboard"],
  [class*="calculator"],
  [class*="Calculator"]
) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea) {
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  border: 1px solid rgba(56, 189, 248, 0.42) !important;
  border-radius: 12px !important;
  background: rgba(2, 6, 23, 0.9) !important;
  color: #f4fdff !important;
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.08) !important;
}

@media (max-width: 760px) {
  body :where(.ssa-neon-content-shell.ssa-neon-has-tools) :is(
    [id*="tool"],
    [id*="Tool"],
    [id*="quiz"],
    [id*="Quiz"],
    [id*="game"],
    [id*="Game"],
    [id*="dashboard"],
    [id*="Dashboard"],
    [id*="calculator"],
    [id*="Calculator"],
    [class*="tool"],
    [class*="Tool"],
    [class*="quiz"],
    [class*="Quiz"],
    [class*="game"],
    [class*="Game"],
    [class*="dashboard"],
    [class*="Dashboard"],
    [class*="calculator"],
    [class*="Calculator"]
  ) :is(
    form,
    fieldset,
    .input-section,
    .form-section,
    .calculator-section,
    .content-section,
    .output-section,
    .chart-container,
    .results-section,
    .result-section,
    .result-card,
    .calculator-card,
    .summary-card,
    .metric-card,
    .form-group,
    .card-input,
    .form-row,
    .field-row,
    [class*="-grid"],
    [class*="__grid"],
    [class*="-cards"],
    [class*="__cards"],
    [class*="-actions"],
    [class*="__actions"],
    [class*="-buttons"],
    [class*="__buttons"]
  ) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body :where(.ssa-neon-content-shell.ssa-neon-has-tools) :is(
    [id*="tool"],
    [id*="Tool"],
    [id*="quiz"],
    [id*="Quiz"],
    [id*="game"],
    [id*="Game"],
    [id*="dashboard"],
    [id*="Dashboard"],
    [id*="calculator"],
    [id*="Calculator"],
    [class*="tool"],
    [class*="Tool"],
    [class*="quiz"],
    [class*="Quiz"],
    [class*="game"],
    [class*="Game"],
    [class*="dashboard"],
    [class*="Dashboard"],
    [class*="calculator"],
    [class*="Calculator"]
  ) :is(button, .button, .btn, [role="button"], input[type="button"], input[type="submit"], input[type="reset"], a.button, a.btn, .wp-block-button__link) {
    width: 100% !important;
    justify-content: center !important;
    white-space: normal !important;
  }
}

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;
  letter-spacing: revert !important;
  line-height: revert !important;
}

/*
 * Mobile full-bleed correction.
 *
 * Tool shortcodes live inside article/page wrappers that often add centered
 * gutters. On phones, those inherited gutters squeeze the actual tool surface.
 * Break app-like shells out to the viewport edge while keeping internal
 * padding readable.
 */
@media (max-width: 760px) {
  body :where(.entry-content, .ssa-neon-content-shell) :is(
    .ssa-tool-shell,
    .ssa-tool-hub-shell,
    .ssa-account-shell,
    .ssa-account-dashboard,
    .ssa-neon-tool-shell,
    .bngc-shell,
    .bnnc-shell,
    .berc-shell,
    .flcc-shell,
    .rts-shell,
    .eos-shell,
    .nrf-tool,
    .ogt-tool,
    .mf-app-shell,
    .sssss-tool,
    .ssahq-tool,
    .ssafun-account-tool,
    .ssaft-account-tool,
    .ssa-lkb,
    .ssa-pq-wrap,
    .ssa-dice,
    .ssa-gear,
    .ubcc-container,
    .zhc-calculator,
    #momfirst-root,
    #momfirst-dashboard,
    #flcc-calculator,
    #bngc-shell,
    #bnnc-shell,
    #berc-shell,
    #nrf-tool,
    #ogt-tool,
    #ayur-shell,
    #fin-shell,
    #health-shell,
    #rel-shell,
    #rel-tools-shell,
    #rel-quiz-shell,
    #sssss-shell
  ) {
    width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 14px !important;
    margin-bottom: 14px !important;
    padding: 16px !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-radius: 0 !important;
  }

  body :where(.entry-content, .ssa-neon-content-shell) :is(
    .ssa-tool-shell,
    .ssa-tool-hub-shell,
    .ssa-account-shell,
    .ssa-account-dashboard,
    .ssa-neon-tool-shell,
    .bngc-shell,
    .bnnc-shell,
    .berc-shell,
    .flcc-shell,
    .rts-shell,
    .eos-shell,
    .nrf-tool,
    .ogt-tool,
    .mf-app-shell,
    .sssss-tool,
    .ssahq-tool,
    .ssafun-account-tool,
    .ssaft-account-tool,
    .ssa-lkb,
    .ssa-pq-wrap,
    .ssa-dice,
    .ssa-gear,
    .ubcc-container,
    .zhc-calculator,
    #momfirst-root,
    #momfirst-dashboard,
    #flcc-calculator,
    #bngc-shell,
    #bnnc-shell,
    #berc-shell,
    #nrf-tool,
    #ogt-tool,
    #ayur-shell,
    #fin-shell,
    #health-shell,
    #rel-shell,
    #rel-tools-shell,
    #rel-quiz-shell,
    #sssss-shell
  ) :is(
    .card,
    .panel,
    .box,
    .section,
    .result,
    .results,
    .summary,
    .notice,
    .callout,
    .metric,
    .stat,
    .tool-card,
    fieldset,
    details,
    table,
    [class$="-card"],
    [class$="__card"],
    [class$="-panel"],
    [class$="__panel"],
    [class$="-result"],
    [class$="-results"],
    [class$="__result"],
    [class$="-summary"],
    [class$="-notice"],
    [class$="-callout"],
    [class$="-metric"],
    [class$="-stat"],
    [class$="-box"],
    [class$="-section"]
  ) {
    padding-inline: 14px !important;
  }

}

/*
 * Final mobile viewport contract.
 *
 * This is intentionally last. It neutralizes theme/page/plugin side gutters on
 * phones so articles, pages, game pages, and tools share one mobile width
 * model: no outer gutter; readable content padding inside; app/tool/game
 * surfaces may use the full viewport.
 */
@media (max-width: 760px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body :is(
    #main,
    #main-container,
    #content,
    #primary,
    .site,
    .site-content,
    .site-main,
    .content-area,
    .content,
    .container,
    .site-container,
    .page,
    .page-content,
    .post,
    .post-content,
    .entry,
    .entry-inner,
    .entry-card,
    .entry-wrap,
    .content-wrap,
    .content-inner,
    .article-content,
    .article-wrap,
    .ct-container,
    .ct-container-full,
    .ct-content,
    .ct-main-content,
    .ct-post,
    .ct-page,
    article,
    .entry-content,
    .ssa-neon-content-shell
  ) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: clip !important;
  }

  body :is(.entry-content, .ssa-neon-content-shell) > * {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body :is(.entry-content, .ssa-neon-content-shell) > :not(
    .alignfull,
    .wp-block-cover,
    .wp-block-media-text,
    .wp-block-embed,
    .wp-block-image,
    .wp-block-gallery,
    .ssa-tool-shell,
    .ssa-tool-hub-shell,
    .ssa-account-shell,
    .ssa-account-dashboard,
    .ssa-neon-tool-shell,
    #momfirst-root,
    #momfirst-dashboard,
    #ayur-shell,
    #fin-shell,
    #health-shell,
    #rel-shell,
    #rel-tools-shell,
    #rel-quiz-shell,
    #sssss-shell
  ) {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body :is(.entry-content, .ssa-neon-content-shell) :is(
    .ssa-affiliate-disclosure,
    .ssa-inline-affiliate,
    [class*="affiliate-disclosure"]
  ) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 12px 14px !important;
  }

  body :where(.entry-content, .ssa-neon-content-shell) > :is(
    p,
    ul,
    ol,
    blockquote,
    figure,
    table,
    form,
    details,
    .wp-block-heading,
    .wp-block-paragraph,
    .wp-block-list,
    .wp-block-quote,
    .wp-block-image,
    .wp-block-gallery,
    .wp-block-embed,
    .wp-block-table,
    .wp-block-buttons,
    .wp-block-columns,
    .wp-block-group,
    .wp-block-details,
    .wp-block-media-text,
    .wp-block-cover,
    .wp-block-afpb-review-style-one
  ) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body :where(.entry-content, .ssa-neon-content-shell) > :is(
    .wp-block-columns,
    .wp-block-group,
    .wp-block-cover,
    .wp-block-media-text,
    .wp-block-table,
    .wp-block-afpb-review-style-one,
    details,
    table,
    form,
    blockquote
  ) {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }

  body :where(.entry-content, .ssa-neon-content-shell) :is(
    img,
    video,
    iframe,
    embed,
    object,
    canvas,
    svg,
    table,
    pre
  ) {
    max-width: 100% !important;
  }

  body :is(.entry-content, .ssa-neon-content-shell) :is(
    .aligncenter,
    .alignwide,
    .wp-block-image,
    figure.wp-block-image,
    .wp-block-gallery,
    .wp-block-embed
  ) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body :is(.entry-content, .ssa-neon-content-shell) :is(
    .wp-block-image img,
    figure.wp-block-image img,
    .wp-block-gallery img
  ) {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
  }

  body :where(.entry-content, .ssa-neon-content-shell) :is(
    table,
    pre,
    .wp-block-table,
    .wp-block-embed,
    .wp-block-gallery
  ) {
    overflow-x: auto !important;
  }

  body :where(.entry-content, .ssa-neon-content-shell) :is(
    .ssa-tool-shell,
    .ssa-tool-hub-shell,
    .ssa-account-shell,
    .ssa-account-dashboard,
    .ssa-neon-tool-shell,
    .bngc-shell,
    .bnnc-shell,
    .berc-shell,
    .flcc-shell,
    .rts-shell,
    .eos-shell,
    .nrf-tool,
    .ogt-tool,
    .mf-app-shell,
    .sssss-tool,
    .ssahq-tool,
    .ssafun-account-tool,
    .ssaft-account-tool,
    .ssa-lkb,
    .ssa-pq-wrap,
    .ssa-dice,
    .ssa-gear,
    .ubcc-container,
    .zhc-calculator,
    .sgc-wrap,
    .ssa-aie-block,
    .ssa-aie-card,
    #momfirst-root,
    #momfirst-dashboard,
    #flcc-calculator,
    #bngc-shell,
    #bnnc-shell,
    #berc-shell,
    #nrf-tool,
    #ogt-tool,
    #ayur-shell,
    #fin-shell,
    #health-shell,
    #rel-shell,
    #rel-tools-shell,
    #rel-quiz-shell,
    #sssss-shell,
    .game-search-container,
    .game-tool-search-container,
    .game-library-container,
    .ssa-game-library-container,
    .ssa-game-library,
    .sss-game-library,
    .sss-game-search,
    .sss-game-tool-search
  ) {
    width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body :where(.entry-content, .ssa-neon-content-shell) :is(
    .ssa-tool-shell,
    .ssa-tool-hub-shell,
    .ssa-account-shell,
    .ssa-account-dashboard,
    .ssa-neon-tool-shell,
    .bngc-shell,
    .bnnc-shell,
    .berc-shell,
    .flcc-shell,
    .rts-shell,
    .eos-shell,
    .nrf-tool,
    .ogt-tool,
    .mf-app-shell,
    .sssss-tool,
    .ssahq-tool,
    .ssafun-account-tool,
    .ssaft-account-tool,
    .ssa-lkb,
    .ssa-pq-wrap,
    .ssa-dice,
    .ssa-gear,
    .ubcc-container,
    .zhc-calculator,
    .sgc-wrap,
    .ssa-aie-block,
    .ssa-aie-card,
    #momfirst-root,
    #momfirst-dashboard,
    #flcc-calculator,
    #bngc-shell,
    #bnnc-shell,
    #berc-shell,
    #nrf-tool,
    #ogt-tool,
    #ayur-shell,
    #fin-shell,
    #health-shell,
    #rel-shell,
    #rel-tools-shell,
    #rel-quiz-shell,
    #sssss-shell,
    .game-search-container,
    .game-tool-search-container,
    .game-library-container,
    .ssa-game-library-container,
    .ssa-game-library,
    .sss-game-library,
    .sss-game-search,
    .sss-game-tool-search
  ) * {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body :where(.entry-content, .ssa-neon-content-shell) :is(
    .ssa-tool-shell,
    .ssa-tool-hub-shell,
    .ssa-account-shell,
    .ssa-account-dashboard,
    .ssa-neon-tool-shell,
    .bngc-shell,
    .bnnc-shell,
    .berc-shell,
    .flcc-shell,
    .rts-shell,
    .eos-shell,
    .nrf-tool,
    .ogt-tool,
    .mf-app-shell,
    .sssss-tool,
    .ssahq-tool,
    .ssafun-account-tool,
    .ssaft-account-tool,
    .ssa-lkb,
    .ssa-pq-wrap,
    .ssa-dice,
    .ssa-gear,
    .ubcc-container,
    .zhc-calculator,
    .sgc-wrap,
    #momfirst-root,
    #momfirst-dashboard,
    #flcc-calculator,
    #bngc-shell,
    #bnnc-shell,
    #berc-shell,
    #nrf-tool,
    #ogt-tool,
    #ayur-shell,
    #fin-shell,
    #health-shell,
    #rel-shell,
    #rel-tools-shell,
    #rel-quiz-shell,
    #sssss-shell
  ) :is(
    .grid,
    .cards,
    .actions,
    .buttons,
    .stats,
    .metrics,
    .tabs,
    [class*="-grid"],
    [class*="__grid"],
    [class*="-cards"],
    [class*="__cards"],
    [class*="-actions"],
    [class*="__actions"],
    [class*="-buttons"],
    [class*="__buttons"],
    [class*="-stats"],
    [class*="-metrics"],
    [class*="-tabs"]
  ) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body :where(.entry-content, .ssa-neon-content-shell) :is(
    p,
    li,
    dd,
    dt,
    label,
    span,
    small,
    strong,
    b,
    em,
    div,
    summary,
    td,
    th
  ) {
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  body :where(#ssa-sidebar-drawer-toggle) {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 42px !important;
    padding: 10px 14px !important;
    border-radius: 0 999px 999px 0 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    overflow: visible !important;
  }
}

/* Mobile landscape correction for the older full-bleed shell rule above. */
@media (max-width: 900px) {
  body :where(.entry-content, .ssa-neon-content-shell) :is(
    .ssa-tool-shell,
    .ssa-tool-hub-shell,
    .ssa-account-shell,
    .ssa-account-dashboard,
    .ssa-neon-tool-shell,
    .bngc-shell,
    .bnnc-shell,
    .berc-shell,
    #flcc-page-shell,
    .flcc-shell,
    .rts-shell,
    .eos-shell,
    .nrf-tool,
    .ogt-tool,
    .mf-app-shell,
    .ssaa-shell,
    .sssss-tool,
    .ssahq-tool,
    .ssafun-account-tool,
    .ssaft-account-tool,
    .ssa-lkb,
    .ssa-pq-wrap,
    .ssa-dice,
    .ssa-gear,
    .ubcc-container,
    .zhc-calculator,
    .sgc-wrap,
    #momfirst-root,
    #momfirst-dashboard,
    #flcc-calculator,
    #bngc-shell,
    #bnnc-shell,
    #berc-shell,
    #nrf-tool,
    #ogt-tool,
    #ayur-shell,
    #fin-shell,
    #health-shell,
    #rel-shell,
    #rel-tools-shell,
    #rel-quiz-shell,
    #sssss-shell
  ) {
    width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: hidden !important;
  }
}

/* Mobile portrait correction for the older full-bleed shell rule above. */
@media (max-width: 760px) {
  body :where(.entry-content, .ssa-neon-content-shell) :is(
    .ssa-tool-shell,
    .ssa-tool-hub-shell,
    .ssa-account-shell,
    .ssa-account-dashboard,
    .ssa-neon-tool-shell,
    .bngc-shell,
    .bnnc-shell,
    .berc-shell,
    #flcc-page-shell,
    .flcc-shell,
    .rts-shell,
    .eos-shell,
    .nrf-tool,
    .ogt-tool,
    .mf-app-shell,
    .ssaa-shell,
    .sssss-tool,
    .ssahq-tool,
    .ssafun-account-tool,
    .ssaft-account-tool,
    .ssa-lkb,
    .ssa-pq-wrap,
    .ssa-dice,
    .ssa-gear,
    .ubcc-container,
    .zhc-calculator,
    .sgc-wrap,
    #momfirst-root,
    #momfirst-dashboard,
    #flcc-calculator,
    #bngc-shell,
    #bnnc-shell,
    #berc-shell,
    #nrf-tool,
    #ogt-tool,
    #ayur-shell,
    #fin-shell,
    #health-shell,
    #rel-shell,
    #rel-tools-shell,
    #rel-quiz-shell,
    #sssss-shell
  ) {
    width: 100% !important;
    width: 100% !important;
    max-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;
  }
}

/*
 * Raw WP HTML page shells.
 *
 * Several evergreen pages include their own inline neon CSS inside post
 * content. These late-loading styles can set generous widths and padding that
 * drift outside narrow portrait viewports, so the master layer keeps their
 * outer gutters, embedded files, related cards, and CTA rows bounded.
 */
body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, main) :is(
  #rel-shell,
  #rel-faq,
  .ssa-related-tools
) {
  box-sizing: border-box !important;
  width: min(1120px, 100%) !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow-x: hidden !important;
}

body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, main) :is(
  #rel-shell,
  #rel-faq,
  .ssa-related-tools
),
body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, main) :is(
  #rel-shell,
  #rel-faq,
  .ssa-related-tools
) * {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, main) :is(
  #rel-shell,
  #rel-faq,
  .ssa-related-tools
) :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  li,
  dd,
  dt,
  summary,
  figcaption,
  label,
  legend,
  span,
  strong,
  em,
  small,
  a
) {
  overflow-wrap: break-word !important;
  word-break: normal !important;
  hyphens: auto !important;
}

body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, main) :is(
  #rel-shell,
  #rel-faq,
  .ssa-related-tools
) :is(
  .rel-grid,
  .rel-learn-grid,
  .rel-links-grid,
  .rel-affiliates-grid,
  .ssa-related__grid,
  [class*="-grid"],
  [class*="__grid"]
) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)) !important;
  gap: clamp(10px, 2vw, 16px) !important;
  width: 100% !important;
}

body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, main) :is(
  #rel-shell,
  #rel-faq,
  .ssa-related-tools
) :is(
  .rel-actions,
  .rel-nav,
  .rel-link-buttons,
  .rel-nav-row,
  .rq-result-actions,
  [class*="-actions"],
  [class*="__actions"],
  [class*="-buttons"],
  [class*="__buttons"]
) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
}

body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, main) :is(
  #rel-shell,
  #rel-faq,
  .ssa-related-tools
) :is(
  .rel-toc-btn,
  .rel-cta-btn,
  .wp-block-button__link,
  .wp-block-file__button,
  button,
  input[type="button"],
  input[type="submit"],
  a.button,
  a.btn
) {
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  text-align: center !important;
}

body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, main) :is(
  #rel-shell,
  #rel-faq,
  .ssa-related-tools
) :is(
  img,
  iframe,
  object,
  embed,
  video,
  canvas,
  table,
  .wp-block-file,
  .wp-block-file__embed,
  .adsbygoogle
) {
  width: 100% !important;
  max-width: 100% !important;
}

body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, main) :is(
  #rel-shell,
  #rel-faq,
  .ssa-related-tools
) :is(table, .wp-block-table) {
  display: block !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

@media (max-width: 900px) {
  body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, main) :is(
    #rel-shell,
    #rel-faq,
    .ssa-related-tools
  ) {
    width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    max-width: 100% !important;
    padding: clamp(14px, 3vw, 20px) !important;
    border-radius: 16px !important;
  }
}

@media (max-width: 640px) {
  body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, main) :is(
    #rel-shell,
    #rel-faq,
    .ssa-related-tools
  ) {
    width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    max-width: 100% !important;
    margin-top: 14px !important;
    margin-bottom: 14px !important;
    padding: clamp(12px, 3.8vw, 15px) !important;
    border-radius: 14px !important;
  }

  body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, main) :is(
    #rel-shell,
    #rel-faq,
    .ssa-related-tools
  ) :is(
    .rel-grid,
    .rel-learn-grid,
    .rel-links-grid,
    .rel-affiliates-grid,
    .ssa-related__grid,
    [class*="-grid"],
    [class*="__grid"]
  ) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, main) :is(
    #rel-shell,
    #rel-faq,
    .ssa-related-tools
  ) :is(.rel-actions, .rel-nav, .rel-link-buttons, .rel-nav-row, .rq-result-actions) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, main) :is(
    #rel-shell,
    #rel-faq,
    .ssa-related-tools
  ) :is(.rel-actions, .rel-nav, .rel-link-buttons, .rel-nav-row, .rq-result-actions) > * {
    width: 100% !important;
  }

body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, main) :is(
  #rel-shell,
  #rel-faq,
  .ssa-related-tools
) :is(object, iframe, embed, .wp-block-file__embed) {
    height: clamp(360px, 72vh, 560px) !important;
  }
}

/*
 * Exported all-pages post-content shell family.
 *
 * The content export repeats the same 1120px/95% shell pattern across finance,
 * health, ayurveda, relationship, sleep/stress, anniversary, and generated
 * SSA pages. Some follow-up sections have no ID, only inline width styles, so
 * this scoped catch keeps the family responsive without editing page content.
 */
body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, main) :is(
  [id$="-shell"],
  [id$="-page-shell"],
  [id$="-faq"],
  [id^="ssa-faq-"],
  #fin-faq,
  #rel-faq,
  #ssa-faq-sleep-stress,
  .ssa-related-tools,
  section[style*="width:min(1120px,95%)"],
  section[style*="width: min(1120px, 95%)"],
  section[style*="width: min(1120px,95%)"],
  div[style*="width:min(1120px,95%)"],
  div[style*="width: min(1120px, 95%)"],
  div[style*="width: min(1120px,95%)"]
) {
  box-sizing: border-box !important;
  width: min(1120px, 100%) !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow-x: hidden !important;
}

body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, main) :is(
  [id$="-shell"],
  [id$="-page-shell"],
  [id$="-faq"],
  [id^="ssa-faq-"],
  #fin-faq,
  #rel-faq,
  #ssa-faq-sleep-stress,
  .ssa-related-tools,
  section[style*="width:min(1120px,95%)"],
  section[style*="width: min(1120px, 95%)"],
  section[style*="width: min(1120px,95%)"],
  div[style*="width:min(1120px,95%)"],
  div[style*="width: min(1120px, 95%)"],
  div[style*="width: min(1120px,95%)"]
),
body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, main) :is(
  [id$="-shell"],
  [id$="-page-shell"],
  [id$="-faq"],
  [id^="ssa-faq-"],
  #fin-faq,
  #rel-faq,
  #ssa-faq-sleep-stress,
  .ssa-related-tools,
  section[style*="width:min(1120px,95%)"],
  section[style*="width: min(1120px, 95%)"],
  section[style*="width: min(1120px,95%)"],
  div[style*="width:min(1120px,95%)"],
  div[style*="width: min(1120px, 95%)"],
  div[style*="width: min(1120px,95%)"]
) * {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, main) :is(
  [id$="-shell"],
  [id$="-page-shell"],
  [id$="-faq"],
  [id^="ssa-faq-"],
  .ssa-related-tools,
  section[style*="width:min(1120px,95%)"],
  section[style*="width: min(1120px, 95%)"],
  section[style*="width: min(1120px,95%)"]
) :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  li,
  summary,
  label,
  legend,
  span,
  strong,
  em,
  small,
  a
) {
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, main) :is(
  [id$="-shell"],
  [id$="-page-shell"],
  .ssa-related-tools,
  section[style*="width:min(1120px,95%)"],
  section[style*="width: min(1120px, 95%)"],
  section[style*="width: min(1120px,95%)"]
) :is(
  .ssa-grid,
  .ssa-related__grid,
  .fin-grid,
  .health-grid,
  .ayur-grid,
  .rel-grid,
  .sssss-grid,
  .sth-grid,
  [class*="-grid"],
  [class*="__grid"]
) {
  max-width: 100% !important;
}

body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, main) :is(
  [id$="-shell"],
  [id$="-page-shell"],
  .ssa-related-tools,
  section[style*="width:min(1120px,95%)"],
  section[style*="width: min(1120px, 95%)"],
  section[style*="width: min(1120px,95%)"]
) :is(
  .ssa-actions,
  .ssa-home-actions,
  .fin-actions,
  .health-actions,
  .ayur-actions,
  .rel-actions,
  .sth-actions,
  .fin-link-buttons,
  .rel-link-buttons,
  .sth-link-buttons,
  .wp-block-buttons,
  [class*="-actions"],
  [class*="-buttons"]
) {
  max-width: 100% !important;
  gap: clamp(8px, 2vw, 12px) !important;
}

body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, main) :is(
  [id$="-shell"],
  [id$="-page-shell"],
  [id$="-faq"],
  [id^="ssa-faq-"],
  .ssa-related-tools,
  section[style*="width:min(1120px,95%)"],
  section[style*="width: min(1120px, 95%)"],
  section[style*="width: min(1120px,95%)"]
) :is(
  img,
  iframe,
  object,
  embed,
  video,
  canvas,
  table,
  .wp-block-file,
  .wp-block-file__embed,
  .adsbygoogle
) {
  width: 100% !important;
  max-width: 100% !important;
}

@media (max-width: 900px) {
  body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, main) :is(
    [id$="-shell"],
    [id$="-page-shell"],
    [id$="-faq"],
    [id^="ssa-faq-"],
    .ssa-related-tools,
    section[style*="width:min(1120px,95%)"],
    section[style*="width: min(1120px, 95%)"],
    section[style*="width: min(1120px,95%)"],
    div[style*="width:min(1120px,95%)"],
    div[style*="width: min(1120px, 95%)"],
    div[style*="width: min(1120px,95%)"]
  ) {
    width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    max-width: 100% !important;
    padding: clamp(14px, 3vw, 20px) !important;
    border-radius: min(16px, 4vw) !important;
  }
}

@media (max-width: 640px) {
  body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, main) :is(
    [id$="-shell"],
    [id$="-page-shell"],
    [id$="-faq"],
    [id^="ssa-faq-"],
    .ssa-related-tools,
    section[style*="width:min(1120px,95%)"],
    section[style*="width: min(1120px, 95%)"],
    section[style*="width: min(1120px,95%)"],
    div[style*="width:min(1120px,95%)"],
    div[style*="width: min(1120px, 95%)"],
    div[style*="width: min(1120px,95%)"]
  ) {
    width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    max-width: 100% !important;
    margin-top: 14px !important;
    margin-bottom: 14px !important;
    padding: clamp(12px, 3.8vw, 15px) !important;
    border-radius: 14px !important;
  }

  body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, main) :is(
    [id$="-shell"],
    [id$="-page-shell"],
    .ssa-related-tools,
    section[style*="width:min(1120px,95%)"],
    section[style*="width: min(1120px, 95%)"],
    section[style*="width: min(1120px,95%)"]
  ) :is(
    .ssa-grid,
    .ssa-related__grid,
    .fin-grid,
    .health-grid,
    .ayur-grid,
    .rel-grid,
    .sssss-grid,
    .sth-grid,
    [class*="-grid"],
    [class*="__grid"]
  ) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
  }

  body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, main) :is(
    [id$="-shell"],
    [id$="-page-shell"],
    .ssa-related-tools,
    section[style*="width:min(1120px,95%)"],
    section[style*="width: min(1120px, 95%)"],
    section[style*="width: min(1120px,95%)"]
  ) :is(
    .ssa-actions,
    .ssa-home-actions,
    .fin-actions,
    .health-actions,
    .ayur-actions,
    .rel-actions,
    .sth-actions,
    .fin-link-buttons,
    .rel-link-buttons,
    .sth-link-buttons,
    .wp-block-buttons,
    [class*="-actions"],
    [class*="-buttons"]
  ) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
  }

  body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, main) :is(
    [id$="-shell"],
    [id$="-page-shell"],
    .ssa-related-tools,
    section[style*="width:min(1120px,95%)"],
    section[style*="width: min(1120px, 95%)"],
    section[style*="width: min(1120px,95%)"]
  ) :is(
    .ssa-actions,
    .ssa-home-actions,
    .fin-actions,
    .health-actions,
    .ayur-actions,
    .rel-actions,
    .sth-actions,
    .fin-link-buttons,
    .rel-link-buttons,
    .sth-link-buttons,
    .wp-block-buttons,
    [class*="-actions"],
    [class*="-buttons"]
  ) > * {
    width: 100% !important;
  }

  body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, main) :is(
    [id$="-shell"],
    [id$="-page-shell"],
    [id$="-faq"],
    [id^="ssa-faq-"],
    .ssa-related-tools,
    section[style*="width:min(1120px,95%)"],
    section[style*="width: min(1120px, 95%)"],
    section[style*="width: min(1120px,95%)"]
  ) :is(object, iframe, embed, .wp-block-file__embed) {
    height: clamp(360px, 72vh, 560px) !important;
  }
}

/*
 * True-final mobile flush fallback for interactive tool shells.
 *
 * This intentionally sits after exported-page guards. Article-style pages can
 * keep safe gutters; actual tools should not inherit viewport-subtracted outer
 * widths that look like added margins on phones.
 */
@media (max-width: 782px) {
  body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, main) :is(
    .ssa-tool-shell,
    .ssa-tool-hub-shell,
    .ssa-account-shell,
    .ssa-account-dashboard,
    .ssa-neon-tool-shell,
    .bngc-shell,
    .bnnc-shell,
    .berc-shell,
    .flcc-shell,
    .rts-shell,
    .rts-account-tool,
    .eos-shell,
    .nrf-tool,
    .ogt-tool,
    .mf-app-shell,
    .ssaa-shell,
    .sssss-tool,
    .sssss-account-tool,
    .sssss-account-save,
    .ssahq-shell,
    .ssahq-account-tool,
    .ssafun-account-tool,
    .ssaft-account-tool,
    .ssa-lkb,
    .ssa-pq-wrap,
    .ssa-pq-account-panel,
    .ssa-pq-save-panel,
    .ssa-dice,
    .ssa-gear,
    .ubcc-container,
    .zhc-calculator,
    .sgc-wrap,
    #momfirst-root,
    #momfirst-dashboard,
    #flcc-page-shell,
    #flcc-calculator,
    #bngc-shell,
    #bnnc-shell,
    #berc-shell,
    #nrf-tool,
    #ogt-tool,
    #ayur-shell,
    #fin-shell,
    #health-shell,
    #rel-tools-shell,
    #rel-quiz-shell,
    #sssss-shell,
    [id$="-tool"]
  ) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: hidden !important;
  }

  body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, main) #momfirst-root {
    width: 100dvw !important;
    max-width: 100dvw !important;
    margin-left: calc(50% - 50dvw) !important;
    margin-right: calc(50% - 50dvw) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-radius: 0 !important;
  }

  body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, .ct-container, .ct-container-full, .content-area, .site-main, main):has(#momfirst-root) {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: visible !important;
  }

  body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, main) #momfirst-root details[open] > *:not(summary) {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/*
 * True-final dark surface fallback for tool pages.
 *
 * Inline page CSS can define white page-intro and option wrappers after the
 * external MU files. Extra specificity keeps those wrappers in the dark-neon
 * contract without changing native input controls.
 */
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;
}

/* 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;
}

/* TSV page-content neon sync: catch exported page shells and account tool roots. */
body :is(
  #attractionQuizSection#attractionQuizSection,
  #big5-longform#big5-longform,
  #big5ScoreTable#big5ScoreTable,
  #big-five-faq#big-five-faq,
  #cosmic-tools#cosmic-tools,
  #elem-learning-hub#elem-learning-hub,
  #ennea-longform#ennea-longform,
  #enneaScoreHUD#enneaScoreHUD,
  #faq-container#faq-container,
  #mbti-longform#mbti-longform,
  #ssa-addiction-hub#ssa-addiction-hub,
  #ssa-big5-tool#ssa-big5-tool,
  #ssa-ennea-tool#ssa-ennea-tool,
  #ssa-game-hub#ssa-game-hub,
  #ssa-mbti-tool#ssa-mbti-tool,
  #ssa-personality-hub#ssa-personality-hub,
  [id$="-shell"][id$="-shell"],
  [id$="-page-shell"][id$="-page-shell"],
  [id$="-longform"][id$="-longform"],
  [class$="-shell"][class$="-shell"],
  [class*="-shell "][class*="-shell "],
  [class$="-tool-wrap"][class$="-tool-wrap"],
  [class*="-tool-wrap "][class*="-tool-wrap "],
  [class$="-shortcode-wrap"][class$="-shortcode-wrap"],
  [class*="-shortcode-wrap "][class*="-shortcode-wrap "],
  .anniversary-calculator.anniversary-calculator,
  .assessment-calculator-container.assessment-calculator-container
) {
  --ssa-neon-bg: #050b12;
  --ssa-neon-surface: rgba(5, 14, 24, 0.98);
  --ssa-neon-surface-2: rgba(8, 26, 40, 0.96);
  --ssa-neon-border: rgba(45, 211, 218, 0.56);
  --ssa-neon-text: #f4fbff;
  --ssa-neon-muted: #cfefff;
  --ssa-neon-accent: #2ed3da;
  box-sizing: border-box !important;
  width: min(1120px, 100%) !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: linear-gradient(135deg, var(--ssa-neon-bg), #061927) !important;
  border-color: var(--ssa-neon-border) !important;
  color: var(--ssa-neon-text) !important;
  color-scheme: dark !important;
  overflow-wrap: break-word !important;
}

body :is(
  [class^="bngc-"][class^="bngc-"],
  [class*=" bngc-"][class*=" bngc-"],
  [class^="bnnc-"][class^="bnnc-"],
  [class*=" bnnc-"][class*=" bnnc-"],
  [class^="berc-"][class^="berc-"],
  [class*=" berc-"][class*=" berc-"],
  [class^="flcc-"][class^="flcc-"],
  [class*=" flcc-"][class*=" flcc-"],
  [class^="mf-"][class^="mf-"],
  [class*=" mf-"][class*=" mf-"],
  [class^="ssa-ay-"][class^="ssa-ay-"],
  [class*=" ssa-ay-"][class*=" ssa-ay-"],
  [class^="ssa-lkb-"][class^="ssa-lkb-"],
  [class*=" ssa-lkb-"][class*=" ssa-lkb-"],
  [class^="ssa-pq-"][class^="ssa-pq-"],
  [class*=" ssa-pq-"][class*=" ssa-pq-"],
  [class^="ubcc-"][class^="ubcc-"],
  [class*=" ubcc-"][class*=" ubcc-"],
  [class^="zhc-"][class^="zhc-"],
  [class*=" zhc-"][class*=" zhc-"],
  [class^="sgc-"][class^="sgc-"],
  [class*=" sgc-"][class*=" sgc-"],
  [class^="ssa-dice"][class^="ssa-dice"],
  [class*=" ssa-dice"][class*=" ssa-dice"]
) {
  --ssa-neon-bg: #050b12;
  --ssa-neon-surface: rgba(5, 14, 24, 0.98);
  --ssa-neon-surface-2: rgba(8, 26, 40, 0.96);
  --ssa-neon-border: rgba(45, 211, 218, 0.56);
  --ssa-neon-text: #f4fbff;
  --ssa-neon-muted: #cfefff;
  --ssa-neon-accent: #2ed3da;
  color: var(--ssa-neon-text) !important;
  color-scheme: dark !important;
}

body :where(.entry-content, .wp-block-post-content, main, .site-main) :is(
  [style*="width:min(1120px,95%)"],
  [style*="width:min(1120px, 95%)"],
  [style*="width: min(1120px,95%)"],
  [style*="width: min(1120px, 95%)"]
) {
  box-sizing: border-box !important;
  width: min(1120px, 100%) !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body :is(
  #attractionQuizSection#attractionQuizSection,
  #big5-longform#big5-longform,
  #big5ScoreTable#big5ScoreTable,
  #big-five-faq#big-five-faq,
  #cosmic-tools#cosmic-tools,
  #elem-learning-hub#elem-learning-hub,
  #ennea-longform#ennea-longform,
  #enneaScoreHUD#enneaScoreHUD,
  #faq-container#faq-container,
  #mbti-longform#mbti-longform,
  #ssa-addiction-hub#ssa-addiction-hub,
  #ssa-big5-tool#ssa-big5-tool,
  #ssa-ennea-tool#ssa-ennea-tool,
  #ssa-game-hub#ssa-game-hub,
  #ssa-mbti-tool#ssa-mbti-tool,
  #ssa-personality-hub#ssa-personality-hub,
  [id$="-shell"][id$="-shell"],
  [id$="-page-shell"][id$="-page-shell"],
  [id$="-longform"][id$="-longform"],
  [class^="bngc-"][class^="bngc-"],
  [class*=" bngc-"][class*=" bngc-"],
  [class^="bnnc-"][class^="bnnc-"],
  [class*=" bnnc-"][class*=" bnnc-"],
  [class^="berc-"][class^="berc-"],
  [class*=" berc-"][class*=" berc-"],
  [class^="flcc-"][class^="flcc-"],
  [class*=" flcc-"][class*=" flcc-"],
  [class^="mf-"][class^="mf-"],
  [class*=" mf-"][class*=" mf-"],
  [class^="ssa-ay-"][class^="ssa-ay-"],
  [class*=" ssa-ay-"][class*=" ssa-ay-"],
  [class^="ssa-lkb-"][class^="ssa-lkb-"],
  [class*=" ssa-lkb-"][class*=" ssa-lkb-"],
  [class^="ssa-pq-"][class^="ssa-pq-"],
  [class*=" ssa-pq-"][class*=" ssa-pq-"],
  [class^="ubcc-"][class^="ubcc-"],
  [class*=" ubcc-"][class*=" ubcc-"],
  [class^="zhc-"][class^="zhc-"],
  [class*=" zhc-"][class*=" zhc-"],
  [class^="sgc-"][class^="sgc-"],
  [class*=" sgc-"][class*=" sgc-"],
  [class^="ssa-dice"][class^="ssa-dice"],
  [class*=" ssa-dice"][class*=" ssa-dice"],
  [class$="-shell"][class$="-shell"],
  [class*="-shell "][class*="-shell "],
  [class$="-tool-wrap"][class$="-tool-wrap"],
  [class*="-tool-wrap "][class*="-tool-wrap "],
  [class$="-shortcode-wrap"][class$="-shortcode-wrap"],
  [class*="-shortcode-wrap "][class*="-shortcode-wrap "],
  .anniversary-calculator.anniversary-calculator,
  .assessment-calculator-container.assessment-calculator-container
) :is(section, article, aside, fieldset, details, summary, table, thead, tbody, tfoot, tr, td, th, label, legend, [aria-live], [role="tabpanel"], [role="group"], [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"], [class*="faq"], [class*="FAQ"], [class*="toc"], [class*="TOC"]) {
  background: linear-gradient(135deg, var(--ssa-neon-surface), var(--ssa-neon-surface-2)) !important;
  border-color: var(--ssa-neon-border) !important;
  box-shadow: 0 0 0 1px rgba(45, 211, 218, 0.14), 0 18px 44px rgba(0, 0, 0, 0.34) !important;
  color: var(--ssa-neon-text) !important;
}

body :is(
  #attractionQuizSection#attractionQuizSection,
  #big5-longform#big5-longform,
  #big5ScoreTable#big5ScoreTable,
  #big-five-faq#big-five-faq,
  #cosmic-tools#cosmic-tools,
  #elem-learning-hub#elem-learning-hub,
  #ennea-longform#ennea-longform,
  #enneaScoreHUD#enneaScoreHUD,
  #faq-container#faq-container,
  #mbti-longform#mbti-longform,
  #ssa-addiction-hub#ssa-addiction-hub,
  #ssa-big5-tool#ssa-big5-tool,
  #ssa-ennea-tool#ssa-ennea-tool,
  #ssa-game-hub#ssa-game-hub,
  #ssa-mbti-tool#ssa-mbti-tool,
  #ssa-personality-hub#ssa-personality-hub,
  [id$="-shell"][id$="-shell"],
  [id$="-page-shell"][id$="-page-shell"],
  [id$="-longform"][id$="-longform"],
  [class^="bngc-"][class^="bngc-"],
  [class*=" bngc-"][class*=" bngc-"],
  [class^="bnnc-"][class^="bnnc-"],
  [class*=" bnnc-"][class*=" bnnc-"],
  [class^="berc-"][class^="berc-"],
  [class*=" berc-"][class*=" berc-"],
  [class^="flcc-"][class^="flcc-"],
  [class*=" flcc-"][class*=" flcc-"],
  [class^="mf-"][class^="mf-"],
  [class*=" mf-"][class*=" mf-"],
  [class^="ssa-ay-"][class^="ssa-ay-"],
  [class*=" ssa-ay-"][class*=" ssa-ay-"],
  [class^="ssa-lkb-"][class^="ssa-lkb-"],
  [class*=" ssa-lkb-"][class*=" ssa-lkb-"],
  [class^="ssa-pq-"][class^="ssa-pq-"],
  [class*=" ssa-pq-"][class*=" ssa-pq-"],
  [class^="ubcc-"][class^="ubcc-"],
  [class*=" ubcc-"][class*=" ubcc-"],
  [class^="zhc-"][class^="zhc-"],
  [class*=" zhc-"][class*=" zhc-"],
  [class^="sgc-"][class^="sgc-"],
  [class*=" sgc-"][class*=" sgc-"],
  [class^="ssa-dice"][class^="ssa-dice"],
  [class*=" ssa-dice"][class*=" ssa-dice"],
  [class$="-shell"][class$="-shell"],
  [class*="-shell "][class*="-shell "],
  [class$="-tool-wrap"][class$="-tool-wrap"],
  [class*="-tool-wrap "][class*="-tool-wrap "],
  [class$="-shortcode-wrap"][class$="-shortcode-wrap"],
  [class*="-shortcode-wrap "][class*="-shortcode-wrap "],
  .anniversary-calculator.anniversary-calculator,
  .assessment-calculator-container.assessment-calculator-container
) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), select, textarea) {
  appearance: none !important;
  -webkit-appearance: none !important;
  background: rgba(3, 10, 18, 0.98) !important;
  border-color: var(--ssa-neon-border) !important;
  color: var(--ssa-neon-text) !important;
  -webkit-text-fill-color: var(--ssa-neon-text) !important;
}

body :is(
  #attractionQuizSection#attractionQuizSection,
  #big5-longform#big5-longform,
  #big5ScoreTable#big5ScoreTable,
  #big-five-faq#big-five-faq,
  #cosmic-tools#cosmic-tools,
  #elem-learning-hub#elem-learning-hub,
  #ennea-longform#ennea-longform,
  #enneaScoreHUD#enneaScoreHUD,
  #faq-container#faq-container,
  #mbti-longform#mbti-longform,
  #ssa-addiction-hub#ssa-addiction-hub,
  #ssa-big5-tool#ssa-big5-tool,
  #ssa-ennea-tool#ssa-ennea-tool,
  #ssa-game-hub#ssa-game-hub,
  #ssa-mbti-tool#ssa-mbti-tool,
  #ssa-personality-hub#ssa-personality-hub,
  [id$="-shell"][id$="-shell"],
  [id$="-page-shell"][id$="-page-shell"],
  [id$="-longform"][id$="-longform"],
  [class^="bngc-"][class^="bngc-"],
  [class*=" bngc-"][class*=" bngc-"],
  [class^="bnnc-"][class^="bnnc-"],
  [class*=" bnnc-"][class*=" bnnc-"],
  [class^="berc-"][class^="berc-"],
  [class*=" berc-"][class*=" berc-"],
  [class^="flcc-"][class^="flcc-"],
  [class*=" flcc-"][class*=" flcc-"],
  [class^="mf-"][class^="mf-"],
  [class*=" mf-"][class*=" mf-"],
  [class^="ssa-ay-"][class^="ssa-ay-"],
  [class*=" ssa-ay-"][class*=" ssa-ay-"],
  [class^="ssa-lkb-"][class^="ssa-lkb-"],
  [class*=" ssa-lkb-"][class*=" ssa-lkb-"],
  [class^="ssa-pq-"][class^="ssa-pq-"],
  [class*=" ssa-pq-"][class*=" ssa-pq-"],
  [class^="ubcc-"][class^="ubcc-"],
  [class*=" ubcc-"][class*=" ubcc-"],
  [class^="zhc-"][class^="zhc-"],
  [class*=" zhc-"][class*=" zhc-"],
  [class^="sgc-"][class^="sgc-"],
  [class*=" sgc-"][class*=" sgc-"],
  [class^="ssa-dice"][class^="ssa-dice"],
  [class*=" ssa-dice"][class*=" ssa-dice"],
  [class$="-shell"][class$="-shell"],
  [class*="-shell "][class*="-shell "],
  [class$="-tool-wrap"][class$="-tool-wrap"],
  [class*="-tool-wrap "][class*="-tool-wrap "],
  [class$="-shortcode-wrap"][class$="-shortcode-wrap"],
  [class*="-shortcode-wrap "][class*="-shortcode-wrap "],
  .anniversary-calculator.anniversary-calculator,
  .assessment-calculator-container.assessment-calculator-container
) :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, #33f7ff, #21c6d3 55%, #1498ff) !important;
  border-color: rgba(84, 245, 255, 0.82) !important;
  color: #021018 !important;
  -webkit-text-fill-color: #021018 !important;
  text-shadow: none !important;
}

/* Tool Hub correction: broad button selectors match `.ssa-mini-btn-row`; keep rows as layout containers. */
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-mini-btn-row *,
  .ssa-directory-card *,
  .ssa-tool-card *,
  .ssa-top-pick-card *,
  .ssa-bridge-card *,
  .ssa-journey-card *,
  .ssa-combo-card *,
  .ssa-hub-item-wrap *,
  .ssa-subhub-item-wrap *,
  .ssa-choice-btn *,
  .ssa-featured-article *,
  .ssa-tool-related *,
  .ssa-tool-article *,
  .ssa-subhub-context-card *,
  .ssa-subhub-featured-card *,
  .ssa-subhub-articles *,
  .ssa-subhub-next *,
  .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(
  .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,
  .ssa-top-pick-card a,
  .ssa-bridge-card a,
  .ssa-journey-card a,
  .ssa-combo-card a,
  .ssa-directory-card a,
  .ssa-tool-card a,
  .ssa-hub-item-wrap a,
  .ssa-subhub-item-wrap a,
  .ssa-featured-article a
) {
  background: linear-gradient(135deg, rgba(6, 78, 87, 0.96), rgba(8, 47, 73, 0.96)) !important;
  border-color: rgba(45, 212, 191, 0.72) !important;
  color: #f4fdff !important;
  -webkit-text-fill-color: #f4fdff !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) :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(#sth-page-shell, .sth-hub-render-wrap, .ssa-tool-hub-shell) :is(.sth-nav a, .sth-links-list a) * {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

body :is(
  #attractionQuizSection#attractionQuizSection,
  #big5-longform#big5-longform,
  #big5ScoreTable#big5ScoreTable,
  #big-five-faq#big-five-faq,
  #cosmic-tools#cosmic-tools,
  #elem-learning-hub#elem-learning-hub,
  #ennea-longform#ennea-longform,
  #enneaScoreHUD#enneaScoreHUD,
  #faq-container#faq-container,
  #mbti-longform#mbti-longform,
  #ssa-addiction-hub#ssa-addiction-hub,
  #ssa-big5-tool#ssa-big5-tool,
  #ssa-ennea-tool#ssa-ennea-tool,
  #ssa-game-hub#ssa-game-hub,
  #ssa-mbti-tool#ssa-mbti-tool,
  #ssa-personality-hub#ssa-personality-hub,
  [id$="-shell"][id$="-shell"],
  [id$="-page-shell"][id$="-page-shell"],
  [id$="-longform"][id$="-longform"],
  [class^="bngc-"][class^="bngc-"],
  [class*=" bngc-"][class*=" bngc-"],
  [class^="bnnc-"][class^="bnnc-"],
  [class*=" bnnc-"][class*=" bnnc-"],
  [class^="berc-"][class^="berc-"],
  [class*=" berc-"][class*=" berc-"],
  [class^="flcc-"][class^="flcc-"],
  [class*=" flcc-"][class*=" flcc-"],
  [class^="mf-"][class^="mf-"],
  [class*=" mf-"][class*=" mf-"],
  [class^="ssa-ay-"][class^="ssa-ay-"],
  [class*=" ssa-ay-"][class*=" ssa-ay-"],
  [class^="ssa-lkb-"][class^="ssa-lkb-"],
  [class*=" ssa-lkb-"][class*=" ssa-lkb-"],
  [class^="ssa-pq-"][class^="ssa-pq-"],
  [class*=" ssa-pq-"][class*=" ssa-pq-"],
  [class^="ubcc-"][class^="ubcc-"],
  [class*=" ubcc-"][class*=" ubcc-"],
  [class^="zhc-"][class^="zhc-"],
  [class*=" zhc-"][class*=" zhc-"],
  [class^="sgc-"][class^="sgc-"],
  [class*=" sgc-"][class*=" sgc-"],
  [class^="ssa-dice"][class^="ssa-dice"],
  [class*=" ssa-dice"][class*=" ssa-dice"],
  [class$="-shell"][class$="-shell"],
  [class*="-shell "][class*="-shell "],
  [class$="-tool-wrap"][class$="-tool-wrap"],
  [class*="-tool-wrap "][class*="-tool-wrap "],
  [class$="-shortcode-wrap"][class$="-shortcode-wrap"],
  [class*="-shortcode-wrap "][class*="-shortcode-wrap "],
  .anniversary-calculator.anniversary-calculator,
  .assessment-calculator-container.assessment-calculator-container
) :is(h1, h2, h3, h4, h5, h6, p, li, label, span, small, strong, b, em, legend, summary, td, th, output, div) {
  color: var(--ssa-neon-text) !important;
}

@media (max-width: 780px) {
  body :is(
    #attractionQuizSection#attractionQuizSection,
    #big5-longform#big5-longform,
    #big5ScoreTable#big5ScoreTable,
    #big-five-faq#big-five-faq,
    #cosmic-tools#cosmic-tools,
    #elem-learning-hub#elem-learning-hub,
    #ennea-longform#ennea-longform,
    #enneaScoreHUD#enneaScoreHUD,
    #faq-container#faq-container,
    #mbti-longform#mbti-longform,
    #ssa-addiction-hub#ssa-addiction-hub,
    #ssa-big5-tool#ssa-big5-tool,
    #ssa-ennea-tool#ssa-ennea-tool,
    #ssa-game-hub#ssa-game-hub,
    #ssa-mbti-tool#ssa-mbti-tool,
    #ssa-personality-hub#ssa-personality-hub,
    [id$="-shell"][id$="-shell"],
    [id$="-page-shell"][id$="-page-shell"],
    [id$="-longform"][id$="-longform"],
    [class$="-shell"][class$="-shell"],
    [class*="-shell "][class*="-shell "],
    [class$="-tool-wrap"][class$="-tool-wrap"],
    [class*="-tool-wrap "][class*="-tool-wrap "],
    [class$="-shortcode-wrap"][class$="-shortcode-wrap"],
    [class*="-shortcode-wrap "][class*="-shortcode-wrap "],
    .anniversary-calculator.anniversary-calculator,
    .assessment-calculator-container.assessment-calculator-container
  ),
  body :where(.entry-content, .wp-block-post-content, main, .site-main) :is(
    [style*="width:min(1120px,95%)"],
    [style*="width:min(1120px, 95%)"],
    [style*="width: min(1120px,95%)"],
    [style*="width: min(1120px, 95%)"]
  ) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: min(14px, 4vw) !important;
    padding-right: min(14px, 4vw) !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-radius: 14px !important;
  }

  body :is(
    #big5ScoreTable#big5ScoreTable,
    #enneaScoreHUD#enneaScoreHUD,
    [id$="-shell"][id$="-shell"],
    [id$="-page-shell"][id$="-page-shell"],
    [class$="-shell"][class$="-shell"]
  ) :is(table, .anniversary-table, [class*="-table"], [class*="Table"]) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    white-space: normal !important;
    -webkit-overflow-scrolling: touch !important;
  }
}

/* Inline exported-content cleanup: override pale and fixed-width TSV leftovers. */
body :where(.entry-content, .wp-block-post-content, main, .site-main) :is(
  [style*="background:#fff" i],
  [style*="background: #fff" i],
  [style*="background-color:#fff" i],
  [style*="background-color: #fff" i],
  [style*="background:white" i],
  [style*="background: white" i],
  [style*="background-color:white" i],
  [style*="background-color: white" i],
  [style*="background:#f0" i],
  [style*="background: #f0" i],
  [style*="background-color:#f0" i],
  [style*="background-color: #f0" i],
  [style*="background:#f1" i],
  [style*="background: #f1" i],
  [style*="background-color:#f1" i],
  [style*="background-color: #f1" i],
  [style*="background:#f2" i],
  [style*="background: #f2" i],
  [style*="background-color:#f2" i],
  [style*="background-color: #f2" i],
  [style*="background:#f3" i],
  [style*="background: #f3" i],
  [style*="background-color:#f3" i],
  [style*="background-color: #f3" i],
  [style*="background:#f4" i],
  [style*="background: #f4" i],
  [style*="background-color:#f4" i],
  [style*="background-color: #f4" i],
  [style*="background:#f5" i],
  [style*="background: #f5" i],
  [style*="background-color:#f5" i],
  [style*="background-color: #f5" i],
  [style*="background:#f6" i],
  [style*="background: #f6" i],
  [style*="background-color:#f6" i],
  [style*="background-color: #f6" i],
  [style*="background:#f7" i],
  [style*="background: #f7" i],
  [style*="background-color:#f7" i],
  [style*="background-color: #f7" i],
  [style*="background:#f8" i],
  [style*="background: #f8" i],
  [style*="background-color:#f8" i],
  [style*="background-color: #f8" i],
  [style*="background:#f9" i],
  [style*="background: #f9" i],
  [style*="background-color:#f9" i],
  [style*="background-color: #f9" i],
  [style*="background:#fb" i],
  [style*="background: #fb" i],
  [style*="background-color:#fb" i],
  [style*="background-color: #fb" i],
  [style*="background:#fc" i],
  [style*="background: #fc" i],
  [style*="background-color:#fc" i],
  [style*="background-color: #fc" i],
  [style*="background:#fd" i],
  [style*="background: #fd" i],
  [style*="background-color:#fd" i],
  [style*="background-color: #fd" i],
  [style*="background:#fe" i],
  [style*="background: #fe" i],
  [style*="background-color:#fe" i],
  [style*="background-color: #fe" i],
  [style*="rgba(255,255,255" i],
  [style*="rgba(255, 255, 255" i],
  [style*="rgb(255,255,255" i],
  [style*="rgb(255, 255, 255" i]
) {
  background: linear-gradient(135deg, rgba(5, 14, 24, 0.98), rgba(8, 26, 40, 0.96)) !important;
  border-color: rgba(45, 211, 218, 0.56) !important;
  color: #f4fbff !important;
  box-shadow: 0 0 0 1px rgba(45, 211, 218, 0.14), 0 18px 44px rgba(0, 0, 0, 0.28) !important;
}

body :where(.entry-content, .wp-block-post-content, main, .site-main) :is(
  [style*="white-space:nowrap" i],
  [style*="white-space: nowrap" i]
) {
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

body :where(.entry-content, .wp-block-post-content, main, .site-main) :is(
  [style*="width:100vw" i],
  [style*="width: 100vw" i],
  [style*="max-width:100vw" i],
  [style*="max-width: 100vw" i],
  [style*="margin-left:calc(50% - 50vw)" i],
  [style*="margin-left: calc(50% - 50vw)" i]
) {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (max-width: 780px) {
  body :where(.entry-content, .wp-block-post-content, main, .site-main) :is(
    [style*="min-width:" i],
    [style*="min-width: " i],
    [style*="width:min(1120px,95%)" i],
    [style*="width:min(1120px, 95%)" i],
    [style*="width: min(1120px,95%)" i],
    [style*="width: min(1120px, 95%)" i]
  ) {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* BNG outlined action buttons: keep labels light on dark/outlined controls. */
body #bngc-shell#bngc-shell :is(
  .bngc-btn-secondary,
  .bngc-row-actions .bngc-copy,
  .bngc-row-actions .bngc-save,
  .bngc-row-actions .bngc-regen,
  .bngc-list-actions .bngc-mini-btn,
  .bngc-mini-btn,
  #bngc-clear-saved,
  #bngc-clear-history,
  #bngc-export-saved,
  #bngc-compare-saved
) {
  background: linear-gradient(180deg, rgba(3, 10, 18, 0.96), rgba(8, 18, 34, 0.98)) !important;
  border-color: rgba(56, 189, 248, 0.62) !important;
  color: #eaf8ff !important;
  -webkit-text-fill-color: #eaf8ff !important;
  text-shadow: 0 0 10px rgba(56, 189, 248, 0.22) !important;
  box-shadow: inset 0 0 0 1px rgba(45, 211, 218, 0.12), 0 0 14px rgba(45, 211, 218, 0.14) !important;
}

body #bngc-shell#bngc-shell :is(
  .bngc-btn-secondary,
  .bngc-row-actions .bngc-copy,
  .bngc-row-actions .bngc-save,
  .bngc-row-actions .bngc-regen,
  .bngc-list-actions .bngc-mini-btn,
  .bngc-mini-btn,
  #bngc-clear-saved,
  #bngc-clear-history,
  #bngc-export-saved,
  #bngc-compare-saved
):is(:hover, :focus-visible) {
  background: linear-gradient(135deg, rgba(9, 31, 47, 0.98), rgba(5, 42, 54, 0.98)) !important;
  border-color: rgba(126, 247, 255, 0.86) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body #bngc-shell#bngc-shell :is(
  .bngc-btn-secondary,
  .bngc-row-actions .bngc-copy,
  .bngc-row-actions .bngc-save,
  .bngc-row-actions .bngc-regen,
  .bngc-list-actions .bngc-mini-btn,
  .bngc-mini-btn,
  #bngc-clear-saved,
  #bngc-clear-history,
  #bngc-export-saved,
  #bngc-compare-saved
):disabled {
  background: rgba(3, 10, 18, 0.72) !important;
  border-color: rgba(56, 189, 248, 0.30) !important;
  color: rgba(207, 239, 255, 0.66) !important;
  -webkit-text-fill-color: rgba(207, 239, 255, 0.66) !important;
  opacity: 1 !important;
}

/* Life Kit readiness widgets: final MU safety net for dashboard and hub surfaces. */
body :is(
  .ssa-lkb.ssa-lkb,
  .ssa-account-dashboard .ssa-lkb-account-panel,
  .ssa-account-dashboard .ssa-lkb-account-save,
  .ssa-account-dashboard .ssa-lkb-readiness-overview,
  .ssa-account-dashboard .ssa-lkb-readiness-categories
) {
  color-scheme: dark !important;
  color: #f4fdff !important;
}

body :is(
  .ssa-lkb .ssa-lkb-account-panel,
  .ssa-lkb .ssa-lkb-account-save,
  .ssa-lkb .ssa-lkb-readiness-overview-head,
  .ssa-lkb .ssa-lkb-readiness-category-grid article,
  .ssa-lkb .ssa-lkb-next-assessments,
  .ssa-lkb .ssa-lkb-readiness-badges,
  .ssa-lkb .ssa-lkb-badge-grid article,
  .ssa-lkb .ssa-lkb-saved-grid article,
  .ssa-lkb .ssa-lkb-assessment-detail,
  .ssa-account-dashboard .ssa-lkb-account-panel,
  .ssa-account-dashboard .ssa-lkb-account-save,
  .ssa-account-dashboard .ssa-lkb-readiness-overview-head,
  .ssa-account-dashboard .ssa-lkb-readiness-category-grid article,
  .ssa-account-dashboard .ssa-lkb-next-assessments,
  .ssa-account-dashboard .ssa-lkb-readiness-badges,
  .ssa-account-dashboard .ssa-lkb-badge-grid article,
  .ssa-account-dashboard .ssa-lkb-saved-grid article,
  .ssa-account-dashboard .ssa-lkb-assessment-detail
) {
  background:
    radial-gradient(circle at 8% 0%, rgba(45, 212, 191, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(8, 18, 34, 0.98), rgba(3, 8, 18, 0.98)) !important;
  border-color: rgba(45, 212, 191, 0.48) !important;
  color: #f4fdff !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body :is(.ssa-lkb, .ssa-account-dashboard) :is(
  .ssa-lkb-account-panel,
  .ssa-lkb-account-save,
  .ssa-lkb-readiness-overview,
  .ssa-lkb-readiness-categories
) :where(h1, h2, h3, h4, h5, h6, strong, b, legend, summary) {
  color: #ffffff !important;
  text-shadow: 0 0 18px rgba(56, 189, 248, 0.24) !important;
}

body :is(.ssa-lkb, .ssa-account-dashboard) :is(
  .ssa-lkb-account-panel,
  .ssa-lkb-account-save,
  .ssa-lkb-readiness-overview,
  .ssa-lkb-readiness-categories
) :where(p, li, label, span, small, em, div, td, th, output) {
  color: #dbeafe !important;
}

/* Universal SSA tool metric/result tile guard: catches generated no-class child cards. */
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,
  .ssa-account-dashboard.ssa-account-dashboard,
  [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(
  [class*="result-grid" i],
  [class*="results-grid" i],
  [class*="summary-grid" i],
  [class*="stat-grid" i],
  [class*="metric-grid" i],
  [class*="-metrics" i],
  [class*=" metrics" i],
  .mf-baby-summary-grid,
  .mf-trend-metrics,
  .sgc-stat-grid,
  .ssaa-stat-grid,
  .rts-result-grid
) > :is(div, article, section, li),
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,
  .ssa-account-dashboard.ssa-account-dashboard,
  [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(
  [class*="result-card" i],
  [class*="summary-card" i],
  [class*="metric-card" i],
  [class*="stat-card" i],
  [class*="result-box" i],
  [class*="result-tile" i],
  [class*="summary-tile" i],
  [class*="metric-tile" i],
  [class*="stat-tile" i],
  .result-box,
  .mf-metric-card,
  .sgc-stat,
  .ssaa-result-card,
  .rts-result-card,
  .afpb__product_info,
  .afpb__props_cons,
  .bg-white
) {
  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;
  background-color: rgba(8, 18, 34, 0.98) !important;
  border-color: rgba(45, 212, 191, 0.44) !important;
  color: #eaf8ff !important;
  -webkit-text-fill-color: #eaf8ff !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.04) !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,
  .ssa-account-dashboard.ssa-account-dashboard,
  [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(
  [class*="result-card" i],
  [class*="summary-card" i],
  [class*="metric-card" i],
  [class*="stat-card" i],
  [class*="result-box" i],
  [class*="result-tile" i],
  [class*="summary-tile" i],
  [class*="metric-tile" i],
  [class*="stat-tile" i],
  .result-box,
  .mf-metric-card,
  .sgc-stat,
  .ssaa-result-card,
  .rts-result-card,
  .afpb__product_info,
  .afpb__props_cons,
  .bg-white
) :where(h1, h2, h3, h4, h5, h6, p, li, label, span, strong, b, small, em, td, th, output) {
  color: #f4fdff !important;
  -webkit-text-fill-color: #f4fdff !important;
}

body :is(
  #bng-page-shell#bng-page-shell,
  #bngc-shell#bngc-shell,
  #bnnc-shell#bnnc-shell,
  #berc-shell#berc-shell,
  #fin-shell#fin-shell,
  #rel-shell#rel-shell,
  #rel-tools-shell#rel-tools-shell,
  #health-shell#health-shell,
  #sssss-shell#sssss-shell,
  .eos-shell.eos-shell,
  .rts-shell.rts-shell,
  .ssaa-shell.ssaa-shell,
  .ssa-lkb.ssa-lkb,
  .ssa-pq-wrap.ssa-pq-wrap,
  .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^="rts-"][class^="rts-"],
  [class*=" rts-"][class*=" rts-"]
) :is(
  [class*="result-card" i],
  [class*="summary-card" i],
  [class*="metric-card" i],
  [class*="stat-card" i],
  [class*="result-box" i],
  [class*="result-tile" i],
  [class*="summary-tile" i],
  [class*="metric-tile" i],
  [class*="stat-tile" i],
  .result-box,
  .mf-metric-card,
  .sgc-stat,
  .ssaa-result-card,
  .rts-result-card,
  .afpb__product_info,
  .afpb__props_cons,
  .bg-white
) :is(button, .button, .wp-element-button, [type="button"], [type="submit"], a[class*="btn" i], a[class*="button" i]) {
  background: linear-gradient(135deg, #2dd4bf 0%, #22d3ee 46%, #0ea5e9 100%) !important;
  border-color: rgba(103, 232, 249, 0.72) !important;
  color: #031018 !important;
  -webkit-text-fill-color: #031018 !important;
  text-shadow: none !important;
}

/* Broad scoped utility guard for legacy light cards, panels, widgets, notices, and empty states. */
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,
  .ssa-gear.ssa-gear,
  .sgc-wrap.sgc-wrap,
  .ssa-account-dashboard.ssa-account-dashboard,
  [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(
  .card,
  .panel,
  .widget,
  .bg-white,
  [class*="-card" i],
  [class*="-panel" i],
  [class*="-widget" i],
  [class*="-tile" i],
  [class*="-callout" i],
  [class*="-notice" i],
  [class*="-helper" i],
  [class*="-empty" i]
) {
  background:
    radial-gradient(circle at 8% 0%, rgba(45, 212, 191, 0.09), transparent 32%),
    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;
  -webkit-text-fill-color: #eaf8ff !important;
}

body :is(
  #bng-page-shell#bng-page-shell,
  #bngc-shell#bngc-shell,
  #bnnc-shell#bnnc-shell,
  #berc-shell#berc-shell,
  #fin-shell#fin-shell,
  #rel-shell#rel-shell,
  #rel-tools-shell#rel-tools-shell,
  #health-shell#health-shell,
  #sssss-shell#sssss-shell,
  .eos-shell.eos-shell,
  .rts-shell.rts-shell,
  .ssaa-shell.ssaa-shell,
  .ssa-lkb.ssa-lkb,
  .ssa-pq-wrap.ssa-pq-wrap,
  .ssa-dice.ssa-dice,
  .ssa-gear.ssa-gear,
  .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^="rts-"][class^="rts-"],
  [class*=" rts-"][class*=" rts-"]
) :is(
  .card,
  .panel,
  .widget,
  .bg-white,
  [class*="-card" i],
  [class*="-panel" i],
  [class*="-widget" i],
  [class*="-tile" i],
  [class*="-callout" i],
  [class*="-notice" i],
  [class*="-helper" i],
  [class*="-empty" i]
) :is(button, .button, .wp-element-button, [type="button"], [type="submit"], a[class*="btn" i], a[class*="button" i]) {
  background: linear-gradient(135deg, #2dd4bf 0%, #22d3ee 46%, #0ea5e9 100%) !important;
  border-color: rgba(103, 232, 249, 0.72) !important;
  color: #031018 !important;
  -webkit-text-fill-color: #031018 !important;
  text-shadow: none !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(
  .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,
  .ssa-top-pick-card a,
  .ssa-bridge-card a,
  .ssa-journey-card a,
  .ssa-combo-card a,
  .ssa-directory-card a,
  .ssa-tool-card a,
  .ssa-hub-item-wrap a,
  .ssa-subhub-item-wrap a,
  .ssa-featured-article a
) {
  background: linear-gradient(135deg, rgba(6, 78, 87, 0.96), rgba(8, 47, 73, 0.96)) !important;
  border-color: rgba(45, 212, 191, 0.72) !important;
  color: #f4fdff !important;
  -webkit-text-fill-color: #f4fdff !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) :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(#sth-page-shell, .sth-hub-render-wrap, .ssa-tool-hub-shell) :is(.sth-nav a, .sth-links-list a) * {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

@media (max-width: 760px) {
  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,
    .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(
    [class*="result-grid" i],
    [class*="results-grid" i],
    [class*="summary-grid" i],
    [class*="stat-grid" i],
    [class*="metric-grid" i],
    [class*="-metrics" i],
    [class*=" metrics" i],
    .mf-baby-summary-grid,
    .mf-trend-metrics,
    .sgc-stat-grid,
    .ssaa-stat-grid,
    .rts-result-grid
  ) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Final SSA tool form guard.
   This master-level duplicate is intentional: it protects form answers and
   critical CTAs when the global master stylesheet loads after plugin styles. */
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 #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. Master may load after plugin styles, so it needs the
   same last-word form and CTA protections as the tool-specific MU file. */
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) {
  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. Master can load after plugin styles, so keep
   the same last-word protections here for mobile controls and CTAs. */
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(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,
  .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(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,
  .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(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,
    .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
  ) {
    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.
 *
 * Keep the outer tool shell premium while preventing nested wrappers from
 * compounding into heavy card stacks on dense tool pages.
 */
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;
}