/*
 * SSA Tool Neon Polish
 *
 * A shared visual safety layer for SSA tools and calculators. It is deliberately
 * scoped to known tool wrappers so it can fix theme leaks without repainting
 * ordinary WordPress articles.
 */

:root {
  --ssa-neon-bg: #05070d;
  --ssa-neon-panel: #0b1220;
  --ssa-neon-panel-2: #101827;
  --ssa-neon-card: rgba(12, 20, 34, 0.94);
  --ssa-neon-card-soft: rgba(15, 28, 45, 0.9);
  --ssa-neon-border: rgba(72, 209, 204, 0.32);
  --ssa-neon-border-strong: rgba(45, 212, 191, 0.58);
  --ssa-neon-text: #eafcff;
  --ssa-neon-muted: #aac1cc;
  --ssa-neon-soft: #d5f6ff;
  --ssa-neon-accent: #2dd4bf;
  --ssa-neon-accent-2: #38bdf8;
  --ssa-neon-warm: #fbbf24;
  --ssa-neon-danger: #fb7185;
  --ssa-neon-shadow: 0 18px 45px rgba(0, 0, 0, 0.35), 0 0 28px rgba(45, 212, 191, 0.12);
  --ssa-neon-radius: 18px;
  --ssa-neon-radius-sm: 12px;
  --ssa-neon-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body :where(
  #ssa-mbti-tool,
  #ssa-big5-tool,
  #ssa-enneagram-tool,
  #ssa-personality-hub,
  #ssa-life-kit-builder,
  #momfirst-root,
  .ssaft-account-tool,
  .rts-tool,
  .rts-account-tool,
  .ssaa-tool,
  .ssaa-account-tool,
  .ssahq-tool,
  .ssahq-account-tool,
  .ssafun-tool,
  .ssafun-account-tool,
  .sssss-tool,
  .sssss-account-tool,
  .bngc-tool,
  .bngc-account-tool,
  .eos-tool,
  .eos-card,
  .oil-selector-app,
  .ssa-account-card,
  .ssa-account-dashboard
) {
  color-scheme: dark !important;
  box-sizing: border-box !important;
  font-family: var(--ssa-neon-font) !important;
  color: var(--ssa-neon-text) !important;
}

body :where(
  #ssa-mbti-tool,
  #ssa-big5-tool,
  #ssa-enneagram-tool,
  #ssa-personality-hub,
  #ssa-life-kit-builder,
  #momfirst-root,
  .ssaft-account-tool,
  .rts-account-tool,
  .ssaa-account-tool,
  .ssahq-account-tool,
  .ssafun-account-tool,
  .sssss-account-tool,
  .bngc-account-tool,
  .eos-tool,
  .oil-selector-app,
  .ssa-account-card,
  .ssa-account-dashboard
) {
  max-width: 1120px !important;
  margin: 28px auto !important;
  padding: clamp(18px, 3vw, 34px) !important;
  border: 1px solid var(--ssa-neon-border) !important;
  border-radius: var(--ssa-neon-radius) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(45, 212, 191, 0.16), transparent 34%),
    radial-gradient(circle at 95% 10%, rgba(56, 189, 248, 0.14), transparent 34%),
    linear-gradient(145deg, var(--ssa-neon-panel), var(--ssa-neon-bg)) !important;
  box-shadow: var(--ssa-neon-shadow) !important;
  isolation: isolate !important;
  overflow-wrap: break-word !important;
}

body :where(
  #ssa-mbti-tool,
  #ssa-big5-tool,
  #ssa-enneagram-tool,
  #ssa-personality-hub,
  #ssa-life-kit-builder,
  #momfirst-root,
  .ssaft-account-tool,
  .rts-account-tool,
  .ssaa-account-tool,
  .ssahq-account-tool,
  .ssafun-account-tool,
  .sssss-account-tool,
  .bngc-account-tool,
  .eos-tool,
  .oil-selector-app,
  .ssa-account-card,
  .ssa-account-dashboard
) * {
  box-sizing: border-box !important;
}

body :where(
  #ssa-mbti-tool,
  #ssa-big5-tool,
  #ssa-enneagram-tool,
  #ssa-personality-hub,
  #ssa-life-kit-builder,
  #momfirst-root,
  .ssaft-account-tool,
  .rts-account-tool,
  .ssaa-account-tool,
  .ssahq-account-tool,
  .ssafun-account-tool,
  .sssss-account-tool,
  .bngc-account-tool,
  .eos-tool,
  .oil-selector-app,
  .ssa-account-card,
  .ssa-account-dashboard
) :where(h1, h2, h3, h4, h5, h6, legend) {
  color: var(--ssa-neon-text) !important;
  margin: 0 0 0.65em !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}

body :where(
  #ssa-mbti-tool,
  #ssa-big5-tool,
  #ssa-enneagram-tool,
  #ssa-personality-hub,
  #ssa-life-kit-builder,
  #momfirst-root,
  .ssaft-account-tool,
  .rts-account-tool,
  .ssaa-account-tool,
  .ssahq-account-tool,
  .ssafun-account-tool,
  .sssss-account-tool,
  .bngc-account-tool,
  .eos-tool,
  .oil-selector-app,
  .ssa-account-card,
  .ssa-account-dashboard
) :where(h1, .tool-title, .ssa-tool-title) {
  font-size: clamp(2rem, 5vw, 3.8rem) !important;
  color: #ffffff !important;
  text-shadow: 0 0 22px rgba(45, 212, 191, 0.34) !important;
}

body :where(
  #ssa-mbti-tool,
  #ssa-big5-tool,
  #ssa-enneagram-tool,
  #ssa-personality-hub,
  #ssa-life-kit-builder,
  #momfirst-root,
  .ssaft-account-tool,
  .rts-account-tool,
  .ssaa-account-tool,
  .ssahq-account-tool,
  .ssafun-account-tool,
  .sssss-account-tool,
  .bngc-account-tool,
  .eos-tool,
  .oil-selector-app,
  .ssa-account-card,
  .ssa-account-dashboard
) :where(h2) {
  font-size: clamp(1.45rem, 3vw, 2.3rem) !important;
}

body :where(
  #ssa-mbti-tool,
  #ssa-big5-tool,
  #ssa-enneagram-tool,
  #ssa-personality-hub,
  #ssa-life-kit-builder,
  #momfirst-root,
  .ssaft-account-tool,
  .rts-account-tool,
  .ssaa-account-tool,
  .ssahq-account-tool,
  .ssafun-account-tool,
  .sssss-account-tool,
  .bngc-account-tool,
  .eos-tool,
  .oil-selector-app,
  .ssa-account-card,
  .ssa-account-dashboard
) :where(p, li, label, summary, td, th, small, span, div) {
  color: inherit;
}

body :where(
  #ssa-mbti-tool,
  #ssa-big5-tool,
  #ssa-enneagram-tool,
  #ssa-personality-hub,
  #ssa-life-kit-builder,
  #momfirst-root,
  .ssaft-account-tool,
  .rts-account-tool,
  .ssaa-account-tool,
  .ssahq-account-tool,
  .ssafun-account-tool,
  .sssss-account-tool,
  .bngc-account-tool,
  .eos-tool,
  .oil-selector-app,
  .ssa-account-card,
  .ssa-account-dashboard
) :where(p, li, td, th) {
  font-size: clamp(1rem, 1.25vw, 1.08rem) !important;
  line-height: 1.68 !important;
}

body :where(
  #ssa-mbti-tool,
  #ssa-big5-tool,
  #ssa-enneagram-tool,
  #ssa-personality-hub,
  #ssa-life-kit-builder,
  #momfirst-root,
  .ssaft-account-tool,
  .rts-account-tool,
  .ssaa-account-tool,
  .ssahq-account-tool,
  .ssafun-account-tool,
  .sssss-account-tool,
  .bngc-account-tool,
  .eos-tool,
  .oil-selector-app,
  .ssa-account-card,
  .ssa-account-dashboard
) :where(p, ul, ol, table, fieldset, form, .card, .panel, .section, details) {
  margin-top: 0 !important;
  margin-bottom: 18px !important;
}

body :where(
  #ssa-mbti-tool,
  #ssa-big5-tool,
  #ssa-enneagram-tool,
  #ssa-personality-hub,
  #ssa-life-kit-builder,
  #momfirst-root,
  .ssaft-account-tool,
  .rts-account-tool,
  .ssaa-account-tool,
  .ssahq-account-tool,
  .ssafun-account-tool,
  .sssss-account-tool,
  .bngc-account-tool,
  .eos-tool,
  .oil-selector-app,
  .ssa-account-card,
  .ssa-account-dashboard
) :where(a) {
  color: #7dd3fc !important;
  text-underline-offset: 3px !important;
}

body :where(
  #ssa-mbti-tool,
  #ssa-big5-tool,
  #ssa-enneagram-tool,
  #ssa-personality-hub,
  #ssa-life-kit-builder,
  #momfirst-root,
  .ssaft-account-tool,
  .rts-account-tool,
  .ssaa-account-tool,
  .ssahq-account-tool,
  .ssafun-account-tool,
  .sssss-account-tool,
  .bngc-account-tool,
  .eos-tool,
  .oil-selector-app,
  .ssa-account-card,
  .ssa-account-dashboard
) :where(.card, .panel, .result, .results, .summary, .tool-card, .quiz, .extras, details, fieldset, table, .ssa-account-save-panel, .ssa-account-dashboard-section) {
  border: 1px solid var(--ssa-neon-border) !important;
  border-radius: var(--ssa-neon-radius-sm) !important;
  background: linear-gradient(180deg, var(--ssa-neon-card), rgba(8, 15, 26, 0.94)) !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.22) !important;
}

body :where(
  #ssa-mbti-tool,
  #ssa-big5-tool,
  #ssa-enneagram-tool,
  #ssa-personality-hub,
  #ssa-life-kit-builder,
  #momfirst-root,
  .ssaft-account-tool,
  .rts-account-tool,
  .ssaa-account-tool,
  .ssahq-account-tool,
  .ssafun-account-tool,
  .sssss-account-tool,
  .bngc-account-tool,
  .eos-tool,
  .oil-selector-app,
  .ssa-account-card,
  .ssa-account-dashboard
) :where(.card, .panel, .result, .results, .summary, .tool-card, .quiz, .extras, details, fieldset, .ssa-account-save-panel, .ssa-account-dashboard-section) {
  padding: clamp(16px, 2vw, 24px) !important;
}

body :where(
  #ssa-mbti-tool,
  #ssa-big5-tool,
  #ssa-enneagram-tool,
  #ssa-personality-hub,
  #ssa-life-kit-builder,
  #momfirst-root,
  .ssaft-account-tool,
  .rts-account-tool,
  .ssaa-account-tool,
  .ssahq-account-tool,
  .ssafun-account-tool,
  .sssss-account-tool,
  .bngc-account-tool,
  .eos-tool,
  .oil-selector-app,
  .ssa-account-card,
  .ssa-account-dashboard
) :where(input, select, textarea) {
  width: 100%;
  min-height: 46px;
  border: 1px solid rgba(148, 163, 184, 0.38) !important;
  border-radius: 12px !important;
  background: rgba(2, 6, 23, 0.78) !important;
  color: #ffffff !important;
  font: 600 1rem/1.3 var(--ssa-neon-font) !important;
  padding: 11px 13px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body :where(
  #ssa-mbti-tool,
  #ssa-big5-tool,
  #ssa-enneagram-tool,
  #ssa-personality-hub,
  #ssa-life-kit-builder,
  #momfirst-root,
  .ssaft-account-tool,
  .rts-account-tool,
  .ssaa-account-tool,
  .ssahq-account-tool,
  .ssafun-account-tool,
  .sssss-account-tool,
  .bngc-account-tool,
  .eos-tool,
  .oil-selector-app,
  .ssa-account-card,
  .ssa-account-dashboard
) :where(input::placeholder, textarea::placeholder) {
  color: rgba(226, 232, 240, 0.62) !important;
}

body :where(
  #ssa-mbti-tool,
  #ssa-big5-tool,
  #ssa-enneagram-tool,
  #ssa-personality-hub,
  #ssa-life-kit-builder,
  #momfirst-root,
  .ssaft-account-tool,
  .rts-account-tool,
  .ssaa-account-tool,
  .ssahq-account-tool,
  .ssafun-account-tool,
  .sssss-account-tool,
  .bngc-account-tool,
  .eos-tool,
  .oil-selector-app,
  .ssa-account-card,
  .ssa-account-dashboard
) :where(input:focus, select:focus, textarea:focus, button:focus-visible, a:focus-visible) {
  outline: 3px solid rgba(45, 212, 191, 0.38) !important;
  outline-offset: 2px !important;
  border-color: var(--ssa-neon-border-strong) !important;
}

body :where(
  #ssa-mbti-tool,
  #ssa-big5-tool,
  #ssa-enneagram-tool,
  #ssa-personality-hub,
  #ssa-life-kit-builder,
  #momfirst-root,
  .ssaft-account-tool,
  .rts-account-tool,
  .ssaa-account-tool,
  .ssahq-account-tool,
  .ssafun-account-tool,
  .sssss-account-tool,
  .bngc-account-tool,
  .eos-tool,
  .oil-selector-app,
  .ssa-account-card,
  .ssa-account-dashboard
) :where(button, .button, .btn, input[type="button"], input[type="submit"], a.button, .ssa-account-button) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 44px !important;
  border: 1px solid rgba(45, 212, 191, 0.62) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--ssa-neon-accent), var(--ssa-neon-accent-2)) !important;
  color: #031018 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  padding: 11px 18px !important;
  box-shadow: 0 10px 22px rgba(45, 212, 191, 0.18) !important;
}

body :where(
  #ssa-mbti-tool,
  #ssa-big5-tool,
  #ssa-enneagram-tool,
  #ssa-personality-hub,
  #ssa-life-kit-builder,
  #momfirst-root,
  .ssaft-account-tool,
  .rts-account-tool,
  .ssaa-account-tool,
  .ssahq-account-tool,
  .ssafun-account-tool,
  .sssss-account-tool,
  .bngc-account-tool,
  .eos-tool,
  .oil-selector-app,
  .ssa-account-card,
  .ssa-account-dashboard
) :where(button:hover, .button:hover, .btn:hover, input[type="button"]:hover, input[type="submit"]:hover, a.button:hover, .ssa-account-button:hover) {
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 28px rgba(45, 212, 191, 0.24), 0 0 18px rgba(56, 189, 248, 0.18) !important;
}

body :where(
  #ssa-mbti-tool,
  #ssa-big5-tool,
  #ssa-enneagram-tool,
  #ssa-personality-hub,
  #ssa-life-kit-builder,
  #momfirst-root,
  .ssaft-account-tool,
  .rts-account-tool,
  .ssaa-account-tool,
  .ssahq-account-tool,
  .ssafun-account-tool,
  .sssss-account-tool,
  .bngc-account-tool,
  .eos-tool,
  .oil-selector-app,
  .ssa-account-card,
  .ssa-account-dashboard
) :where(button:disabled, input[type="button"]:disabled, input[type="submit"]:disabled) {
  cursor: not-allowed !important;
  filter: grayscale(0.6) !important;
  opacity: 0.58 !important;
  transform: none !important;
}

body :where(
  #ssa-mbti-tool,
  #ssa-big5-tool,
  #ssa-enneagram-tool,
  #ssa-personality-hub,
  #ssa-life-kit-builder,
  #momfirst-root,
  .ssaft-account-tool,
  .rts-account-tool,
  .ssaa-account-tool,
  .ssahq-account-tool,
  .ssafun-account-tool,
  .sssss-account-tool,
  .bngc-account-tool,
  .eos-tool,
  .oil-selector-app,
  .ssa-account-card,
  .ssa-account-dashboard
) :where(table) {
  width: 100% !important;
  border-collapse: collapse !important;
  overflow: hidden !important;
}

body :where(
  #ssa-mbti-tool,
  #ssa-big5-tool,
  #ssa-enneagram-tool,
  #ssa-personality-hub,
  #ssa-life-kit-builder,
  #momfirst-root,
  .ssaft-account-tool,
  .rts-account-tool,
  .ssaa-account-tool,
  .ssahq-account-tool,
  .ssafun-account-tool,
  .sssss-account-tool,
  .bngc-account-tool,
  .eos-tool,
  .oil-selector-app,
  .ssa-account-card,
  .ssa-account-dashboard
) :where(th, td) {
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  padding: 11px 12px !important;
}

body :where(
  #ssa-mbti-tool,
  #ssa-big5-tool,
  #ssa-enneagram-tool,
  #ssa-personality-hub,
  #ssa-life-kit-builder,
  #momfirst-root,
  .ssaft-account-tool,
  .rts-account-tool,
  .ssaa-account-tool,
  .ssahq-account-tool,
  .ssafun-account-tool,
  .sssss-account-tool,
  .bngc-account-tool,
  .eos-tool,
  .oil-selector-app,
  .ssa-account-card,
  .ssa-account-dashboard
) :where(summary) {
  cursor: pointer !important;
  color: var(--ssa-neon-accent) !important;
  font-weight: 800 !important;
}

body :where(.wp-block-heading, .entry-content > h1, .entry-content > h2, .entry-content > h3) {
  overflow-wrap: break-word;
}

@media (max-width: 720px) {
  body :where(
    #ssa-mbti-tool,
    #ssa-big5-tool,
    #ssa-enneagram-tool,
    #ssa-personality-hub,
    #ssa-life-kit-builder,
    #momfirst-root,
    .ssaft-account-tool,
    .rts-account-tool,
    .ssaa-account-tool,
    .ssahq-account-tool,
    .ssafun-account-tool,
    .sssss-account-tool,
    .bngc-account-tool,
    .eos-tool,
    .oil-selector-app,
    .ssa-account-card,
    .ssa-account-dashboard
  ) {
    width: min(100%, 1120px) !important;
    margin: 14px auto !important;
    padding: 16px !important;
    border-radius: 14px !important;
  }

  body :where(
    #ssa-mbti-tool,
    #ssa-big5-tool,
    #ssa-enneagram-tool,
    #ssa-personality-hub,
    #ssa-life-kit-builder,
    #momfirst-root,
    .ssaft-account-tool,
    .rts-account-tool,
    .ssaa-account-tool,
    .ssahq-account-tool,
    .ssafun-account-tool,
    .sssss-account-tool,
    .bngc-account-tool,
    .eos-tool,
    .oil-selector-app,
    .ssa-account-card,
    .ssa-account-dashboard
  ) :where(button, .button, .btn, input[type="button"], input[type="submit"], a.button, .ssa-account-button) {
    width: 100% !important;
    white-space: normal !important;
  }
}

/* Additional plugin wrappers that do not use the shared account-tool class. */
body :where(
  .ssa-lkb,
  .ssa-lkb-account-panel,
  .rts-shell,
  .ssaa-shell,
  .ssaa-account-calculator,
  #eos-page-shell,
  .eos-account-save
) {
  color-scheme: dark !important;
  box-sizing: border-box !important;
  max-width: 1120px !important;
  margin: 28px auto !important;
  padding: clamp(18px, 3vw, 34px) !important;
  border: 1px solid var(--ssa-neon-border) !important;
  border-radius: var(--ssa-neon-radius) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(45, 212, 191, 0.16), transparent 34%),
    radial-gradient(circle at 95% 10%, rgba(56, 189, 248, 0.14), transparent 34%),
    linear-gradient(145deg, var(--ssa-neon-panel), var(--ssa-neon-bg)) !important;
  box-shadow: var(--ssa-neon-shadow) !important;
  color: var(--ssa-neon-text) !important;
  font-family: var(--ssa-neon-font) !important;
  overflow-wrap: break-word !important;
}

body :where(
  .ssa-lkb,
  .ssa-lkb-account-panel,
  .rts-shell,
  .ssaa-shell,
  .ssaa-account-calculator,
  #eos-page-shell,
  .eos-account-save
) * {
  box-sizing: border-box !important;
}

body :where(
  .ssa-lkb,
  .ssa-lkb-account-panel,
  .rts-shell,
  .ssaa-shell,
  .ssaa-account-calculator,
  #eos-page-shell,
  .eos-account-save
) :where(h1, h2, h3, h4, h5, h6, legend) {
  color: var(--ssa-neon-text) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  margin: 0 0 0.65em !important;
  text-shadow: 0 0 18px rgba(45, 212, 191, 0.24) !important;
}

body :where(
  .ssa-lkb,
  .ssa-lkb-account-panel,
  .rts-shell,
  .ssaa-shell,
  .ssaa-account-calculator,
  #eos-page-shell,
  .eos-account-save
) :where(p, li, label, summary, td, th, small, span, div) {
  color: inherit;
}

body :where(
  .ssa-lkb,
  .ssa-lkb-account-panel,
  .rts-shell,
  .ssaa-shell,
  .ssaa-account-calculator,
  #eos-page-shell,
  .eos-account-save
) :where(p, li, td, th) {
  font-size: clamp(1rem, 1.25vw, 1.08rem) !important;
  line-height: 1.68 !important;
}

body :where(
  .ssa-lkb,
  .ssa-lkb-account-panel,
  .rts-shell,
  .ssaa-shell,
  .ssaa-account-calculator,
  #eos-page-shell,
  .eos-account-save
) :where(.rts-hero, .rts-results, .rts-questions, .rts-account-save, .ssaa-tool-form, .ssaa-result, .ssaa-account-save, .eos-section, .eos-intro, .eos-highlight, .eos-callout, .eos-faq, .eos-disclaimer, .eos-affiliate, details, table) {
  border: 1px solid var(--ssa-neon-border) !important;
  border-radius: var(--ssa-neon-radius-sm) !important;
  background: linear-gradient(180deg, var(--ssa-neon-card), rgba(8, 15, 26, 0.94)) !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.22) !important;
  padding: clamp(16px, 2vw, 24px) !important;
  margin-bottom: 18px !important;
}

body :where(
  .ssa-lkb,
  .ssa-lkb-account-panel,
  .rts-shell,
  .ssaa-shell,
  .ssaa-account-calculator,
  #eos-page-shell,
  .eos-account-save
) :where(input, select, textarea) {
  width: 100% !important;
  min-height: 46px !important;
  border: 1px solid rgba(148, 163, 184, 0.38) !important;
  border-radius: 12px !important;
  background: rgba(2, 6, 23, 0.78) !important;
  color: #ffffff !important;
  font: 600 1rem/1.3 var(--ssa-neon-font) !important;
  padding: 11px 13px !important;
}

body :where(
  .ssa-lkb,
  .ssa-lkb-account-panel,
  .rts-shell,
  .ssaa-shell,
  .ssaa-account-calculator,
  #eos-page-shell,
  .eos-account-save
) :where(button, .button, .btn, .rts-btn, .ssaa-account-link, .eos-nav-btn, .eos-inline-cta, input[type="button"], input[type="submit"], a.button) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 44px !important;
  border: 1px solid rgba(45, 212, 191, 0.62) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--ssa-neon-accent), var(--ssa-neon-accent-2)) !important;
  color: #031018 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  padding: 11px 18px !important;
  box-shadow: 0 10px 22px rgba(45, 212, 191, 0.18) !important;
}

@media (max-width: 720px) {
  body :where(
  .ssa-lkb,
  .ssa-lkb-account-panel,
  .rts-shell,
    .ssaa-shell,
    .ssaa-account-calculator,
    #eos-page-shell,
    .eos-account-save
  ) {
    width: min(100%, 1120px) !important;
    margin: 14px auto !important;
    padding: 16px !important;
    border-radius: 14px !important;
  }

  body :where(
  .ssa-lkb,
  .ssa-lkb-account-panel,
  .rts-shell,
    .ssaa-shell,
    .ssaa-account-calculator,
    #eos-page-shell,
    .eos-account-save
  ) :where(button, .button, .btn, .rts-btn, .ssaa-account-link, .eos-nav-btn, .eos-inline-cta, input[type="button"], input[type="submit"], a.button) {
    width: 100% !important;
    white-space: normal !important;
  }
}



/* -------------------------------------------------------------------------
   Broad SSA tool compatibility layer
   Loaded late from SSA Accounts so public calculators/quizzes share one neon UI.
   ------------------------------------------------------------------------- */

body .entry-content :where(
  [id*="tool"],
  [id*="calculator"],
  [id*="quiz"],
  [id*="planner"],
  [id*="generator"],
  [id*="finder"],
  [class*="tool"],
  [class*="calculator"],
  [class*="quiz"],
  [class*="planner"],
  [class*="generator"],
  [class*="finder"],
  [class*="assessment"],
  [class*="result"]
),
body :where(
  .ssaft-tool,
  .ssaft-shell,
  .ssaft-calculator,
  .ssa-financial-tools,
  .ssa-financial-tool,
  .financial-tool,
  .relationship-tool,
  .relationship-calculator,
  .relationship-quiz,
  .anniversary-tool,
  .anniversary-calculator,
  .health-quiz,
  .health-calculator,
  .ssahq-shell,
  .ssahq-quiz,
  .ssahq-calculator,
  .fun-tool,
  .fun-quiz,
  .ssafun-shell,
  .sleep-stress-tool,
  .stress-quiz,
  .sleep-calculator,
  .business-name-generator,
  .business-generator,
  .love-compatibility-calculator,
  .zodiac-calculator,
  .birth-chart-calculator,
  .oil-selector,
  .essential-oil-selector,
  .natural-remedies-finder,
  .momfirst-dashboard,
  .ssa-dashboard,
  .ssa-account-dashboard,
  .ssa-account-app-section
) {
  color-scheme: dark !important;
  box-sizing: border-box !important;
  font-family: var(--ssa-neon-font) !important;
}

body .entry-content > :where(
  [id*="tool"],
  [id*="calculator"],
  [id*="quiz"],
  [id*="planner"],
  [id*="generator"],
  [id*="finder"],
  [class*="tool"],
  [class*="calculator"],
  [class*="quiz"],
  [class*="planner"],
  [class*="generator"],
  [class*="finder"],
  [class*="assessment"]
),
body :where(
  .ssaft-tool,
  .ssaft-shell,
  .ssaft-calculator,
  .ssa-financial-tools,
  .ssa-financial-tool,
  .financial-tool,
  .relationship-tool,
  .relationship-calculator,
  .relationship-quiz,
  .anniversary-tool,
  .anniversary-calculator,
  .health-quiz,
  .health-calculator,
  .ssahq-shell,
  .ssahq-quiz,
  .ssahq-calculator,
  .fun-tool,
  .fun-quiz,
  .ssafun-shell,
  .sleep-stress-tool,
  .stress-quiz,
  .sleep-calculator,
  .business-name-generator,
  .business-generator,
  .love-compatibility-calculator,
  .zodiac-calculator,
  .birth-chart-calculator,
  .oil-selector,
  .essential-oil-selector,
  .natural-remedies-finder,
  .momfirst-dashboard,
  .ssa-dashboard,
  .ssa-account-dashboard
) {
  width: min(100%, 1120px) !important;
  margin: clamp(18px, 4vw, 42px) auto !important;
  padding: clamp(18px, 3vw, 34px) !important;
  border: 1px solid rgba(45, 212, 191, 0.46) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(45, 212, 191, 0.18), transparent 32%),
    radial-gradient(circle at 90% 8%, rgba(56, 189, 248, 0.16), transparent 34%),
    linear-gradient(145deg, #0b1220 0%, #05070d 100%) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.42), 0 0 32px rgba(45, 212, 191, 0.14) !important;
  color: #eafcff !important;
  overflow: visible !important;
  overflow-wrap: break-word !important;
}

body :where(
  .entry-content [id*="tool"],
  .entry-content [id*="calculator"],
  .entry-content [id*="quiz"],
  .entry-content [id*="planner"],
  .entry-content [id*="generator"],
  .entry-content [id*="finder"],
  .entry-content [class*="tool"],
  .entry-content [class*="calculator"],
  .entry-content [class*="quiz"],
  .entry-content [class*="planner"],
  .entry-content [class*="generator"],
  .entry-content [class*="finder"],
  .entry-content [class*="assessment"],
  .ssa-account-dashboard
) :where(*) {
  box-sizing: border-box !important;
}

body :where(
  .entry-content [id*="tool"],
  .entry-content [id*="calculator"],
  .entry-content [id*="quiz"],
  .entry-content [id*="planner"],
  .entry-content [id*="generator"],
  .entry-content [id*="finder"],
  .entry-content [class*="tool"],
  .entry-content [class*="calculator"],
  .entry-content [class*="quiz"],
  .entry-content [class*="planner"],
  .entry-content [class*="generator"],
  .entry-content [class*="finder"],
  .entry-content [class*="assessment"],
  .ssa-account-dashboard
) :where(h1, h2, h3, h4, h5, h6, legend, .title, .tool-title, .calculator-title, .quiz-title) {
  color: #f8feff !important;
  font-family: var(--ssa-neon-font) !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.12 !important;
  text-shadow: 0 0 20px rgba(45, 212, 191, 0.34) !important;
}

body :where(
  .entry-content [id*="tool"],
  .entry-content [id*="calculator"],
  .entry-content [id*="quiz"],
  .entry-content [id*="planner"],
  .entry-content [id*="generator"],
  .entry-content [id*="finder"],
  .entry-content [class*="tool"],
  .entry-content [class*="calculator"],
  .entry-content [class*="quiz"],
  .entry-content [class*="planner"],
  .entry-content [class*="generator"],
  .entry-content [class*="finder"],
  .entry-content [class*="assessment"],
  .ssa-account-dashboard
) :where(p, li, label, summary, td, th, small, span, div, output) {
  color: #eafcff !important;
}

body :where(
  .entry-content [id*="tool"],
  .entry-content [id*="calculator"],
  .entry-content [id*="quiz"],
  .entry-content [class*="tool"],
  .entry-content [class*="calculator"],
  .entry-content [class*="quiz"],
  .entry-content [class*="result"],
  .ssa-account-dashboard
) :where(.card, .panel, .box, .section, .result, .results, .answer, .question, .summary, .output, .report, .notice, .callout, .step, fieldset, details, table, form) {
  border: 1px solid rgba(72, 209, 204, 0.34) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(12, 20, 34, 0.96), rgba(8, 15, 26, 0.94)) !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.24) !important;
  color: #eafcff !important;
}

body :where(
  .entry-content [id*="tool"],
  .entry-content [id*="calculator"],
  .entry-content [id*="quiz"],
  .entry-content [class*="tool"],
  .entry-content [class*="calculator"],
  .entry-content [class*="quiz"],
  .ssa-account-dashboard
) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea) {
  min-height: 46px !important;
  width: 100% !important;
  border: 1px solid rgba(148, 163, 184, 0.44) !important;
  border-radius: 12px !important;
  background: rgba(2, 6, 23, 0.86) !important;
  color: #ffffff !important;
  caret-color: #2dd4bf !important;
  font: 650 1rem/1.35 var(--ssa-neon-font) !important;
  padding: 11px 13px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

body :where(
  .entry-content [id*="tool"],
  .entry-content [id*="calculator"],
  .entry-content [id*="quiz"],
  .entry-content [class*="tool"],
  .entry-content [class*="calculator"],
  .entry-content [class*="quiz"],
  .ssa-account-dashboard
) :where(input::placeholder, textarea::placeholder) {
  color: rgba(213, 246, 255, 0.68) !important;
}

body :where(
  .entry-content [id*="tool"],
  .entry-content [id*="calculator"],
  .entry-content [id*="quiz"],
  .entry-content [class*="tool"],
  .entry-content [class*="calculator"],
  .entry-content [class*="quiz"],
  .ssa-account-dashboard
) :where(button, .button, .btn, [role="button"], input[type="button"], input[type="submit"], a.button, a.btn) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 44px !important;
  border: 1px solid rgba(45, 212, 191, 0.68) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #2dd4bf 0%, #38bdf8 100%) !important;
  color: #031018 !important;
  font-family: var(--ssa-neon-font) !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  padding: 11px 18px !important;
  box-shadow: 0 10px 24px rgba(45, 212, 191, 0.22) !important;
  cursor: pointer !important;
}

body :where(
  .entry-content [id*="tool"],
  .entry-content [id*="calculator"],
  .entry-content [id*="quiz"],
  .entry-content [class*="tool"],
  .entry-content [class*="calculator"],
  .entry-content [class*="quiz"],
  .ssa-account-dashboard
) :where(button:hover, .button:hover, .btn:hover, [role="button"]:hover, input[type="button"]:hover, input[type="submit"]:hover, a.button:hover, a.btn:hover) {
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 30px rgba(56, 189, 248, 0.26) !important;
}

body :where(
  .entry-content [id*="tool"],
  .entry-content [id*="calculator"],
  .entry-content [id*="quiz"],
  .entry-content [class*="tool"],
  .entry-content [class*="calculator"],
  .entry-content [class*="quiz"],
  .ssa-account-dashboard
) :where(a:not(.button):not(.btn):not([role="button"])) {
  color: #8eeaff !important;
  text-decoration-color: rgba(142, 234, 255, 0.52) !important;
  text-underline-offset: 3px !important;
}

body :where(
  .entry-content [id*="tool"],
  .entry-content [id*="calculator"],
  .entry-content [id*="quiz"],
  .entry-content [class*="tool"],
  .entry-content [class*="calculator"],
  .entry-content [class*="quiz"],
  .ssa-account-dashboard
) :where(table) {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
}

body :where(
  .entry-content [id*="tool"],
  .entry-content [id*="calculator"],
  .entry-content [id*="quiz"],
  .entry-content [class*="tool"],
  .entry-content [class*="calculator"],
  .entry-content [class*="quiz"],
  .ssa-account-dashboard
) :where(th) {
  background: rgba(45, 212, 191, 0.14) !important;
  color: #ffffff !important;
}

body :where(
  .entry-content [id*="tool"],
  .entry-content [id*="calculator"],
  .entry-content [id*="quiz"],
  .entry-content [class*="tool"],
  .entry-content [class*="calculator"],
  .entry-content [class*="quiz"],
  .ssa-account-dashboard
) :where(td, th) {
  border-color: rgba(72, 209, 204, 0.24) !important;
  padding: 10px 12px !important;
}

body :where(
  .entry-content [id*="tool"],
  .entry-content [id*="calculator"],
  .entry-content [id*="quiz"],
  .entry-content [class*="tool"],
  .entry-content [class*="calculator"],
  .entry-content [class*="quiz"],
  .ssa-account-dashboard
) :where(.hidden, [hidden]) {
  display: none !important;
}

@media (max-width: 720px) {
  body .entry-content > :where(
    [id*="tool"],
    [id*="calculator"],
    [id*="quiz"],
    [id*="planner"],
    [id*="generator"],
    [id*="finder"],
    [class*="tool"],
    [class*="calculator"],
    [class*="quiz"],
    [class*="planner"],
    [class*="generator"],
    [class*="finder"],
    [class*="assessment"]
  ) {
    width: min(100%, 1120px) !important;
    margin: 14px auto !important;
    padding: 16px !important;
    border-radius: 14px !important;
  }

  body :where(
    .entry-content [id*="tool"],
    .entry-content [id*="calculator"],
    .entry-content [id*="quiz"],
    .entry-content [class*="tool"],
    .entry-content [class*="calculator"],
    .entry-content [class*="quiz"],
    .ssa-account-dashboard
  ) :where(button, .button, .btn, [role="button"], input[type="button"], input[type="submit"], a.button, a.btn) {
    width: 100% !important;
    white-space: normal !important;
  }
}

/* SSA dark neon coverage v2
 * Broadens the shared skin to the real wrappers used by active SSA tools.
 * Kept as an override layer so individual tools keep their layout/logic.
 */
:root {
  --ssa-neon-page: #030712;
  --ssa-neon-shell: #070b14;
  --ssa-neon-surface: rgba(9, 16, 30, 0.96);
  --ssa-neon-surface-2: rgba(13, 24, 40, 0.94);
  --ssa-neon-line: rgba(45, 212, 191, 0.38);
  --ssa-neon-line-hot: rgba(56, 189, 248, 0.62);
  --ssa-neon-ink: #edfaff;
  --ssa-neon-ink-soft: #c8e9f2;
  --ssa-neon-ink-muted: #93b8c5;
  --ssa-neon-cyan: #22d3ee;
  --ssa-neon-teal: #2dd4bf;
  --ssa-neon-magenta: #f0abfc;
  --ssa-neon-amber: #facc15;
}

body :where(
  .entry-content,
  .wp-block-post-content,
  .site-main,
  main
) :where(
  #flcc-calculator,
  .flcc-card,
  .flcc-result,
  .flcc-account-save,
  .zhc-calculator,
  #zhc-calculator,
  .zhc-result,
  .zhc-account-save,
  .ubcc-container,
  .ubcc-account-save,
  #zodiac-wheel-container,
  .zodiac-wheel-container,
  .eos-shell,
  .eos-main-tool,
  #nrf-tool,
  #nrf-app,
  #ogt-tool,
  #ogt-app,
  .eos-account-save,
  .eos-result-card,
  .oil-details,
  .rts-account-save,
  .rts-results,
  .ssaa-account-calculator,
  .ssaa-tool-form,
  .ssaa-result,
  .ssaa-account-save,
  .ssaft-account-save,
  .ssahq-account-save,
  .ssahq-native-panel,
  .ssahq-native-result,
  .ssafun-account-save,
  .sssss-account-save,
  .sssss-tool,
  .sssss-tool-form,
  .sssss-tool-results,
  .bngc-account-save,
  .bngc-results,
  .bnnc-results,
  .berc-results,
  .bngc-library-card,
  .ssa-lkb-account-save,
  .ssa-lkb-results,
  .ssa-lkb-result-summary,
  .ssa-lkb-result-panels,
  .ssa-lkb-card,
  .ssa-lkb-hub-card,
  .ssa-pq-save-panel,
  .ssa-pq-account-panel,
  .ssa-pq-saved-results,
  .ssa-pq-result-detail,
  .ssa-related-tools,
  .ssa-related__card,
  .ssa-account-result-card,
  .ssa-account-card-grid,
  .ssa-account-section,
  .ssa-account-app-section,
  .ssa-account-result-list,
  .momfirst-public,
  #momfirst-root,
  #momfirst-dashboard,
  .mf-app-header,
  .mf-app-menu,
  .mf-onboarding-card,
  .mf-input-panel,
  .mf-action-card,
  .mf-guide-card,
  .mf-trust-card,
  .mf-privacy-card,
  .mf-related-tools,
  .mf-night-result,
  .mf-baby-dashboard
) {
  color-scheme: dark !important;
  font-family: var(--ssa-neon-font) !important;
  color: var(--ssa-neon-ink) !important;
  border-color: var(--ssa-neon-line) !important;
}

body :where(.entry-content, .wp-block-post-content, .site-main, main) :where(
  #flcc-calculator,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  .rts-tool,
  .ssaa-account-calculator,
  .ssaft-account-tool,
  .ssahq-account-tool,
  .ssafun-account-tool,
  .sssss-account-tool,
  .sssss-tool,
  .bngc-account-tool,
  #momfirst-root,
  .ssa-lkb-tool,
  #ssa-life-kit-builder,
  .ssa-pq-account-panel,
  .ssa-related-tools,
  .ssa-account-dashboard
) {
  background:
    radial-gradient(circle at 8% 0%, rgba(34, 211, 238, 0.18), transparent 34%),
    radial-gradient(circle at 92% 8%, rgba(240, 171, 252, 0.12), transparent 34%),
    linear-gradient(145deg, var(--ssa-neon-shell), var(--ssa-neon-page)) !important;
  border: 1px solid var(--ssa-neon-line) !important;
  border-radius: 18px !important;
  box-shadow: 0 20px 52px rgba(0, 0, 0, 0.42), 0 0 34px rgba(34, 211, 238, 0.12) !important;
  color: var(--ssa-neon-ink) !important;
}

body :where(.entry-content, .wp-block-post-content, .site-main, main) :where(
  .flcc-card,
  .flcc-result,
  .flcc-account-save,
  .zhc-result,
  .zhc-account-save,
  .ubcc-account-save,
  .eos-account-save,
  .eos-result-card,
  .oil-details,
  .rts-account-save,
  .rts-results,
  .ssaa-tool-form,
  .ssaa-result,
  .ssaa-account-save,
  .ssaft-account-save,
  .ssahq-account-save,
  .ssahq-native-panel,
  .ssahq-native-result,
  .ssafun-account-save,
  .sssss-account-save,
  .sssss-tool-form,
  .sssss-tool-results,
  .bngc-account-save,
  .bngc-results,
  .bnnc-results,
  .berc-results,
  .bngc-library-card,
  .ssa-lkb-account-save,
  .ssa-lkb-result-summary,
  .ssa-lkb-card,
  .ssa-lkb-hub-card,
  .ssa-pq-save-panel,
  .ssa-pq-result-detail,
  .ssa-related__card,
  .ssa-account-result-card,
  .ssa-account-card,
  .ssa-account-app-section,
  .ssa-account-grid a,
  .ssa-account-life-snapshot span,
  .ssa-account-data-actions form,
  .mf-onboarding-card,
  .mf-input-panel,
  .mf-action-card,
  .mf-guide-card,
  .mf-trust-card,
  .mf-privacy-card,
  .mf-related-tools,
  .mf-night-result,
  .mf-baby-dashboard,
  details,
  fieldset
) {
  background: linear-gradient(180deg, var(--ssa-neon-surface), rgba(5, 10, 20, 0.96)) !important;
  border: 1px solid var(--ssa-neon-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  color: var(--ssa-neon-ink) !important;
}

body :where(.entry-content, .wp-block-post-content, .site-main, main) :where(
  #flcc-calculator,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  .rts-tool,
  .ssaa-account-calculator,
  .ssaft-account-tool,
  .ssahq-account-tool,
  .ssafun-account-tool,
  .sssss-tool,
  .bngc-account-tool,
  #momfirst-root,
  .ssa-lkb-tool,
  #ssa-life-kit-builder,
  .ssa-related-tools,
  .ssa-account-dashboard
) :where(h1, h2, h3, h4, h5, h6, legend, summary, strong) {
  color: #f8feff !important;
  text-shadow: 0 0 18px rgba(34, 211, 238, 0.28) !important;
}

body :where(.entry-content, .wp-block-post-content, .site-main, main) :where(
  #flcc-calculator,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  .rts-tool,
  .ssaa-account-calculator,
  .ssaft-account-tool,
  .ssahq-account-tool,
  .ssafun-account-tool,
  .sssss-tool,
  .bngc-account-tool,
  #momfirst-root,
  .ssa-lkb-tool,
  #ssa-life-kit-builder,
  .ssa-related-tools,
  .ssa-account-dashboard
) :where(p, li, label, span, small, em, div, td, th) {
  color: var(--ssa-neon-ink-soft) !important;
}

body :where(.entry-content, .wp-block-post-content, .site-main, main) :where(
  #flcc-calculator,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  .rts-tool,
  .ssaa-account-calculator,
  .ssaft-account-tool,
  .ssahq-account-tool,
  .ssafun-account-tool,
  .sssss-tool,
  .bngc-account-tool,
  #momfirst-root,
  .ssa-lkb-tool,
  #ssa-life-kit-builder,
  .ssa-related-tools,
  .ssa-account-dashboard
) :where(a:not(.button):not(.btn):not([role="button"])) {
  color: #8eeaff !important;
  text-decoration-color: rgba(142, 234, 255, 0.56) !important;
}

body :where(.entry-content, .wp-block-post-content, .site-main, main) :where(
  #flcc-calculator,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  .rts-tool,
  .ssaa-account-calculator,
  .ssaft-account-tool,
  .ssahq-account-tool,
  .ssafun-account-tool,
  .sssss-tool,
  .bngc-account-tool,
  #momfirst-root,
  .ssa-lkb-tool,
  #ssa-life-kit-builder,
  .ssa-related-tools,
  .ssa-account-dashboard
) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea) {
  background: rgba(2, 6, 23, 0.88) !important;
  border: 1px solid rgba(148, 163, 184, 0.44) !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  caret-color: var(--ssa-neon-teal) !important;
}

body :where(.entry-content, .wp-block-post-content, .site-main, main) :where(
  #flcc-calculator,
  .zhc-calculator,
  .ubcc-container,
  .eos-shell,
  #nrf-tool,
  #ogt-tool,
  .rts-tool,
  .ssaa-account-calculator,
  .ssaft-account-tool,
  .ssahq-account-tool,
  .ssafun-account-tool,
  .sssss-tool,
  .bngc-account-tool,
  #momfirst-root,
  .ssa-lkb-tool,
  #ssa-life-kit-builder,
  .ssa-related-tools,
  .ssa-account-dashboard
) :where(button, .button, .btn, [role="button"], input[type="button"], input[type="submit"], a.button, a.btn, .flcc-link-btn, .zhc-birth-chart-link, .ssa-related__card) {
  border: 1px solid rgba(45, 212, 191, 0.70) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--ssa-neon-teal), var(--ssa-neon-cyan)) !important;
  color: #031018 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: 0 12px 28px rgba(34, 211, 238, 0.22) !important;
}

body :where(.entry-content, .wp-block-post-content, .site-main, main) :where(.ssa-related__card) {
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(12, 20, 34, 0.96), rgba(5, 10, 20, 0.96)) !important;
  color: var(--ssa-neon-ink) !important;
}

body :where(.entry-content, .wp-block-post-content, .site-main, main) :where(
  .cta-wrap,
  .ssa-pq-save-actions,
  .ssa-account-app-section-actions,
  .ssa-account-card__actions,
  .ssa-account-data-actions,
  .mf-related-tool-grid
) {
  gap: 12px !important;
}

body :where(.entry-content, .wp-block-post-content, .site-main, main) :where(table, th, td) {
  border-color: rgba(45, 212, 191, 0.28) !important;
}

body :where(.entry-content, .wp-block-post-content, .site-main, main) :where(th) {
  background: rgba(45, 212, 191, 0.14) !important;
  color: #ffffff !important;
}

/* Shared discovery/search surfaces: games, tools, and hubs. */
body :where(.entry-content, .wp-block-post-content, .site-main, main) :where(
  .ssa-tool-search-root,
  .ssa-game-search,
  .ssa-game-quiz,
  .ssa-game-library-container,
  .ssa-game-tool-search-shortcode,
  .ssa-tool-hub-shell,
  #sth-page-shell
) {
  color-scheme: dark !important;
  max-width: 1120px !important;
  margin: 28px auto !important;
  border: 1px solid var(--ssa-neon-border) !important;
  border-radius: var(--ssa-neon-radius) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(45, 212, 191, 0.16), transparent 34%),
    radial-gradient(circle at 95% 10%, rgba(56, 189, 248, 0.14), transparent 34%),
    linear-gradient(145deg, var(--ssa-neon-panel), var(--ssa-neon-bg)) !important;
  color: var(--ssa-neon-text) !important;
  box-shadow: var(--ssa-neon-shadow) !important;
}

body :where(.entry-content, .wp-block-post-content, .site-main, main) :where(
  .ssa-tool-search-root,
  .ssa-game-search,
  .ssa-game-quiz,
  .ssa-game-library-container,
  .ssa-game-tool-search-shortcode,
  .ssa-tool-hub-shell,
  #sth-page-shell
) :where(
  section,
  article,
  aside,
  form,
  fieldset,
  [aria-live],
  [class*="card"],
  [class*="panel"],
  [class*="result"],
  [class*="summary"],
  [class*="recommend"],
  .ssa-aie-block,
  .ssa-aie-products,
  .ssa-aie-recommendations
) {
  background: linear-gradient(180deg, rgba(12, 20, 34, 0.96), rgba(5, 10, 20, 0.96)) !important;
  border-color: var(--ssa-neon-border) !important;
  color: var(--ssa-neon-text) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body :where(.entry-content, .wp-block-post-content, .site-main, main) :where(
  .ssa-tool-search-root,
  .ssa-game-search,
  .ssa-game-quiz,
  .ssa-game-library-container,
  .ssa-game-tool-search-shortcode,
  .ssa-tool-hub-shell,
  #sth-page-shell
) :where(h1, h2, h3, h4, h5, h6, strong, b, legend, summary) {
  color: #f8feff !important;
}

body :where(.entry-content, .wp-block-post-content, .site-main, main) :where(
  .ssa-tool-search-root,
  .ssa-game-search,
  .ssa-game-quiz,
  .ssa-game-library-container,
  .ssa-game-tool-search-shortcode,
  .ssa-tool-hub-shell,
  #sth-page-shell
) :where(p, li, label, span, small, em, div, td, th) {
  color: var(--ssa-neon-soft) !important;
}

body :where(.entry-content, .wp-block-post-content, .site-main, main) :where(
  .ssa-tool-search-root,
  .ssa-game-search,
  .ssa-game-quiz,
  .ssa-game-library-container,
  .ssa-game-tool-search-shortcode,
  .ssa-tool-hub-shell,
  #sth-page-shell
) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea) {
  background: rgba(2, 6, 23, 0.88) !important;
  border: 1px solid rgba(148, 163, 184, 0.44) !important;
  border-radius: 12px !important;
  color: #ffffff !important;
}

body :where(.entry-content, .wp-block-post-content, .site-main, main) :where(
  .ssa-tool-search-root,
  .ssa-game-search,
  .ssa-game-quiz,
  .ssa-game-library-container,
  .ssa-game-tool-search-shortcode,
  .ssa-tool-hub-shell,
  #sth-page-shell
) :where(button, .button, .btn, [role="button"], input[type="button"], input[type="submit"], a.button, a.btn) {
  border: 1px solid rgba(45, 212, 191, 0.70) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--ssa-neon-accent), var(--ssa-neon-accent-2)) !important;
  color: #031018 !important;
  font-weight: 850 !important;
}

/* Tool hub readability floor: keep hub cards and CTA stacks legible after shared polish rules. */
body :where(.entry-content, .wp-block-post-content, .site-main, main) :where(
  .ssa-tool-hub-shell,
  #sth-page-shell,
  #sth-page-shell .sth-hub-render-wrap
) {
  color: #f4fdff !important;
  -webkit-text-fill-color: #f4fdff !important;
}

body :where(.entry-content, .wp-block-post-content, .site-main, main) :where(
  .ssa-tool-hub-shell,
  #sth-page-shell,
  #sth-page-shell .sth-hub-render-wrap
) :where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  li,
  span,
  strong,
  em,
  small,
  summary,
  label,
  a,
  a:visited,
  .ssa-directory-card,
  .ssa-directory-card *,
  .ssa-tool-card,
  .ssa-tool-card *,
  .ssa-top-pick-card,
  .ssa-top-pick-card *,
  .ssa-bridge-card,
  .ssa-bridge-card *,
  .ssa-journey-card,
  .ssa-journey-card *,
  .ssa-combo-card,
  .ssa-combo-card *,
  .ssa-hub-item-wrap,
  .ssa-hub-item-wrap *,
  .ssa-subhub-item-wrap,
  .ssa-subhub-item-wrap *,
  .ssa-choice-btn,
  .ssa-choice-btn *,
  .ssa-featured-article,
  .ssa-featured-article *,
  .ssa-tool-related,
  .ssa-tool-related *,
  .ssa-tool-article,
  .ssa-tool-article *,
  .ssa-mini-btn-row,
  .ssa-mini-btn-row *,
  .ssa-subhub-context-card,
  .ssa-subhub-context-card *,
  .ssa-subhub-featured-card,
  .ssa-subhub-featured-card *,
  .ssa-subhub-articles,
  .ssa-subhub-articles *,
  .ssa-subhub-next,
  .ssa-subhub-next *,
  .ssa-subhub-format-bundle,
  .ssa-subhub-format-bundle *
) {
  color: #f4fdff !important;
  -webkit-text-fill-color: #f4fdff !important;
}

body :where(.entry-content, .wp-block-post-content, .site-main, main) :where(
  .ssa-tool-hub-shell,
  #sth-page-shell,
  #sth-page-shell .sth-hub-render-wrap
) :where(.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 :where(.entry-content, .wp-block-post-content, .site-main, main) :where(
  .ssa-tool-hub-shell,
  #sth-page-shell,
  #sth-page-shell .sth-hub-render-wrap
) :where(
  button,
  .button,
  .btn,
  [role="button"],
  input[type="button"],
  input[type="submit"],
  a.button,
  a.btn,
  .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;
}

@media (max-width: 900px) {
  body :where(.entry-content, .wp-block-post-content, .site-main, main) :where(
    #ssa-accounts-root,
    .ssa-account-shell,
    .ssa-account-dashboard
  ) {
    width: 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, .site-main, main) :where(
    #ssa-accounts-root,
    .ssa-account-shell,
    .ssa-account-dashboard
  ) :where(*) {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 640px) {
  body :where(.entry-content, .wp-block-post-content, .site-main, main) :where(
    #ssa-accounts-root,
    .ssa-account-shell,
    .ssa-account-dashboard
  ) {
    width: 100% !important;
    max-width: 100% !important;
    }
}

/* Life Kit readiness widgets inside My SSA Dashboard. */
body :where(.entry-content, .wp-block-post-content, .site-main, main) :where(
  .ssa-account-dashboard,
  #ssa-accounts-root,
  .ssa-account-shell
) :where(
  .ssa-lkb-account-panel,
  .ssa-lkb-account-save,
  .ssa-lkb-readiness-overview-head,
  .ssa-lkb-readiness-category-grid article,
  .ssa-lkb-next-assessments,
  .ssa-lkb-readiness-badges,
  .ssa-lkb-badge-grid article,
  .ssa-lkb-saved-grid article,
  .ssa-lkb-assessment-detail
) {
  color-scheme: dark !important;
  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: 1px solid 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 :where(.entry-content, .wp-block-post-content, .site-main, main) :where(
  .ssa-account-dashboard,
  #ssa-accounts-root,
  .ssa-account-shell
) :where(
  .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 :where(.entry-content, .wp-block-post-content, .site-main, main) :where(
  .ssa-account-dashboard,
  #ssa-accounts-root,
  .ssa-account-shell
) :where(
  .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;
}

body :where(.entry-content, .wp-block-post-content, .site-main, main) :where(
  .ssa-account-dashboard,
  #ssa-accounts-root,
  .ssa-account-shell
) :where(.ssa-lkb-account-panel-head span, .ssa-lkb-profile-links a, .ssa-lkb-readiness-category-grid a) {
  background: linear-gradient(135deg, rgba(45, 212, 191, 0.18), rgba(56, 189, 248, 0.12)) !important;
  border: 1px solid rgba(56, 189, 248, 0.30) !important;
  color: #dffcff !important;
}