/*
 * SSA Neon Framework
 * Layer: Content Components
 * Version: 1.0.0
 * Updated: 2026-06-17
 *
 * Shared article/content components: TOCs, FAQs, callouts, tables, related
 * blocks, and explicit CTA classes. This file avoids generic `button` rules.
 */

body :where(
  .ssa-neon-content-shell > .wp-block-group,
  .ssa-neon-content-shell > .wp-block-columns,
  .ssa-neon-content-shell > .wp-block-cover,
  .ssa-neon-content-shell > .wp-block-table,
  .ssa-neon-content-shell > .wp-block-details,
  .ssa-neon-content-shell > .wp-block-media-text,
  .ssa-neon-content-shell .wp-block-query,
  .ssa-neon-content-shell .wp-block-latest-posts,
  .ssa-neon-content-shell .wp-block-categories,
  .ssa-neon-content-shell .wp-block-tag-cloud,
  .entry-content > .wp-block-group,
  .entry-content > .wp-block-columns,
  .entry-content > .wp-block-cover,
  .entry-content > .wp-block-table,
  .entry-content > .wp-block-details,
  .entry-content > .wp-block-media-text,
  .entry-content .wp-block-query,
  .entry-content .wp-block-latest-posts,
  .entry-content .wp-block-categories,
  .entry-content .wp-block-tag-cloud,
  .ct-sidebar .ct-widget,
  .ct-comments,
  .ct-related-posts,
  .ct-share-box,
  .ct-breadcrumbs,
  .ct-newsletter-subscribe-block,
  .ssa-affiliate-disclosure
) {
  border-color: var(--ssa-site-line) !important;
  background: linear-gradient(180deg, var(--ssa-site-surface), rgba(4, 9, 18, 0.96)) !important;
  color: var(--ssa-site-ink-soft) !important;
}

body :where(.entry-content) :where(
  .toc-container,
  .wp-block-table-of-contents,
  #collapsible-sections,
  .collapsible,
  .content,
  .stylized-box,
  .faq-item,
  .faq-question,
  .faq-answer,
  .section,
  .section-title,
  .callout,
  .notice,
  .warning,
  .disclaimer,
  .tip,
  .download-table,
  .download-buttons,
  .hero-social-proof,
  .custom-tabs,
  .tab-content,
  .resource-card,
  .link-card,
  .cta-card,
  .cta-section
) {
  border: 1px solid var(--ssa-site-line) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(8, 18, 34, 0.98), rgba(3, 8, 18, 0.98)) !important;
  color: var(--ssa-site-ink) !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(
  .container,
  .info-box,
  .banner,
  .note,
  .content,
  .collapsible,
  .wp-block-group,
  .wp-block-cover,
  .wp-block-afpb-review-style-one,
  .afpb__props_box,
  .afpb__cons_box,
  .youtube-placeholder,
  .toc-container,
  .faq-item,
  .faq-section,
  .faq-container,
  .callout,
  .notice,
  .warning,
  .disclaimer,
  .resource-card,
  .link-card,
  .cta-card,
  .cta-section,
  .article-content,
  .hero-section,
  .shopping-list,
  .result
) {
  border: 1px solid var(--ssa-site-line) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(8, 18, 34, 0.98), rgba(3, 8, 18, 0.98)) !important;
  color: var(--ssa-site-ink-soft) !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(
  .container,
  .info-box,
  .banner,
  .note,
  .content,
  .collapsible,
  .wp-block-group,
  .wp-block-cover,
  .wp-block-afpb-review-style-one,
  .afpb__props_box,
  .afpb__cons_box,
  .youtube-placeholder,
  .toc-container,
  .faq-item,
  .faq-section,
  .faq-container,
  .callout,
  .notice,
  .warning,
  .disclaimer,
  .resource-card,
  .link-card,
  .cta-card,
  .cta-section,
  .article-content,
  .hero-section,
  .shopping-list,
  .result
) :is(p, li, span, small, em, label, figcaption, div, a) {
  color: var(--ssa-site-ink-soft) !important;
  opacity: 1 !important;
}

body :where(.ssa-neon-content-shell) :is(
  .container,
  .info-box,
  .banner,
  .note,
  .content,
  .collapsible,
  .wp-block-group,
  .wp-block-cover,
  .wp-block-afpb-review-style-one,
  .afpb__props_box,
  .afpb__cons_box,
  .youtube-placeholder,
  .toc-container,
  .faq-item,
  .faq-section,
  .faq-container,
  .callout,
  .notice,
  .warning,
  .disclaimer,
  .resource-card,
  .link-card,
  .cta-card,
  .cta-section,
  .article-content,
  .hero-section,
  .shopping-list,
  .result
) :is(h1, h2, h3, h4, h5, h6, strong, b) {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 0 16px rgba(56, 189, 248, 0.25) !important;
}

/*
 * Legacy inline-style cleanup.
 *
 * Many older SSA pages carry inline `background-color`, `background`, and
 * `color` declarations. This shell-scoped layer is intentionally stronger
 * than normal content styles so dark panels stay readable.
 */
body .ssa-neon-content-shell :is(
  div[style*="background-color"],
  div[style*="background:"],
  p[style*="background-color"],
  p[style*="background:"],
  span[style*="background-color"],
  span[style*="background:"],
  a[style*="background-color"],
  a[style*="background:"],
  button[style*="background-color"],
  button[style*="background:"],
  form[style*="background-color"],
  form[style*="background:"],
  details[style*="background-color"],
  details[style*="background:"],
  summary[style*="background-color"],
  summary[style*="background:"],
  figure[style*="background-color"],
  figure[style*="background:"],
  blockquote[style*="background-color"],
  blockquote[style*="background:"],
  nav[style*="background-color"],
  nav[style*="background:"],
  header[style*="background-color"],
  header[style*="background:"],
  footer[style*="background-color"],
  footer[style*="background:"],
  section[style*="background-color"],
  section[style*="background:"],
  article[style*="background-color"],
  article[style*="background:"],
  aside[style*="background-color"],
  aside[style*="background:"],
  li[style*="background-color"],
  li[style*="background:"],
  ul[style*="background-color"],
  ul[style*="background:"],
  ol[style*="background-color"],
  ol[style*="background:"],
  table[style*="background-color"],
  table[style*="background:"],
  .custom-hook,
  .hook,
  .info-box,
  .banner,
  .note,
  .content,
  .collapsible,
  .wp-block-group,
  .wp-block-cover,
  .wp-block-table,
  .wp-block-afpb-review-style-one,
  .afpb__props_box,
  .afpb__cons_box,
  .youtube-placeholder
) {
  border: 1px solid var(--ssa-site-line) !important;
  border-radius: 14px !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(45, 212, 191, 0.12), transparent 32%),
    linear-gradient(180deg, rgba(8, 18, 34, 0.98), rgba(3, 8, 18, 0.98)) !important;
  color: var(--ssa-site-ink-soft) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body .ssa-neon-content-shell :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  li,
  span,
  strong,
  b,
  em,
  small,
  div,
  section,
  article,
  aside,
  ul,
  ol,
  table,
  tbody,
  tr,
  td,
  th,
  label,
  button,
  input,
  select,
  textarea
)[style*="color"] {
  color: var(--ssa-site-ink-soft) !important;
  opacity: 1 !important;
}

body .ssa-neon-content-shell :is(h1, h2, h3, h4, h5, h6, strong, b),
body .ssa-neon-content-shell :is(h1, h2, h3, h4, h5, h6, strong, b)[style*="color"] {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 0 16px rgba(56, 189, 248, 0.25) !important;
}

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

body .ssa-neon-content-shell :is(
  button,
  .btn,
  .button,
  .button-link,
  .enhanced-cta-button,
  #toggleSections,
  input[type="button"],
  input[type="submit"],
  a.wp-block-button__link
) {
  border: 1px solid rgba(45, 212, 191, 0.72) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--ssa-site-teal), var(--ssa-site-cyan)) !important;
  color: #031018 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: 0 12px 30px rgba(34, 211, 238, 0.24) !important;
}

body .ssa-neon-content-shell :is(#collapsible-sections, .wp-block-table-of-contents, .toc-container) {
  border: 1px solid var(--ssa-site-line) !important;
  border-radius: 14px !important;
  background: rgba(3, 8, 18, 0.98) !important;
  color: var(--ssa-site-ink-soft) !important;
  padding: 16px !important;
}

/*
 * Exported content often uses div-based white cards rather than semantic
 * blocks. Keep the sweep tied to known content component names.
 */
body :where(.entry-content) :where(
  .sss-policy-container,
  .sss-post-container,
  .sss-callout,
  .sss-next-steps,
  .sss-method-box,
  .sss-budget-box,
  .sss-link-card,
  .sss-faq details,
  .faq-section,
  .faq-container,
  .article-content,
  .shopping-list,
  .mood-tracker,
  .anxiety-assessment,
  .remedy-tracker,
  .dosha-balancer,
  .dosha-card,
  .oils-guide,
  .oil-card,
  .progress-indicator,
  .countdown,
  .assessment-result,
  .meditation-timer,
  .emergency-card,
  .symptom-item,
  .result,
  .hero-section
) {
  border: 1px solid var(--ssa-site-line) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(8, 18, 34, 0.98), rgba(3, 8, 18, 0.98)) !important;
  color: var(--ssa-site-ink-soft) !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(.entry-content) :where(
  .sss-policy-container,
  .sss-post-container,
  .sss-callout,
  .sss-next-steps,
  .sss-method-box,
  .sss-budget-box,
  .sss-link-card,
  .sss-faq details,
  .faq-section,
  .faq-container,
  .article-content,
  .shopping-list,
  .mood-tracker,
  .anxiety-assessment,
  .remedy-tracker,
  .dosha-balancer,
  .dosha-card,
  .oils-guide,
  .oil-card,
  .progress-indicator,
  .countdown,
  .assessment-result,
  .meditation-timer,
  .emergency-card,
  .symptom-item,
  .result,
  .hero-section
) :where(h1, h2, h3, h4, h5, h6, p, li, span, strong, em, a, small, div) {
  color: var(--ssa-site-ink-soft) !important;
  opacity: 1 !important;
}

body :where(.entry-content) :where(
  .sss-policy-container,
  .sss-post-container,
  .sss-link-card,
  .article-content,
  .hero-section
) :where(h1, h2, h3, h4, h5, h6, strong) {
  color: #ffffff !important;
}

/*
 * Readability hardening for legacy style blocks.
 *
 * Some exported pages set `.hero-section h2`, `.article-content p`, etc. to
 * black with !important. Use real specificity here instead of :where().
 */
body .entry-content :is(
  .sss-policy-container,
  .sss-post-container,
  .sss-callout,
  .sss-next-steps,
  .sss-method-box,
  .sss-budget-box,
  .sss-link-card,
  .faq-section,
  .faq-container,
  .article-content,
  .shopping-list,
  .mood-tracker,
  .anxiety-assessment,
  .remedy-tracker,
  .dosha-balancer,
  .dosha-card,
  .oils-guide,
  .oil-card,
  .progress-indicator,
  .countdown,
  .assessment-result,
  .meditation-timer,
  .emergency-card,
  .symptom-item,
  .result,
  .hero-section
) {
  color: var(--ssa-site-ink-soft) !important;
}

body .entry-content :is(
  .sss-policy-container,
  .sss-post-container,
  .sss-callout,
  .sss-next-steps,
  .sss-method-box,
  .sss-budget-box,
  .sss-link-card,
  .faq-section,
  .faq-container,
  .article-content,
  .shopping-list,
  .mood-tracker,
  .anxiety-assessment,
  .remedy-tracker,
  .dosha-balancer,
  .dosha-card,
  .oils-guide,
  .oil-card,
  .progress-indicator,
  .countdown,
  .assessment-result,
  .meditation-timer,
  .emergency-card,
  .symptom-item,
  .result,
  .hero-section
) :is(p, li, span, small, em, label, figcaption, div) {
  color: var(--ssa-site-ink-soft) !important;
  opacity: 1 !important;
}

body .entry-content :is(
  .sss-policy-container,
  .sss-post-container,
  .sss-callout,
  .sss-next-steps,
  .sss-method-box,
  .sss-budget-box,
  .sss-link-card,
  .faq-section,
  .faq-container,
  .article-content,
  .shopping-list,
  .mood-tracker,
  .anxiety-assessment,
  .remedy-tracker,
  .dosha-balancer,
  .dosha-card,
  .oils-guide,
  .oil-card,
  .progress-indicator,
  .countdown,
  .assessment-result,
  .meditation-timer,
  .emergency-card,
  .symptom-item,
  .result,
  .hero-section
) :is(h1, h2, h3, h4, h5, h6, strong, b) {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 0 16px rgba(56, 189, 248, 0.25) !important;
}

body .entry-content :is(
  .sss-policy-container,
  .sss-post-container,
  .sss-callout,
  .sss-next-steps,
  .sss-method-box,
  .sss-budget-box,
  .sss-link-card,
  .faq-section,
  .faq-container,
  .article-content,
  .shopping-list,
  .mood-tracker,
  .anxiety-assessment,
  .remedy-tracker,
  .dosha-balancer,
  .dosha-card,
  .oils-guide,
  .oil-card,
  .progress-indicator,
  .countdown,
  .assessment-result,
  .meditation-timer,
  .emergency-card,
  .symptom-item,
  .result,
  .hero-section
) :is(a:not(.button):not(.btn):not([role="button"]):not(.wp-block-button__link)) {
  color: #8eeaff !important;
  text-decoration-color: rgba(142, 234, 255, 0.55) !important;
}

body :where(.entry-content) :where(.wp-block-table-of-contents__entry, .toc-container a, #collapsible-sections a) {
  color: #dff8ff !important;
}

body :where(.entry-content) :where(.wp-block-table-of-contents__entry:hover, .toc-container a:hover) {
  color: #ffffff !important;
  background: rgba(45, 212, 191, 0.13) !important;
}

body :where(.entry-content) :where(
  .wp-block-button__link,
  .cta-primary,
  .cta-secondary,
  .nav-btn,
  .try-btn,
  .timer-btn,
  .concern-btn,
  .experience-btn,
  .mood-btn,
  .download-buttons .btn,
  .download-table .btn,
  #toggleSections
) {
  border: 1px solid rgba(45, 212, 191, 0.72) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--ssa-site-teal), var(--ssa-site-cyan)) !important;
  color: #031018 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: 0 12px 30px rgba(34, 211, 238, 0.22) !important;
}

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

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

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

/*
 * Export-driven coverage.
 *
 * Built from all-pages-post-content.tsv selector frequency. These classes are
 * repeated across hundreds of saved pages/posts, so they belong in the shared
 * content layer rather than one-off page CSS.
 */
body :where(.entry-content, .ssa-neon-content-shell) :where(
  .sss-link-grid,
  .sss-link-card,
  .sss-link-box,
  .sss-callout,
  .sss-method-box,
  .sss-highlight,
  .sss-policy-container,
  .sss-post-container,
  .sss-next-steps,
  .sss-budget-box,
  .sss-toc,
  .sss-toc-body,
  .sss-feature,
  .sssss-info-box,
  .sssss-highlight-box,
  .sssss-tool-links,
  .article-section,
  .content-section,
  .content-block,
  .section-content,
  .section-header,
  .section-box,
  .section-divider,
  .section-paragraph,
  .box,
  .box-content,
  .box-heading,
  .panel,
  .card,
  .card-bg,
  .ssa-card,
  .ssa-mini,
  .ssa-note,
  .ssa-highlight,
  .ssa-article-card,
  .ssa-related-tools,
  .ssa-related__grid,
  .ssa-related__card,
  .ssa-related__intro,
  .ssa-related__text,
  .ssa-related__title,
  .ssa-related__badge,
  .rel-card,
  .rel-link-card,
  .rel-learn-card,
  .health-card,
  .health-callout,
  .fin-card,
  .sth-card,
  .sth-mini-card,
  .eos-section,
  .cs-card,
  .cs-tool-card,
  .shr-card,
  .nnt-card,
  .elh-card,
  .enm-card,
  .rs-card,
  .green-box,
  .feature-card,
  .benefit-item,
  .key-step,
  .steps,
  .timeline-content,
  .recipe,
  .recipes,
  .quiz-question,
  .accordion,
  .accordion-item,
  .accordion-content,
  .faq,
  .faq-list,
  .faq-content,
  .faq-toggle,
  .faq-question,
  .faq-answer,
  .faq-header,
  .faq-icon,
  .ssa-faq,
  .ssa-faq__q,
  .ssa-faq__a,
  .ssa-faq__icon,
  .toc,
  .toc-container,
  .toc-header,
  .toc-content,
  .toc-list,
  .toc-item,
  .toc-section,
  .toc-title,
  .toc-text,
  .toc-toggle,
  .toc-button,
  .toc-link,
  .wp-block-rank-math-toc-block,
  .wp-block-table-of-contents,
  .wp-block-table,
  .wp-block-file,
  .wp-block-embed,
  .wp-block-embed__wrapper,
  .wp-block-afpb-review-style-one,
  .wp-block-afpb-button,
  .afpb__product_info,
  .afpb__props_cons,
  .afpb__props_box,
  .afpb__cons_box,
  .afpb__props_list,
  .afpb__cons_list,
  .afpb__badge,
  .product_content,
  .product_photo,
  .product_rating,
  .product_description,
  .review-rating,
  .ssa-lkb-article-table,
  .ssa-lkb-data-block-table,
  .ssa-lkb-budget-table,
  .ssa-lkb-product-research-table,
  .ssa-lkb-common-mistake,
  .ssa-lkb-reality-check,
  .ssa-lkb-would-do,
  .ssa-lkb-next-assessment,
  #rank-math-toc,
  #toc-container,
  #toc-content,
  #toc,
  #faq,
  #related-content,
  #embededGame
) {
  border: 1px solid var(--ssa-site-line) !important;
  border-radius: 14px !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) !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(.entry-content, .ssa-neon-content-shell) :where(
  .sss-link-card,
  .sss-link-box,
  .ssa-related__card,
  .wp-block-afpb-review-style-one,
  .afpb__props_box,
  .afpb__cons_box,
  .ssa-lkb-article-table,
  .ssa-lkb-data-block-table,
  .ssa-lkb-budget-table,
  .ssa-lkb-product-research-table,
  .wp-block-table,
  table
) {
  overflow: hidden !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(
  .sss-link-grid,
  .ssa-related__grid,
  .ssa-grid,
  .btnrow,
  .wp-block-buttons,
  [class*="-grid"],
  [class*="-cards"],
  [class*="-columns"],
  [class*="-actions"]
) {
  gap: clamp(10px, 2vw, 18px) !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(
  .wp-block-afpb-review-style-one,
  .product_content,
  .afpb__product_info,
  .afpb__props_cons,
  .afpb__props_box,
  .afpb__cons_box,
  .sss-link-card,
  .sss-callout,
  .sss-method-box,
  .sss-highlight,
  .article-section,
  .content-section,
  .section-content,
  .card,
  .panel,
  .box,
  .ssa-card,
  .faq-item,
  .toc-container,
  #rank-math-toc
) :where(h1, h2, h3, h4, h5, h6, strong, b, .title_tag, .section-title, .box-heading) {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 0 16px rgba(56, 189, 248, 0.25) !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(
  .wp-block-afpb-review-style-one,
  .product_content,
  .afpb__product_info,
  .afpb__props_cons,
  .afpb__props_box,
  .afpb__cons_box,
  .sss-link-card,
  .sss-callout,
  .sss-method-box,
  .sss-highlight,
  .article-section,
  .content-section,
  .section-content,
  .card,
  .panel,
  .box,
  .ssa-card,
  .faq-item,
  .toc-container,
  #rank-math-toc
) :where(p, li, span, small, em, label, div, td, th, figcaption) {
  color: var(--ssa-site-ink-soft) !important;
  opacity: 1 !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(
  .afpb__btn,
  [class*="afpb__btn_"],
  .wp-block-file__button,
  .wp-element-button,
  .wp-block-button__link,
  .btn,
  .rq-btn,
  .rel-nav-btn,
  .rel-mini-btn,
  .rel-btn,
  .rb-mini-btn,
  .cs-mini-btn,
  .pdb-btn,
  .ssa-jump-btn,
  .ssa-toc-btn,
  .toc-button,
  .faq-toggle,
  .accordion-button
) {
  border: 1px solid rgba(45, 212, 191, 0.72) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--ssa-site-teal), var(--ssa-site-cyan)) !important;
  color: #031018 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: 0 12px 30px rgba(34, 211, 238, 0.22) !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(
  .wp-block-embed,
  .wp-block-embed__wrapper,
  iframe,
  iframe[src*="htmlgames"],
  iframe[src*="youtube"],
  div[bgcolor],
  [style*="bgcolor"],
  [style*="background-color:#ffffff"],
  [style*="background-color: #ffffff"],
  [style*="background-color:#fff"],
  [style*="background-color: #fff"],
  [style*="background-color: white"],
  [style*="background-color:white"]
) {
  background: rgba(3, 8, 18, 0.98) !important;
  color: var(--ssa-site-ink-soft) !important;
}

/* Final TOC control correction: avoid bright cyan bars with dark unreadable labels. */
body :where(.entry-content, .ssa-neon-content-shell) :where(
  .toc,
  .toc-container,
  .toc-wrapper,
  .toc-header,
  .toc-content,
  .toc-list,
  .wp-block-table-of-contents,
  #rank-math-toc,
  #toc,
  #toc-container,
  #toc-content
) {
  border-color: rgba(56, 189, 248, 0.36) !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: #dbeafe !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(
  .ssa-toc-btn,
  .toc-button,
  .toc-toggle,
  .toc-toggle-button,
  #toggle-toc,
  #toc-toggle,
  #toc-toggle-btn,
  button[aria-controls*="toc"],
  button[aria-label*="Table of Contents"]
) {
  min-height: 40px !important;
  border: 1px solid rgba(56, 189, 248, 0.48) !important;
  border-radius: 999px !important;
  background: rgba(2, 6, 23, 0.92) !important;
  color: #f4fdff !important;
  -webkit-text-fill-color: #f4fdff !important;
  box-shadow: inset 0 0 0 1px rgba(45, 212, 191, 0.14), 0 8px 20px rgba(0, 0, 0, 0.24) !important;
  text-shadow: none !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(
  [id^="afpb__props_"],
  [id^="afpb__cons_"]
) {
  border: 1px solid var(--ssa-site-line) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(8, 18, 34, 0.98), rgba(3, 8, 18, 0.98)) !important;
  color: var(--ssa-site-ink-soft) !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(
  .wp-block-heading,
  .has-text-align-center,
  .has-alpha-channel-opacity
) {
  color: var(--ssa-site-ink) !important;
  opacity: 1 !important;
  letter-spacing: 0 !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(
  .wp-block-image,
  .wp-block-gallery,
  .wp-block-embed,
  .wp-block-quote,
  .wp-block-file,
  .wp-block-list,
  .options,
  .list,
  .ssa-list,
  .mini,
  .badge,
  .content-line,
  .good,
  .rating_value,
  .review-rating,
  .product_rating,
  [id="conclusion"],
  [id="final-thoughts"],
  [id="additional-resources"],
  [id="join-the-conversation"],
  [id="next-steps"],
  [id="tools-next"],
  [id="workflow"],
  [id="fields"],
  [id="fixes"],
  [id="introduction"],
  [id="scientific-evidence"],
  [id="origins-and-historical-context"],
  [id="considerations-and-risks"],
  [id="criticisms-and-controversies"],
  [id="clinical-studies-and-research"],
  [id="why-useful"]
) {
  border-color: var(--ssa-site-line) !important;
  color: var(--ssa-site-ink-soft) !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(.wp-block-quote) {
  border-left: 3px solid var(--ssa-site-teal) !important;
  background: linear-gradient(180deg, rgba(8, 18, 34, 0.78), rgba(3, 8, 18, 0.92)) !important;
  border-radius: 0 14px 14px 0 !important;
  padding: 14px 16px !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(.wp-block-separator) {
  border: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(45, 212, 191, 0.72), transparent) !important;
  opacity: 1 !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(.wp-block-image img, .wp-block-gallery img, .product_photo img) {
  border: 1px solid rgba(56, 189, 248, 0.28) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28) !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(
  .aligncenter,
  .size-full,
  .size-large,
  .size-medium,
  .is-resized,
  .has-custom-width,
  .has-nested-images,
  .is-cropped,
  .columns-default,
  .wp-has-aspect-ratio,
  .wp-embed-aspect-16-9,
  .is-provider-youtube,
  .is-type-video,
  .wp-block-embed-youtube
) {
  max-width: 100% !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(.wp-element-caption) {
  color: var(--ssa-site-muted) !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(.afpb__icon, .fa-solid, .fas, .fa-thumbs-up, .fa-thumbs-down) {
  color: var(--ssa-site-cyan) !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(.ssa-related__icon) {
  color: var(--ssa-site-cyan) !important;
  filter: drop-shadow(0 0 10px rgba(56, 189, 248, 0.26)) !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(.ssa-divider) {
  border: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(45, 212, 191, 0.72), transparent) !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(.no-sub) {
  color: var(--ssa-site-muted) !important;
}

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

/*
 * Export-discovered legacy components.
 *
 * These classes appear frequently in the full post/page export and often ship
 * local light-mode styles. Keep this late so the global shell can normalize
 * them without editing hundreds of individual pages.
 */
body :where(.entry-content, .ssa-neon-content-shell) :where(
  div[class*="-card"],
  div[class*="-item"],
  div[class*="-panel"],
  div[class*="-box"],
  div[class*="-callout"],
  div[class*="-container"],
  div[class*="-content"],
  div[class*="-summary"],
  div[class*="-notice"],
  div[class*="-pill"],
  div[class*="-mini"],
  section[class*="-card"],
  section[class*="-item"],
  section[class*="-panel"],
  section[class*="-box"],
  section[class*="-container"],
  article[class*="-card"],
  article[class*="-item"],
  article[class*="-panel"],
  aside[class*="-card"],
  aside[class*="-box"],
  li[class*="-item"],
  li[class*="-card"],
  ul[class*="-list"],
  ol[class*="-list"],
  .sssss-nav-wrap,
  .sssss-content-wrap,
  .sssss-nav-grid,
  .sssss-nav-item,
  .ssa-inline-affiliate,
  .question,
  .quiz-question,
  .category-score,
  .comparison-item,
  .comparison-cell,
  .comparison-icon,
  .score-item,
  .score-bar,
  .score-fill,
  .cs-item,
  .rel-item,
  .stat-item,
  .ldr-item,
  .d-item,
  .tx-item,
  .mg-item,
  .pt-item,
  .lv-item,
  .timeline-item,
  .feature-item,
  .elh-card,
  .poly-card,
  .mbticard,
  .fin-mini,
  .health-mini,
  .ssa-fl-content,
  .ssa-fl-collapsible,
  .py-item,
  .pdb-chip,
  .or-item,
  .ritual-item,
  .guide,
  .guide-title,
  .guide-desc,
  .list-item,
  .separator,
  .divider,
  .caption,
  .section-subtitle,
  .toc-number,
  .sub-menu,
  .topbar,
  .brand,
  .footer,
  .stat-number,
  .stat-label,
  .ssa-image,
  .shot,
  .arrow,
  .text-center,
  .mt-4,
  .has-fixed-layout,
  .ssa-actions,
  .amazon-link,
  .benefits-list,
  .christmas-container,
  .feature-title,
  .nr-item,
  .herb-item,
  .sps-card,
  .pts-card,
  .ssa-intro,
  .ssa-toc-panel,
  .pill,
  .swatch,
  .dot,
  .tnp-field,
  .sss-block,
  .pdb-meta,
  .closing-line,
  .list-disc,
  .wp-block-button__width-75,
  .wp-block-file__embed,
  #toggle-toc,
  #toc-list,
  #recipes,
  #how-to-use
) {
  border-color: var(--ssa-site-line) !important;
  background: linear-gradient(180deg, rgba(8, 18, 34, 0.98), rgba(3, 8, 18, 0.98)) !important;
  color: var(--ssa-site-ink-soft) !important;
  opacity: 1 !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(
  .sssss-nav-wrap,
  .ssa-inline-affiliate,
  .question,
  .category-score,
  .comparison-item,
  .score-item,
  .stat-item,
  .timeline-item,
  .feature-item,
  .mbticard,
  .sps-card,
  .pts-card,
  .ssa-toc-panel,
  .tnp-field,
  .guide,
  .ssa-fl-content,
  .ssa-fl-collapsible,
  .py-item,
  .topbar,
  .footer,
  .christmas-container,
  .wp-block-file__embed
) {
  border: 1px solid var(--ssa-site-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(
  .sssss-nav-title,
  .guide-title,
  .question,
  .category-score strong,
  .score-item strong,
  .comparison-item strong,
  .section-subtitle,
  .stat-number,
  .brand,
  .ssa-fl-collapsible,
  .feature-title,
  .heading--section,
  .heading--sub,
  .heading
) {
  color: var(--ssa-site-ink) !important;
  opacity: 1 !important;
  text-shadow: 0 0 14px rgba(56, 189, 248, 0.22) !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(
  .score-bar,
  .comparison-cell,
  .toc-number,
  .pdb-chip,
  .or-item,
  .ritual-item,
  .stat-number,
  .stat-label,
  .amazon-link
) {
  border: 1px solid rgba(56, 189, 248, 0.32) !important;
  border-radius: 12px !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(.score-fill) {
  background: linear-gradient(90deg, var(--ssa-site-teal), var(--ssa-site-cyan)) !important;
  color: #031018 !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(.ssa-inline-affiliate) {
  border-color: rgba(251, 191, 36, 0.42) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(251, 191, 36, 0.12), transparent 32%),
    linear-gradient(180deg, rgba(8, 18, 34, 0.98), rgba(3, 8, 18, 0.98)) !important;
  color: #fff7d6 !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(.hidden) {
  display: none !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(.wp-block-button__width-75) {
  max-width: min(100%, 720px) !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(.text-center) {
  text-align: center !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(.ssa-image) {
  max-width: 100% !important;
  height: auto !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(.ssa-actions, .benefits-list) {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(.caption) {
  color: var(--ssa-site-muted) !important;
  font-size: 0.92em !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(.divider) {
  border: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(45, 212, 191, 0.72), transparent) !important;
}

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

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

body :where(.entry-content, .ssa-neon-content-shell) :where(.faq-button, .or-mini-btn, .py-mini-btn, .pdb-btn-light) {
  border: 1px solid rgba(45, 212, 191, 0.72) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--ssa-site-teal), var(--ssa-site-cyan)) !important;
  color: #031018 !important;
  font-weight: 850 !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(.tnp-field input) {
  width: 100% !important;
  background: rgba(2, 6, 23, 0.88) !important;
  border: 1px solid rgba(148, 163, 184, 0.42) !important;
  border-radius: 12px !important;
  color: var(--ssa-site-ink) !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(.fa-info-circle, .fa-check-circle, .fab, .fa-brands, .arrow, .rpg-toc-icon, .benefit-icon, .feature-icon) {
  color: var(--ssa-site-cyan) !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where(
  [id^="faq"][id$="-btn"],
  [id^="faq"][id$="-content"],
  [id^="faq"][id$="_btn"],
  [id^="faq"][id$="_content"]
) {
  border: 1px solid var(--ssa-site-line) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(8, 18, 34, 0.98), rgba(3, 8, 18, 0.98)) !important;
  color: var(--ssa-site-ink-soft) !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :where([id^="faq"][id$="-btn"], [id^="faq"][id$="_btn"]) {
  background: linear-gradient(135deg, var(--ssa-site-teal), var(--ssa-site-cyan)) !important;
  color: #031018 !important;
  font-weight: 850 !important;
}

/*
 * Generated SSA shell repair.
 *
 * Newer checklist, quiz, and guide pages ship local `#ssa-...-shell` styles
 * with pale panels and dark text. This higher-specificity layer fixes those
 * generated shells in one place so individual pages do not need manual edits.
 */
body .ssa-neon-content-shell :is(
  [id^="ssa-"][id$="-shell"],
  #health-shell,
  #ayur-shell,
  #rel-hub-shell,
  #rel-shell,
  #relationship-advice,
  #relationship-advice-hub
),
body .entry-content :is(
  [id^="ssa-"][id$="-shell"],
  #health-shell,
  #ayur-shell,
  #rel-hub-shell,
  #rel-shell,
  #relationship-advice,
  #relationship-advice-hub
) {
  color-scheme: dark !important;
  color: var(--ssa-site-ink-soft) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(45, 212, 191, 0.12), transparent 32%),
    linear-gradient(180deg, rgba(3, 8, 18, 0.98), rgba(2, 6, 23, 0.98)) !important;
}

body .ssa-neon-content-shell :is(
  [id^="ssa-"][id$="-shell"],
  #health-shell,
  #ayur-shell,
  #rel-hub-shell,
  #rel-shell,
  #relationship-advice,
  #relationship-advice-hub
) :is(
  p,
  li,
  span,
  small,
  em,
  label,
  legend,
  td,
  th,
  dd,
  figcaption,
  output,
  div
),
body .entry-content :is(
  [id^="ssa-"][id$="-shell"],
  #health-shell,
  #ayur-shell,
  #rel-hub-shell,
  #rel-shell,
  #relationship-advice,
  #relationship-advice-hub
) :is(
  p,
  li,
  span,
  small,
  em,
  label,
  legend,
  td,
  th,
  dd,
  figcaption,
  output,
  div
) {
  color: #dbeafe !important;
  opacity: 1 !important;
}

body .ssa-neon-content-shell :is(
  [id^="ssa-"][id$="-shell"],
  #health-shell,
  #ayur-shell,
  #rel-hub-shell,
  #rel-shell,
  #relationship-advice,
  #relationship-advice-hub
) :is(h1, h2, h3, h4, h5, h6, strong, b, summary),
body .entry-content :is(
  [id^="ssa-"][id$="-shell"],
  #health-shell,
  #ayur-shell,
  #rel-hub-shell,
  #rel-shell,
  #relationship-advice,
  #relationship-advice-hub
) :is(h1, h2, h3, h4, h5, h6, strong, b, summary) {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 0 16px rgba(56, 189, 248, 0.28) !important;
}

body .ssa-neon-content-shell :is(
  [id^="ssa-"][id$="-shell"],
  #health-shell,
  #ayur-shell,
  #rel-hub-shell,
  #rel-shell,
  #relationship-advice,
  #relationship-advice-hub
) :is(
  .ssa-card,
  .ssa-mini,
  .ssa-highlight,
  .ssa-note,
  .ssa-toc-panel,
  .ssa-file-wrap,
  .ssa-related-tools,
  .ssa-related__card,
  .ssa-faq,
  .ssa-faq details,
  .health-card,
  .health-mini,
  .health-highlight,
  .health-shortcode-wrap,
  .health-callout,
  .health-faq,
  .health-faq details,
  .ayur-card,
  .ayur-mini,
  .ayur-highlight,
  .ayur-shortcode-wrap,
  .ayur-callout,
  .ayur-faq,
  .ayur-faq details,
  .wp-block-file,
  .wp-block-file__embed,
  object,
  form,
  fieldset,
  details,
  table,
  [class*="tip"],
  [class*="tips"],
  [class*="question"],
  [class*="answer"],
  [class*="option"],
  [class*="result"],
  [class*="calculator"],
  [class*="form"],
  [class*="panel"],
  [class*="card"],
  [class*="box"]
),
body .entry-content :is(
  [id^="ssa-"][id$="-shell"],
  #health-shell,
  #ayur-shell,
  #rel-hub-shell,
  #rel-shell,
  #relationship-advice,
  #relationship-advice-hub
) :is(
  .ssa-card,
  .ssa-mini,
  .ssa-highlight,
  .ssa-note,
  .ssa-toc-panel,
  .ssa-file-wrap,
  .ssa-related-tools,
  .ssa-related__card,
  .ssa-faq,
  .ssa-faq details,
  .health-card,
  .health-mini,
  .health-highlight,
  .health-shortcode-wrap,
  .health-callout,
  .health-faq,
  .health-faq details,
  .ayur-card,
  .ayur-mini,
  .ayur-highlight,
  .ayur-shortcode-wrap,
  .ayur-callout,
  .ayur-faq,
  .ayur-faq details,
  .wp-block-file,
  .wp-block-file__embed,
  object,
  form,
  fieldset,
  details,
  table,
  [class*="tip"],
  [class*="tips"],
  [class*="question"],
  [class*="answer"],
  [class*="option"],
  [class*="result"],
  [class*="calculator"],
  [class*="form"],
  [class*="panel"],
  [class*="card"],
  [class*="box"]
) {
  border: 1px solid rgba(56, 189, 248, 0.42) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(8, 18, 34, 0.98), rgba(3, 8, 18, 0.98)) !important;
  color: #dbeafe !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body .ssa-neon-content-shell :is(
  [id^="ssa-"][id$="-shell"],
  #health-shell,
  #ayur-shell
) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea),
body .entry-content :is(
  [id^="ssa-"][id$="-shell"],
  #health-shell,
  #ayur-shell
) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea) {
  width: 100% !important;
  min-height: 44px !important;
  border: 1px solid rgba(148, 163, 184, 0.44) !important;
  border-radius: 12px !important;
  background: rgba(2, 6, 23, 0.92) !important;
  color: #ffffff !important;
}

body .ssa-neon-content-shell .sss-policy-container,
body .entry-content .sss-policy-container {
  width: min(100%, 1120px) !important;
  max-width: min(100%, 1120px) !important;
  margin: 24px auto !important;
  padding: clamp(16px, 3vw, 28px) !important;
  border: 1px solid var(--ssa-site-line) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(45, 212, 191, 0.12), transparent 32%),
    linear-gradient(180deg, rgba(8, 18, 34, 0.98), rgba(3, 8, 18, 0.98)) !important;
  color: var(--ssa-site-ink-soft) !important;
  box-shadow: var(--ssa-site-shadow) !important;
}

body .ssa-neon-content-shell .sss-policy-container :is(p, li, span, small, em, div),
body .entry-content .sss-policy-container :is(p, li, span, small, em, div) {
  color: #dbeafe !important;
  opacity: 1 !important;
}

body .ssa-neon-content-shell .sss-policy-container :is(h1, h2, h3, h4, h5, h6, strong, b),
body .entry-content .sss-policy-container :is(h1, h2, h3, h4, h5, h6, strong, b) {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 0 16px rgba(56, 189, 248, 0.28) !important;
}

body .ssa-neon-content-shell .sss-policy-container a:not(.wp-block-button__link),
body .entry-content .sss-policy-container a:not(.wp-block-button__link) {
  color: #8eeaff !important;
  text-decoration-color: rgba(142, 234, 255, 0.55) !important;
}

body .ssa-neon-content-shell .sss-policy-container :is(.wp-block-buttons),
body .entry-content .sss-policy-container :is(.wp-block-buttons) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

body .ssa-neon-content-shell .sss-policy-container :is(.wp-block-button),
body .entry-content .sss-policy-container :is(.wp-block-button) {
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
}

body .ssa-neon-content-shell .sss-policy-container :is(.wp-block-button__link, #toggleSections),
body .entry-content .sss-policy-container :is(.wp-block-button__link, #toggleSections) {
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 44px !important;
  height: auto !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 16px !important;
  border: 1px solid rgba(45, 212, 191, 0.72) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--ssa-site-teal), var(--ssa-site-cyan)) !important;
  color: #031018 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(34, 211, 238, 0.22) !important;
}

/*
 * Legacy SSS/SSA article hub polish.
 *
 * Older hub pages embed their own white `.sss-policy-container`, red TOC
 * buttons, and numbered `.section-container*` blocks. Keep the override scoped
 * to that container so these long-form pages look intentional without editing
 * every post by hand.
 */
body .ssa-neon-content-shell .sss-policy-container,
body .entry-content .sss-policy-container {
  display: flow-root !important;
  line-height: 1.72 !important;
}

body .ssa-neon-content-shell .sss-policy-container > * + *,
body .entry-content .sss-policy-container > * + * {
  margin-top: clamp(16px, 2.4vw, 26px) !important;
}

body .ssa-neon-content-shell .sss-policy-container :is(h1, h2),
body .entry-content .sss-policy-container :is(h1, h2) {
  margin: clamp(22px, 4vw, 42px) 0 12px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(45, 212, 191, 0.26) !important;
}

body .ssa-neon-content-shell .sss-policy-container :is(h3, h4),
body .entry-content .sss-policy-container :is(h3, h4) {
  margin: clamp(18px, 3vw, 30px) 0 10px !important;
}

body .ssa-neon-content-shell .sss-policy-container :is(p, li),
body .entry-content .sss-policy-container :is(p, li) {
  font-size: clamp(0.98rem, 1.5vw, 1.06rem) !important;
}

body .ssa-neon-content-shell .sss-policy-container :is(ul, ol),
body .entry-content .sss-policy-container :is(ul, ol) {
  display: grid !important;
  gap: 8px !important;
  padding-left: 1.25rem !important;
}

body .ssa-neon-content-shell .sss-policy-container :is(#toggleSections),
body .entry-content .sss-policy-container :is(#toggleSections) {
  margin: 0 0 14px !important;
  border-radius: 12px !important;
}

body .ssa-neon-content-shell .sss-policy-container :is(#collapsible-sections),
body .entry-content .sss-policy-container :is(#collapsible-sections) {
  margin: 12px 0 22px !important;
  padding: 16px !important;
  border: 1px solid rgba(56, 189, 248, 0.36) !important;
  border-radius: 14px !important;
  background: rgba(2, 6, 23, 0.86) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body .ssa-neon-content-shell .sss-policy-container :is(#collapsible-sections ol, #collapsible-sections ul),
body .entry-content .sss-policy-container :is(#collapsible-sections ol, #collapsible-sections ul) {
  margin: 0 !important;
  padding-left: 1rem !important;
}

body .ssa-neon-content-shell .sss-policy-container :is(#collapsible-sections a, .wp-block-table-of-contents__entry, #rank-math-toc a),
body .entry-content .sss-policy-container :is(#collapsible-sections a, .wp-block-table-of-contents__entry, #rank-math-toc a) {
  display: inline-flex !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding: 4px 0 !important;
  color: #8eeaff !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
  text-decoration-color: rgba(142, 234, 255, 0.45) !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

body .ssa-neon-content-shell .sss-policy-container :is(
  .section-container,
  .section-container0,
  .section-container1,
  .section-container2,
  .section-container3,
  .section-container4,
  .section-container5,
  .section-container6,
  .section-container7,
  .section-container8,
  .section-container9,
  .section-container10,
  .section-container11,
  .section-container12,
  .section-container13,
  .section-container14,
  .section-container15,
  .section-container16,
  .section-container17,
  .section-container18,
  .section-container19,
  .section-container20,
  .benefits-section-container,
  .types-section-container,
  .techniques-section-container,
  .motivation-section-container,
  .self-improvement-section-container,
  .assessment-calculator-container,
  [class$="-section-container"],
  .wp-block-quote,
  .wp-block-pullquote,
  .wp-block-group,
  .wp-block-media-text
),
body .entry-content .sss-policy-container :is(
  .section-container,
  .section-container0,
  .section-container1,
  .section-container2,
  .section-container3,
  .section-container4,
  .section-container5,
  .section-container6,
  .section-container7,
  .section-container8,
  .section-container9,
  .section-container10,
  .section-container11,
  .section-container12,
  .section-container13,
  .section-container14,
  .section-container15,
  .section-container16,
  .section-container17,
  .section-container18,
  .section-container19,
  .section-container20,
  .benefits-section-container,
  .types-section-container,
  .techniques-section-container,
  .motivation-section-container,
  .self-improvement-section-container,
  .assessment-calculator-container,
  [class$="-section-container"],
  .wp-block-quote,
  .wp-block-pullquote,
  .wp-block-group,
  .wp-block-media-text
) {
  margin: clamp(18px, 3vw, 30px) 0 !important;
  padding: clamp(16px, 3vw, 24px) !important;
  border: 1px solid rgba(56, 189, 248, 0.36) !important;
  border-left: 3px solid var(--ssa-site-teal) !important;
  border-radius: 14px !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: #dbeafe !important;
  text-align: left !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body .ssa-neon-content-shell .sss-policy-container :is([class^="section-title"], [class*=" section-title"], [class$="-section-title"], .assessment-calculator-title),
body .entry-content .sss-policy-container :is([class^="section-title"], [class*=" section-title"], [class$="-section-title"], .assessment-calculator-title) {
  color: #ffffff !important;
  font-size: clamp(1.25rem, 3vw, 1.8rem) !important;
  line-height: 1.18 !important;
  margin: 0 0 10px !important;
}

body .ssa-neon-content-shell .sss-policy-container :is([class^="section-content"], [class*=" section-content"], [class$="-section-content"], .assessment-result-section),
body .entry-content .sss-policy-container :is([class^="section-content"], [class*=" section-content"], [class$="-section-content"], .assessment-result-section) {
  color: #dbeafe !important;
  font-size: clamp(0.98rem, 1.5vw, 1.06rem) !important;
  line-height: 1.7 !important;
}

body .ssa-neon-content-shell .sss-policy-container :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), textarea, select),
body .entry-content .sss-policy-container :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), textarea, select) {
  width: 100% !important;
  min-height: 44px !important;
  border: 1px solid rgba(148, 163, 184, 0.44) !important;
  border-radius: 12px !important;
  background: rgba(2, 6, 23, 0.90) !important;
  color: #ffffff !important;
  padding: 10px 12px !important;
}

body .ssa-neon-content-shell .sss-policy-container :is(button, .assessment-calculator-button),
body .entry-content .sss-policy-container :is(button, .assessment-calculator-button) {
  min-height: 44px !important;
  border: 1px solid rgba(45, 212, 191, 0.72) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--ssa-site-teal), var(--ssa-site-cyan)) !important;
  color: #031018 !important;
  font-weight: 850 !important;
  padding: 10px 16px !important;
  cursor: pointer;
}

body .ssa-neon-content-shell .sss-policy-container :is(.wp-block-buttons),
body .entry-content .sss-policy-container :is(.wp-block-buttons) {
  margin: 20px 0 !important;
}

body .ssa-neon-content-shell .sss-policy-container :is(.wp-block-button__link strong, #toggleSections strong),
body .entry-content .sss-policy-container :is(.wp-block-button__link strong, #toggleSections strong) {
  color: #031018 !important;
  text-shadow: none !important;
}

body .ssa-neon-content-shell .sss-policy-container :is(figure.wp-block-image, figure.wp-block-embed),
body .entry-content .sss-policy-container :is(figure.wp-block-image, figure.wp-block-embed) {
  margin: clamp(18px, 3vw, 30px) auto !important;
  padding: 12px !important;
  border: 1px solid rgba(56, 189, 248, 0.30) !important;
  border-radius: 14px !important;
  background: rgba(2, 6, 23, 0.72) !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.24) !important;
}

body .ssa-neon-content-shell .sss-policy-container :is(figure.wp-block-image img, iframe),
body .entry-content .sss-policy-container :is(figure.wp-block-image img, iframe) {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
  border-radius: 10px !important;
}

@media (max-width: 640px) {
  body .ssa-neon-content-shell .sss-policy-container,
  body .entry-content .sss-policy-container {
    margin: 12px auto !important;
    padding: 14px !important;
    border-radius: 14px !important;
  }

  body .ssa-neon-content-shell .sss-policy-container :is(.wp-block-buttons),
  body .entry-content .sss-policy-container :is(.wp-block-buttons) {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  body .ssa-neon-content-shell .sss-policy-container :is(.wp-block-button, .wp-block-button__link, #toggleSections),
  body .entry-content .sss-policy-container :is(.wp-block-button, .wp-block-button__link, #toggleSections) {
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
  }
}

/* UBCC source transparency chips are inline status details, not floating tooltip cards. */
body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell) .ubcc-helper-tip.ubcc-helper-tip {
  position: static !important;
  z-index: auto !important;
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 12px 0 0 !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(125, 211, 252, 0.34) !important;
  border-radius: 10px !important;
  background: rgba(2, 6, 23, 0.72) !important;
  color: #e0f2fe !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: none !important;
}

body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell) .ubcc-helper-tip__chips.ubcc-helper-tip__chips {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  max-width: 100% !important;
}

body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell) .ubcc-tip-chip.ubcc-tip-chip {
  position: static !important;
  z-index: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 3px 8px !important;
  border: 1px solid rgba(125, 211, 252, 0.42) !important;
  border-radius: 999px !important;
  background: rgba(8, 18, 34, 0.86) !important;
  color: #f4fdff !important;
  box-shadow: none !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  transform: none !important;
}

body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell) .ubcc-tip-chip--label.ubcc-tip-chip--label {
  flex: 0 0 auto !important;
  color: #bae6fd !important;
}

body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell) .ubcc-tip-chip--summary.ubcc-tip-chip--summary {
  flex: 1 1 260px !important;
  color: #f4fdff !important;
  word-break: normal !important;
}

/*
 * Export family hardening.
 *
 * The content export shows repeatable page families rather than random one-off
 * markup: fin, rel, health, ayur, sssss, and generated #ssa-...-shell pages.
 * These pages often ship ID-scoped !important styles, so this layer uses the
 * wrapper plus the shell ID to stay scoped while still winning the cascade.
 */
body .ssa-neon-content-shell :is(
  #fin-shell,
  #rel-shell,
  #health-shell,
  #ayur-shell,
  #sssss-shell,
  #ssa-anniversary-hub-shell,
  #ssa-boundaries-shell,
  #ssa-comms-shell,
  #ssa-daily-wellness-shell,
  #ssa-fitness-shell,
  #ssa-friend-shell,
  #ssa-general-shell,
  #ssa-goal-setting-shell,
  #ssa-goal-tracking-shell,
  #ssa-gratitude-guide-shell,
  #ssa-home-wellness-shell,
  #ssa-job-shell,
  #ssa-life-purpose-shell,
  #ssa-mental-health-shell,
  #ssa-relationship-eval-shell,
  #ssa-relationship-shell,
  #ssa-screening-general-shell,
  #ssa-screening-men-shell,
  #ssa-screening-women-shell,
  #ssa-sobriety-shell,
  #ssa-wedding-shell
),
body .entry-content :is(
  #fin-shell,
  #rel-shell,
  #health-shell,
  #ayur-shell,
  #sssss-shell,
  #ssa-anniversary-hub-shell,
  #ssa-boundaries-shell,
  #ssa-comms-shell,
  #ssa-daily-wellness-shell,
  #ssa-fitness-shell,
  #ssa-friend-shell,
  #ssa-general-shell,
  #ssa-goal-setting-shell,
  #ssa-goal-tracking-shell,
  #ssa-gratitude-guide-shell,
  #ssa-home-wellness-shell,
  #ssa-job-shell,
  #ssa-life-purpose-shell,
  #ssa-mental-health-shell,
  #ssa-relationship-eval-shell,
  #ssa-relationship-shell,
  #ssa-screening-general-shell,
  #ssa-screening-men-shell,
  #ssa-screening-women-shell,
  #ssa-sobriety-shell,
  #ssa-wedding-shell
) {
  color-scheme: dark !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(45, 212, 191, 0.14), transparent 34%),
    radial-gradient(circle at 92% 10%, rgba(167, 139, 250, 0.10), transparent 34%),
    linear-gradient(180deg, rgba(3, 8, 18, 0.99), rgba(2, 6, 23, 0.99)) !important;
  color: #dbeafe !important;
  border-color: var(--ssa-site-line) !important;
  overflow-wrap: break-word !important;
}

body .ssa-neon-content-shell :is(
  #fin-shell,
  #rel-shell,
  #health-shell,
  #ayur-shell,
  #sssss-shell,
  #ssa-anniversary-hub-shell,
  #ssa-boundaries-shell,
  #ssa-comms-shell,
  #ssa-daily-wellness-shell,
  #ssa-fitness-shell,
  #ssa-friend-shell,
  #ssa-general-shell,
  #ssa-goal-setting-shell,
  #ssa-goal-tracking-shell,
  #ssa-gratitude-guide-shell,
  #ssa-home-wellness-shell,
  #ssa-job-shell,
  #ssa-life-purpose-shell,
  #ssa-mental-health-shell,
  #ssa-relationship-eval-shell,
  #ssa-relationship-shell,
  #ssa-screening-general-shell,
  #ssa-screening-men-shell,
  #ssa-screening-women-shell,
  #ssa-sobriety-shell,
  #ssa-wedding-shell
) :is(*),
body .entry-content :is(
  #fin-shell,
  #rel-shell,
  #health-shell,
  #ayur-shell,
  #sssss-shell,
  #ssa-anniversary-hub-shell,
  #ssa-boundaries-shell,
  #ssa-comms-shell,
  #ssa-daily-wellness-shell,
  #ssa-fitness-shell,
  #ssa-friend-shell,
  #ssa-general-shell,
  #ssa-goal-setting-shell,
  #ssa-goal-tracking-shell,
  #ssa-gratitude-guide-shell,
  #ssa-home-wellness-shell,
  #ssa-job-shell,
  #ssa-life-purpose-shell,
  #ssa-mental-health-shell,
  #ssa-relationship-eval-shell,
  #ssa-relationship-shell,
  #ssa-screening-general-shell,
  #ssa-screening-men-shell,
  #ssa-screening-women-shell,
  #ssa-sobriety-shell,
  #ssa-wedding-shell
) :is(*) {
  box-sizing: border-box !important;
  min-width: 0 !important;
}

body .ssa-neon-content-shell :is(
  #fin-shell,
  #rel-shell,
  #health-shell,
  #ayur-shell,
  #sssss-shell,
  #ssa-anniversary-hub-shell,
  #ssa-boundaries-shell,
  #ssa-comms-shell,
  #ssa-daily-wellness-shell,
  #ssa-fitness-shell,
  #ssa-friend-shell,
  #ssa-general-shell,
  #ssa-goal-setting-shell,
  #ssa-goal-tracking-shell,
  #ssa-gratitude-guide-shell,
  #ssa-home-wellness-shell,
  #ssa-job-shell,
  #ssa-life-purpose-shell,
  #ssa-mental-health-shell,
  #ssa-relationship-eval-shell,
  #ssa-relationship-shell,
  #ssa-screening-general-shell,
  #ssa-screening-men-shell,
  #ssa-screening-women-shell,
  #ssa-sobriety-shell,
  #ssa-wedding-shell
) :is(p, li, span, small, em, div, label, legend, summary, td, th, output),
body .entry-content :is(
  #fin-shell,
  #rel-shell,
  #health-shell,
  #ayur-shell,
  #sssss-shell,
  #ssa-anniversary-hub-shell,
  #ssa-boundaries-shell,
  #ssa-comms-shell,
  #ssa-daily-wellness-shell,
  #ssa-fitness-shell,
  #ssa-friend-shell,
  #ssa-general-shell,
  #ssa-goal-setting-shell,
  #ssa-goal-tracking-shell,
  #ssa-gratitude-guide-shell,
  #ssa-home-wellness-shell,
  #ssa-job-shell,
  #ssa-life-purpose-shell,
  #ssa-mental-health-shell,
  #ssa-relationship-eval-shell,
  #ssa-relationship-shell,
  #ssa-screening-general-shell,
  #ssa-screening-men-shell,
  #ssa-screening-women-shell,
  #ssa-sobriety-shell,
  #ssa-wedding-shell
) :is(p, li, span, small, em, div, label, legend, summary, td, th, output) {
  color: #dbeafe !important;
  opacity: 1 !important;
}

body .ssa-neon-content-shell :is(
  #fin-shell,
  #rel-shell,
  #health-shell,
  #ayur-shell,
  #sssss-shell,
  #ssa-anniversary-hub-shell,
  #ssa-boundaries-shell,
  #ssa-comms-shell,
  #ssa-daily-wellness-shell,
  #ssa-fitness-shell,
  #ssa-friend-shell,
  #ssa-general-shell,
  #ssa-goal-setting-shell,
  #ssa-goal-tracking-shell,
  #ssa-gratitude-guide-shell,
  #ssa-home-wellness-shell,
  #ssa-job-shell,
  #ssa-life-purpose-shell,
  #ssa-mental-health-shell,
  #ssa-relationship-eval-shell,
  #ssa-relationship-shell,
  #ssa-screening-general-shell,
  #ssa-screening-men-shell,
  #ssa-screening-women-shell,
  #ssa-sobriety-shell,
  #ssa-wedding-shell
) :is(h1, h2, h3, h4, h5, h6, strong, b),
body .entry-content :is(
  #fin-shell,
  #rel-shell,
  #health-shell,
  #ayur-shell,
  #sssss-shell,
  #ssa-anniversary-hub-shell,
  #ssa-boundaries-shell,
  #ssa-comms-shell,
  #ssa-daily-wellness-shell,
  #ssa-fitness-shell,
  #ssa-friend-shell,
  #ssa-general-shell,
  #ssa-goal-setting-shell,
  #ssa-goal-tracking-shell,
  #ssa-gratitude-guide-shell,
  #ssa-home-wellness-shell,
  #ssa-job-shell,
  #ssa-life-purpose-shell,
  #ssa-mental-health-shell,
  #ssa-relationship-eval-shell,
  #ssa-relationship-shell,
  #ssa-screening-general-shell,
  #ssa-screening-men-shell,
  #ssa-screening-women-shell,
  #ssa-sobriety-shell,
  #ssa-wedding-shell
) :is(h1, h2, h3, h4, h5, h6, strong, b) {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 0 16px rgba(56, 189, 248, 0.28) !important;
}

body .ssa-neon-content-shell :is(
  #fin-shell,
  #rel-shell,
  #health-shell,
  #ayur-shell,
  #sssss-shell,
  #ssa-anniversary-hub-shell,
  #ssa-boundaries-shell,
  #ssa-comms-shell,
  #ssa-daily-wellness-shell,
  #ssa-fitness-shell,
  #ssa-friend-shell,
  #ssa-general-shell,
  #ssa-goal-setting-shell,
  #ssa-goal-tracking-shell,
  #ssa-gratitude-guide-shell,
  #ssa-home-wellness-shell,
  #ssa-job-shell,
  #ssa-life-purpose-shell,
  #ssa-mental-health-shell,
  #ssa-relationship-eval-shell,
  #ssa-relationship-shell,
  #ssa-screening-general-shell,
  #ssa-screening-men-shell,
  #ssa-screening-women-shell,
  #ssa-sobriety-shell,
  #ssa-wedding-shell
) :is(
  .fin-card,
  .fin-mini,
  .fin-highlight,
  .fin-toc-panel,
  .fin-link-buttons,
  .fin-faq,
  .rel-card,
  .rel-mini,
  .rel-highlight,
  .rel-toc-panel,
  .rel-link-buttons,
  .rel-faq,
  .health-card,
  .health-mini,
  .health-highlight,
  .health-shortcode-wrap,
  .health-callout,
  .health-faq,
  .health-resource-links,
  .health-toc-panel,
  .ayur-card,
  .ayur-mini,
  .ayur-highlight,
  .ayur-shortcode-wrap,
  .ayur-callout,
  .ayur-faq,
  .ayur-resource-links,
  .ayur-toc-panel,
  .sssss-nav-wrap,
  .sssss-content-wrap,
  .sssss-highlight-box,
  .sssss-info-box,
  .ssa-fl-collapse-wrap,
  .ssa-fl-content,
  .faq-item,
  .wp-block-file,
  .wp-block-file__embed,
  .wp-block-group,
  .wp-block-columns,
  .wp-block-column,
  .wp-block-table,
  .wp-block-afpb-review-style-one,
  .afpb__props_box,
  .afpb__cons_box,
  object,
  form,
  fieldset,
  details,
  table,
  div[style*="background"],
  section[style*="background"],
  article[style*="background"],
  aside[style*="background"],
  li[style*="background"]
),
body .entry-content :is(
  #fin-shell,
  #rel-shell,
  #health-shell,
  #ayur-shell,
  #sssss-shell,
  #ssa-anniversary-hub-shell,
  #ssa-boundaries-shell,
  #ssa-comms-shell,
  #ssa-daily-wellness-shell,
  #ssa-fitness-shell,
  #ssa-friend-shell,
  #ssa-general-shell,
  #ssa-goal-setting-shell,
  #ssa-goal-tracking-shell,
  #ssa-gratitude-guide-shell,
  #ssa-home-wellness-shell,
  #ssa-job-shell,
  #ssa-life-purpose-shell,
  #ssa-mental-health-shell,
  #ssa-relationship-eval-shell,
  #ssa-relationship-shell,
  #ssa-screening-general-shell,
  #ssa-screening-men-shell,
  #ssa-screening-women-shell,
  #ssa-sobriety-shell,
  #ssa-wedding-shell
) :is(
  .fin-card,
  .fin-mini,
  .fin-highlight,
  .fin-toc-panel,
  .fin-link-buttons,
  .fin-faq,
  .rel-card,
  .rel-mini,
  .rel-highlight,
  .rel-toc-panel,
  .rel-link-buttons,
  .rel-faq,
  .health-card,
  .health-mini,
  .health-highlight,
  .health-shortcode-wrap,
  .health-callout,
  .health-faq,
  .health-resource-links,
  .health-toc-panel,
  .ayur-card,
  .ayur-mini,
  .ayur-highlight,
  .ayur-shortcode-wrap,
  .ayur-callout,
  .ayur-faq,
  .ayur-resource-links,
  .ayur-toc-panel,
  .sssss-nav-wrap,
  .sssss-content-wrap,
  .sssss-highlight-box,
  .sssss-info-box,
  .ssa-fl-collapse-wrap,
  .ssa-fl-content,
  .faq-item,
  .wp-block-file,
  .wp-block-file__embed,
  .wp-block-group,
  .wp-block-columns,
  .wp-block-column,
  .wp-block-table,
  .wp-block-afpb-review-style-one,
  .afpb__props_box,
  .afpb__cons_box,
  object,
  form,
  fieldset,
  details,
  table,
  div[style*="background"],
  section[style*="background"],
  article[style*="background"],
  aside[style*="background"],
  li[style*="background"]
) {
  border: 1px solid rgba(56, 189, 248, 0.42) !important;
  border-radius: 14px !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(45, 212, 191, 0.10), transparent 32%),
    linear-gradient(180deg, rgba(8, 18, 34, 0.98), rgba(3, 8, 18, 0.98)) !important;
  color: #dbeafe !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body .ssa-neon-content-shell :is(#fin-shell, #rel-shell, #health-shell, #ayur-shell, #sssss-shell) :is(
  .fin-toc-btn,
  .fin-cta-btn,
  .rel-toc-btn,
  .rel-cta-btn,
  .health-toc-btn,
  .health-cta-btn,
  .ayur-toc-btn,
  .ayur-cta-btn,
  #toggleSections,
  button,
  .button,
  .btn,
  .wp-block-button__link,
  .wp-block-file__button
),
body .entry-content :is(#fin-shell, #rel-shell, #health-shell, #ayur-shell, #sssss-shell) :is(
  .fin-toc-btn,
  .fin-cta-btn,
  .rel-toc-btn,
  .rel-cta-btn,
  .health-toc-btn,
  .health-cta-btn,
  .ayur-toc-btn,
  .ayur-cta-btn,
  #toggleSections,
  button,
  .button,
  .btn,
  .wp-block-button__link,
  .wp-block-file__button
) {
  display: inline-flex !important;
  min-height: 44px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 16px !important;
  border: 1px solid rgba(45, 212, 191, 0.72) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--ssa-site-teal), var(--ssa-site-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 .ssa-neon-content-shell :is(#fin-shell, #rel-shell, #health-shell, #ayur-shell, #sssss-shell) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea),
body .entry-content :is(#fin-shell, #rel-shell, #health-shell, #ayur-shell, #sssss-shell) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea) {
  width: 100% !important;
  min-height: 44px !important;
  border: 1px solid rgba(148, 163, 184, 0.44) !important;
  border-radius: 12px !important;
  background: rgba(2, 6, 23, 0.92) !important;
  color: #ffffff !important;
  caret-color: var(--ssa-site-teal) !important;
}

body .ssa-neon-content-shell :is(#fin-shell, #rel-shell, #health-shell, #ayur-shell, #sssss-shell) :is(a:not(.button):not(.btn):not(.wp-block-button__link):not(.wp-block-file__button)),
body .entry-content :is(#fin-shell, #rel-shell, #health-shell, #ayur-shell, #sssss-shell) :is(a:not(.button):not(.btn):not(.wp-block-button__link):not(.wp-block-file__button)) {
  color: #8eeaff !important;
  text-decoration-color: rgba(142, 234, 255, 0.55) !important;
}

/*
 * Known legacy shell sweep from the full content export.
 *
 * These shells were found in the TSV export and follow the same old pattern:
 * pale panels, dark text, or gradient button columns. Keep this scoped to the
 * universal content shell/entry content and do not touch arbitrary site chrome.
 */
body .ssa-neon-content-shell :is(
  #adultfriend-shell,
  #bng-page-shell,
  #bnn-page-shell,
  #casual-shell,
  #commshell,
  #dating-shell,
  #enm-benefits-shell,
  #enm-guide-shell,
  #enm-shell,
  #eos-page-shell,
  #erc-page-shell,
  #family-time-shell,
  #famrel-shell,
  #friendcore-shell,
  #friendrel-shell,
  #ldr-shell,
  #love-page-shell,
  #love-shell,
  #marriage-shell,
  #newrel-shell,
  #nnt-page-shell,
  #openrel-shell,
  #parenting-shell,
  #pd-books-shell,
  #pet-shell,
  #platonic-shell,
  #poly-shell,
  #poly-truth-shell,
  #proposal-shell,
  #radv-shell,
  #relbooks-shell,
  #rel-hub-shell,
  #rel-maint-shell,
  #rel-quiz-shell,
  #rel-tools-shell,
  #relstage-shell,
  #roomrel-shell,
  #sap-article-shell,
  #sound-advice-shell,
  #solo-poly-shell,
  #sth-page-shell,
  #sth-sr-shell,
  #toxicrel-shell,
  #traumarel-shell,
  #workrel-shell
),
body .entry-content :is(
  #adultfriend-shell,
  #bng-page-shell,
  #bnn-page-shell,
  #casual-shell,
  #commshell,
  #dating-shell,
  #enm-benefits-shell,
  #enm-guide-shell,
  #enm-shell,
  #eos-page-shell,
  #erc-page-shell,
  #family-time-shell,
  #famrel-shell,
  #friendcore-shell,
  #friendrel-shell,
  #ldr-shell,
  #love-page-shell,
  #love-shell,
  #marriage-shell,
  #newrel-shell,
  #nnt-page-shell,
  #openrel-shell,
  #parenting-shell,
  #pd-books-shell,
  #pet-shell,
  #platonic-shell,
  #poly-shell,
  #poly-truth-shell,
  #proposal-shell,
  #radv-shell,
  #relbooks-shell,
  #rel-hub-shell,
  #rel-maint-shell,
  #rel-quiz-shell,
  #rel-tools-shell,
  #relstage-shell,
  #roomrel-shell,
  #sap-article-shell,
  #sound-advice-shell,
  #solo-poly-shell,
  #sth-page-shell,
  #sth-sr-shell,
  #toxicrel-shell,
  #traumarel-shell,
  #workrel-shell
) {
  color-scheme: dark !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(45, 212, 191, 0.14), transparent 34%),
    linear-gradient(180deg, rgba(3, 8, 18, 0.99), rgba(2, 6, 23, 0.99)) !important;
  color: #dbeafe !important;
  border-color: var(--ssa-site-line) !important;
}

body .ssa-neon-content-shell :is(
  #adultfriend-shell,
  #bng-page-shell,
  #bnn-page-shell,
  #casual-shell,
  #commshell,
  #dating-shell,
  #enm-benefits-shell,
  #enm-guide-shell,
  #enm-shell,
  #eos-page-shell,
  #erc-page-shell,
  #family-time-shell,
  #famrel-shell,
  #friendcore-shell,
  #friendrel-shell,
  #ldr-shell,
  #love-page-shell,
  #love-shell,
  #marriage-shell,
  #newrel-shell,
  #nnt-page-shell,
  #openrel-shell,
  #parenting-shell,
  #pd-books-shell,
  #pet-shell,
  #platonic-shell,
  #poly-shell,
  #poly-truth-shell,
  #proposal-shell,
  #radv-shell,
  #relbooks-shell,
  #rel-hub-shell,
  #rel-maint-shell,
  #rel-quiz-shell,
  #rel-tools-shell,
  #relstage-shell,
  #roomrel-shell,
  #sap-article-shell,
  #sound-advice-shell,
  #solo-poly-shell,
  #sth-page-shell,
  #sth-sr-shell,
  #toxicrel-shell,
  #traumarel-shell,
  #workrel-shell
) :is(p, li, span, small, em, div, label, legend, summary, td, th, output),
body .entry-content :is(
  #adultfriend-shell,
  #bng-page-shell,
  #bnn-page-shell,
  #casual-shell,
  #commshell,
  #dating-shell,
  #enm-benefits-shell,
  #enm-guide-shell,
  #enm-shell,
  #eos-page-shell,
  #erc-page-shell,
  #family-time-shell,
  #famrel-shell,
  #friendcore-shell,
  #friendrel-shell,
  #ldr-shell,
  #love-page-shell,
  #love-shell,
  #marriage-shell,
  #newrel-shell,
  #nnt-page-shell,
  #openrel-shell,
  #parenting-shell,
  #pd-books-shell,
  #pet-shell,
  #platonic-shell,
  #poly-shell,
  #poly-truth-shell,
  #proposal-shell,
  #radv-shell,
  #relbooks-shell,
  #rel-hub-shell,
  #rel-maint-shell,
  #rel-quiz-shell,
  #rel-tools-shell,
  #relstage-shell,
  #roomrel-shell,
  #sap-article-shell,
  #sound-advice-shell,
  #solo-poly-shell,
  #sth-page-shell,
  #sth-sr-shell,
  #toxicrel-shell,
  #traumarel-shell,
  #workrel-shell
) :is(p, li, span, small, em, div, label, legend, summary, td, th, output) {
  color: #dbeafe !important;
  opacity: 1 !important;
}

body .ssa-neon-content-shell :is(
  #adultfriend-shell,
  #bng-page-shell,
  #bnn-page-shell,
  #casual-shell,
  #commshell,
  #dating-shell,
  #enm-benefits-shell,
  #enm-guide-shell,
  #enm-shell,
  #eos-page-shell,
  #erc-page-shell,
  #family-time-shell,
  #famrel-shell,
  #friendcore-shell,
  #friendrel-shell,
  #ldr-shell,
  #love-page-shell,
  #love-shell,
  #marriage-shell,
  #newrel-shell,
  #nnt-page-shell,
  #openrel-shell,
  #parenting-shell,
  #pd-books-shell,
  #pet-shell,
  #platonic-shell,
  #poly-shell,
  #poly-truth-shell,
  #proposal-shell,
  #radv-shell,
  #relbooks-shell,
  #rel-hub-shell,
  #rel-maint-shell,
  #rel-quiz-shell,
  #rel-tools-shell,
  #relstage-shell,
  #roomrel-shell,
  #sap-article-shell,
  #sound-advice-shell,
  #solo-poly-shell,
  #sth-page-shell,
  #sth-sr-shell,
  #toxicrel-shell,
  #traumarel-shell,
  #workrel-shell
) :is(h1, h2, h3, h4, h5, h6, strong, b),
body .entry-content :is(
  #adultfriend-shell,
  #bng-page-shell,
  #bnn-page-shell,
  #casual-shell,
  #commshell,
  #dating-shell,
  #enm-benefits-shell,
  #enm-guide-shell,
  #enm-shell,
  #eos-page-shell,
  #erc-page-shell,
  #family-time-shell,
  #famrel-shell,
  #friendcore-shell,
  #friendrel-shell,
  #ldr-shell,
  #love-page-shell,
  #love-shell,
  #marriage-shell,
  #newrel-shell,
  #nnt-page-shell,
  #openrel-shell,
  #parenting-shell,
  #pd-books-shell,
  #pet-shell,
  #platonic-shell,
  #poly-shell,
  #poly-truth-shell,
  #proposal-shell,
  #radv-shell,
  #relbooks-shell,
  #rel-hub-shell,
  #rel-maint-shell,
  #rel-quiz-shell,
  #rel-tools-shell,
  #relstage-shell,
  #roomrel-shell,
  #sap-article-shell,
  #sound-advice-shell,
  #solo-poly-shell,
  #sth-page-shell,
  #sth-sr-shell,
  #toxicrel-shell,
  #traumarel-shell,
  #workrel-shell
) :is(h1, h2, h3, h4, h5, h6, strong, b) {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 0 16px rgba(56, 189, 248, 0.28) !important;
}

body .ssa-neon-content-shell :is(
  #adultfriend-shell,
  #bng-page-shell,
  #bnn-page-shell,
  #casual-shell,
  #commshell,
  #dating-shell,
  #enm-benefits-shell,
  #enm-guide-shell,
  #enm-shell,
  #eos-page-shell,
  #erc-page-shell,
  #family-time-shell,
  #famrel-shell,
  #friendcore-shell,
  #friendrel-shell,
  #ldr-shell,
  #love-page-shell,
  #love-shell,
  #marriage-shell,
  #newrel-shell,
  #nnt-page-shell,
  #openrel-shell,
  #parenting-shell,
  #pd-books-shell,
  #pet-shell,
  #platonic-shell,
  #poly-shell,
  #poly-truth-shell,
  #proposal-shell,
  #radv-shell,
  #relbooks-shell,
  #rel-hub-shell,
  #rel-maint-shell,
  #rel-quiz-shell,
  #rel-tools-shell,
  #relstage-shell,
  #roomrel-shell,
  #sap-article-shell,
  #sound-advice-shell,
  #solo-poly-shell,
  #sth-page-shell,
  #sth-sr-shell,
  #toxicrel-shell,
  #traumarel-shell,
  #workrel-shell
) :is(
  [class*="-card"],
  [class*="-mini"],
  [class*="-box"],
  [class*="-panel"],
  [class*="-section"],
  [class*="-highlight"],
  [class*="-callout"],
  [class*="-nav-wrap"],
  [class*="-toc"],
  [class*="-faq"],
  [class*="-grid"],
  [class*="-columns"],
  [class*="-button"],
  .wp-block-group,
  .wp-block-columns,
  .wp-block-column,
  .wp-block-button__link,
  .wp-block-file,
  .wp-block-file__embed,
  .wp-block-table,
  div[style*="background"],
  section[style*="background"],
  article[style*="background"],
  aside[style*="background"],
  li[style*="background"]
),
body .entry-content :is(
  #adultfriend-shell,
  #bng-page-shell,
  #bnn-page-shell,
  #casual-shell,
  #commshell,
  #dating-shell,
  #enm-benefits-shell,
  #enm-guide-shell,
  #enm-shell,
  #eos-page-shell,
  #erc-page-shell,
  #family-time-shell,
  #famrel-shell,
  #friendcore-shell,
  #friendrel-shell,
  #ldr-shell,
  #love-page-shell,
  #love-shell,
  #marriage-shell,
  #newrel-shell,
  #nnt-page-shell,
  #openrel-shell,
  #parenting-shell,
  #pd-books-shell,
  #pet-shell,
  #platonic-shell,
  #poly-shell,
  #poly-truth-shell,
  #proposal-shell,
  #radv-shell,
  #relbooks-shell,
  #rel-hub-shell,
  #rel-maint-shell,
  #rel-quiz-shell,
  #rel-tools-shell,
  #relstage-shell,
  #roomrel-shell,
  #sap-article-shell,
  #sound-advice-shell,
  #solo-poly-shell,
  #sth-page-shell,
  #sth-sr-shell,
  #toxicrel-shell,
  #traumarel-shell,
  #workrel-shell
) :is(
  [class*="-card"],
  [class*="-mini"],
  [class*="-box"],
  [class*="-panel"],
  [class*="-section"],
  [class*="-highlight"],
  [class*="-callout"],
  [class*="-nav-wrap"],
  [class*="-toc"],
  [class*="-faq"],
  [class*="-grid"],
  [class*="-columns"],
  [class*="-button"],
  .wp-block-group,
  .wp-block-columns,
  .wp-block-column,
  .wp-block-button__link,
  .wp-block-file,
  .wp-block-file__embed,
  .wp-block-table,
  div[style*="background"],
  section[style*="background"],
  article[style*="background"],
  aside[style*="background"],
  li[style*="background"]
) {
  border-color: rgba(56, 189, 248, 0.42) !important;
  background: linear-gradient(180deg, rgba(8, 18, 34, 0.98), rgba(3, 8, 18, 0.98)) !important;
  color: #dbeafe !important;
}

/* Fun and generator page shells from the export, excluding chart-specific shells. */
body .ssa-neon-content-shell :is(
  #baby-shell,
  #fun-shell,
  #name-shell,
  #nick-shell,
  #rng-shell,
  #rnum-shell,
  #slot-shell,
  #spooky-shell
),
body .entry-content :is(
  #baby-shell,
  #fun-shell,
  #name-shell,
  #nick-shell,
  #rng-shell,
  #rnum-shell,
  #slot-shell,
  #spooky-shell
) {
  color-scheme: dark !important;
  background: linear-gradient(180deg, rgba(3, 8, 18, 0.99), rgba(2, 6, 23, 0.99)) !important;
  color: #dbeafe !important;
}

body .ssa-neon-content-shell :is(
  #baby-shell,
  #fun-shell,
  #name-shell,
  #nick-shell,
  #rng-shell,
  #rnum-shell,
  #slot-shell,
  #spooky-shell
) :is(p, li, span, small, em, div, label, legend, summary, td, th, output),
body .entry-content :is(
  #baby-shell,
  #fun-shell,
  #name-shell,
  #nick-shell,
  #rng-shell,
  #rnum-shell,
  #slot-shell,
  #spooky-shell
) :is(p, li, span, small, em, div, label, legend, summary, td, th, output) {
  color: #dbeafe !important;
  opacity: 1 !important;
}

body .ssa-neon-content-shell :is(
  #baby-shell,
  #fun-shell,
  #name-shell,
  #nick-shell,
  #rng-shell,
  #rnum-shell,
  #slot-shell,
  #spooky-shell
) :is(h1, h2, h3, h4, h5, h6, strong, b),
body .entry-content :is(
  #baby-shell,
  #fun-shell,
  #name-shell,
  #nick-shell,
  #rng-shell,
  #rnum-shell,
  #slot-shell,
  #spooky-shell
) :is(h1, h2, h3, h4, h5, h6, strong, b) {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 0 16px rgba(56, 189, 248, 0.28) !important;
}

body .ssa-neon-content-shell :is(
  #baby-shell,
  #fun-shell,
  #name-shell,
  #nick-shell,
  #rng-shell,
  #rnum-shell,
  #slot-shell,
  #spooky-shell
) :is([class*="-card"], [class*="-box"], [class*="-panel"], [class*="-section"], [class*="-item"], .wp-block-group, .wp-block-columns, div[style*="background"]),
body .entry-content :is(
  #baby-shell,
  #fun-shell,
  #name-shell,
  #nick-shell,
  #rng-shell,
  #rnum-shell,
  #slot-shell,
  #spooky-shell
) :is([class*="-card"], [class*="-box"], [class*="-panel"], [class*="-section"], [class*="-item"], .wp-block-group, .wp-block-columns, div[style*="background"]) {
  border-color: rgba(56, 189, 248, 0.42) !important;
  background: linear-gradient(180deg, rgba(8, 18, 34, 0.98), rgba(3, 8, 18, 0.98)) !important;
  color: #dbeafe !important;
}

/*
 * Mobile button and nested-card cleanup.
 *
 * Legacy generated pages use shell-local nav/button rules that can stay pale,
 * refuse to wrap, or create stacked nested card shadows on small screens.
 */
body .ssa-neon-content-shell :is(
  #ayur-shell,
  #health-shell,
  #rel-shell,
  #fin-shell,
  #sssss-shell,
  [id^="ssa-"][id$="-shell"]
) :is(
  nav a,
  .nav a,
  .tool-nav a,
  .ayur-nav a,
  .health-nav a,
  .rel-nav a,
  .fin-nav a,
  .sssss-nav a,
  .ssa-nav a,
  .ssa-related__card,
  .ssa-related__card a,
  .button,
  .btn,
  .wp-block-button__link
),
body .entry-content :is(
  #ayur-shell,
  #health-shell,
  #rel-shell,
  #fin-shell,
  #sssss-shell,
  [id^="ssa-"][id$="-shell"]
) :is(
  nav a,
  .nav a,
  .tool-nav a,
  .ayur-nav a,
  .health-nav a,
  .rel-nav a,
  .fin-nav a,
  .sssss-nav a,
  .ssa-nav a,
  .ssa-related__card,
  .ssa-related__card a,
  .button,
  .btn,
  .wp-block-button__link
) {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 46px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(45, 212, 191, 0.72) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--ssa-site-teal), var(--ssa-site-cyan)) !important;
  color: #031018 !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  text-shadow: none !important;
  box-shadow: 0 12px 28px rgba(34, 211, 238, 0.22) !important;
}

body .ssa-neon-content-shell :is(
  #ayur-shell,
  #health-shell,
  #rel-shell,
  #fin-shell,
  #sssss-shell,
  [id^="ssa-"][id$="-shell"]
) :is(
  nav a *,
  .nav a *,
  .tool-nav a *,
  .ayur-nav a *,
  .health-nav a *,
  .rel-nav a *,
  .fin-nav a *,
  .sssss-nav a *,
  .ssa-nav a *,
  .button *,
  .btn *,
  .wp-block-button__link *
),
body .entry-content :is(
  #ayur-shell,
  #health-shell,
  #rel-shell,
  #fin-shell,
  #sssss-shell,
  [id^="ssa-"][id$="-shell"]
) :is(
  nav a *,
  .nav a *,
  .tool-nav a *,
  .ayur-nav a *,
  .health-nav a *,
  .rel-nav a *,
  .fin-nav a *,
  .sssss-nav a *,
  .ssa-nav a *,
  .button *,
  .btn *,
  .wp-block-button__link *
) {
  color: #031018 !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  text-shadow: none !important;
}

body .ssa-neon-content-shell :is(
  #ayur-shell,
  #health-shell,
  #rel-shell,
  #fin-shell,
  #sssss-shell,
  [id^="ssa-"][id$="-shell"]
) :is(
  .wp-block-group .wp-block-group,
  .card .card,
  .panel .panel,
  .box .box,
  .content .content,
  [class*="-card"] [class*="-card"],
  [class*="-box"] [class*="-box"],
  [class*="-panel"] [class*="-panel"]
),
body .entry-content :is(
  #ayur-shell,
  #health-shell,
  #rel-shell,
  #fin-shell,
  #sssss-shell,
  [id^="ssa-"][id$="-shell"]
) :is(
  .wp-block-group .wp-block-group,
  .card .card,
  .panel .panel,
  .box .box,
  .content .content,
  [class*="-card"] [class*="-card"],
  [class*="-box"] [class*="-box"],
  [class*="-panel"] [class*="-panel"]
) {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
  box-shadow: none !important;
}

@media (max-width: 780px) {
  body :where(.entry-content) :where(.wp-block-columns, .wp-block-media-text, .hero-social-proof, .custom-tabs, .download-buttons, .download-table, [class*="grid"], [class*="columns"], [class*="cards"], [class*="actions"]) {
    grid-template-columns: minmax(0, 1fr) !important;
    flex-wrap: wrap !important;
  }

  body :where(.entry-content) :where(table) {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
}

/*
 * Export token normalization.
 *
 * The full post/page export contains many one-off generated CSS variables
 * (`--rel-bg`, `--bnn-surface`, `--rq-bg`, `--fr-card`, etc.). Define them on
 * the universal content shell so legacy inline page CSS inherits dark surfaces
 * without requiring page-by-page edits.
 */
body :where(.ssa-neon-content-shell, .entry-content) {
  --af-bg: #030712 !important;
  --af-card: rgba(8, 18, 34, 0.98) !important;
  --bng-bg: #030712 !important;
  --bng-surface: rgba(8, 18, 34, 0.98) !important;
  --bng-surface-alt: rgba(15, 27, 46, 0.94) !important;
  --bnn-bg: #030712 !important;
  --bnn-surface: rgba(8, 18, 34, 0.98) !important;
  --bnn-surface-alt: rgba(15, 27, 46, 0.94) !important;
  --cs-bg: #030712 !important;
  --cs-card: rgba(8, 18, 34, 0.98) !important;
  --d-bg: #030712 !important;
  --d-card: rgba(8, 18, 34, 0.98) !important;
  --eng-bg: #030712 !important;
  --eng-card: rgba(8, 18, 34, 0.98) !important;
  --enmb-bg: #030712 !important;
  --enmb-card: rgba(8, 18, 34, 0.98) !important;
  --enm-bg: #030712 !important;
  --enm-card: rgba(8, 18, 34, 0.98) !important;
  --erc-bg: #030712 !important;
  --erc-surface: rgba(8, 18, 34, 0.98) !important;
  --erc-surface-alt: rgba(15, 27, 46, 0.94) !important;
  --fc-bg: #030712 !important;
  --fc-card: rgba(8, 18, 34, 0.98) !important;
  --fr-bg: #030712 !important;
  --fr-card: rgba(8, 18, 34, 0.98) !important;
  --frd-bg: #030712 !important;
  --frd-card: rgba(8, 18, 34, 0.98) !important;
  --ft-bg: #030712 !important;
  --ft-card: rgba(8, 18, 34, 0.98) !important;
  --ldr-bg: #030712 !important;
  --ldr-card: rgba(8, 18, 34, 0.98) !important;
  --l-surface: rgba(8, 18, 34, 0.98) !important;
  --l-surface-alt: rgba(15, 27, 46, 0.94) !important;
  --l-surface-soft: rgba(15, 27, 46, 0.94) !important;
  --lv-bg: #030712 !important;
  --lv-card: rgba(8, 18, 34, 0.98) !important;
  --mg-bg: #030712 !important;
  --mg-card: rgba(8, 18, 34, 0.98) !important;
  --nr-bg: #030712 !important;
  --nr-card: rgba(8, 18, 34, 0.98) !important;
  --or-bg: #030712 !important;
  --or-card: rgba(8, 18, 34, 0.98) !important;
  --pl-bg: #030712 !important;
  --pl-card: rgba(8, 18, 34, 0.98) !important;
  --poly-bg: #030712 !important;
  --pr-bg: #030712 !important;
  --pr-card: rgba(8, 18, 34, 0.98) !important;
  --pt-bg: #030712 !important;
  --pt-card: rgba(8, 18, 34, 0.98) !important;
  --pts-bg: #030712 !important;
  --pts-card: rgba(8, 18, 34, 0.98) !important;
  --py-bg: #030712 !important;
  --py-card: rgba(8, 18, 34, 0.98) !important;
  --rb-bg: #030712 !important;
  --rb-card: rgba(8, 18, 34, 0.98) !important;
  --rel-bg: #030712 !important;
  --rel-card: rgba(8, 18, 34, 0.98) !important;
  --rel-surface: rgba(8, 18, 34, 0.98) !important;
  --rel-surface-alt: rgba(15, 27, 46, 0.94) !important;
  --rq-bg: #030712 !important;
  --rr-bg: #030712 !important;
  --rr-card: rgba(8, 18, 34, 0.98) !important;
  --rs-bg: #030712 !important;
  --rs-card: rgba(8, 18, 34, 0.98) !important;
  --sap-bg: #030712 !important;
  --sap-surface: rgba(8, 18, 34, 0.98) !important;
  --sap-surface-alt: rgba(15, 27, 46, 0.94) !important;
  --sas-bg: #030712 !important;
  --sps-bg: #030712 !important;
  --sps-card: rgba(8, 18, 34, 0.98) !important;
  --ssa-soft-bg: rgba(15, 27, 46, 0.94) !important;
  --tr-bg: #030712 !important;
  --tr-card: rgba(8, 18, 34, 0.98) !important;
  --tx-bg: #030712 !important;
  --tx-card: rgba(8, 18, 34, 0.98) !important;
  --wr-bg: #030712 !important;
  --wr-card: rgba(8, 18, 34, 0.98) !important;
  --z-surface: rgba(8, 18, 34, 0.98) !important;
  --z-surface-alt: rgba(15, 27, 46, 0.94) !important;
  --z-surface-soft: rgba(15, 27, 46, 0.94) !important;
}

body :where(.ssa-neon-content-shell, .entry-content) :is([id$="shell"]) {
  box-sizing: border-box !important;
  color-scheme: dark !important;
  color: var(--ssa-site-ink-soft) !important;
  max-width: min(100%, 1120px) !important;
  margin-inline: auto !important;
  overflow-wrap: break-word !important;
}

body :where(.ssa-neon-content-shell, .entry-content) :is([id$="shell"]) :is(
  .card,
  .panel,
  .box,
  .section,
  .content,
  .container,
  .result,
  .results,
  .summary,
  .notice,
  .callout,
  .faq,
  .faq-item,
  .toc,
  .toc-container,
  [class*="-card"],
  [class*="-panel"],
  [class*="-box"],
  [class*="-section"],
  [class*="-result"],
  [class*="-results"],
  [class*="-surface"],
  [class*="-hero"],
  [class*="-intro"],
  [class*="-tip"],
  [class*="-note"],
  [class*="-faq"],
  fieldset,
  details,
  table,
  form
) {
  border: 1px solid rgba(56, 189, 248, 0.42) !important;
  border-radius: 14px !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(45, 212, 191, 0.12), transparent 32%),
    linear-gradient(180deg, rgba(8, 18, 34, 0.98), rgba(3, 8, 18, 0.98)) !important;
  color: var(--ssa-site-ink-soft) !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, .entry-content) :is([id$="shell"]) :is(h1, h2, h3, h4, h5, h6, strong, b, summary) {
  color: var(--ssa-site-ink) !important;
  opacity: 1 !important;
  text-shadow: 0 0 16px rgba(56, 189, 248, 0.28) !important;
}

body :where(.ssa-neon-content-shell, .entry-content) :is([id$="shell"]) :is(p, li, span, small, em, div, label, td, th) {
  color: var(--ssa-site-ink-soft) !important;
  opacity: 1 !important;
}

@media (max-width: 700px) {
  body :where(.ssa-neon-content-shell, .entry-content) :is([id$="shell"]) :is(
    nav,
    .nav,
    [class*="-nav"],
    [class*="-grid"],
    [class*="-cards"],
    [class*="-columns"],
    [class*="-actions"],
    [class*="-buttons"]
  ) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body :where(.ssa-neon-content-shell, .entry-content) :is([id$="shell"]) :is(
    a,
    button,
    .button,
    .btn,
    .nav-btn,
    [role="button"],
    .wp-block-button__link
  ) {
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }
}

@media (max-width: 480px) {
  body :where(.entry-content) {
    padding-inline: 6px !important;
  }

  body :where(.entry-content) :where(.wp-block-group, .wp-block-columns, .wp-block-table, .wp-block-details, .toc-container, #collapsible-sections, .collapsible, .content, .faq-item, .stylized-box, .callout, .notice) {
    padding: 12px !important;
    border-radius: 12px !important;
  }

  body :where(.entry-content) :where(.wp-block-button__link, .cta-primary, .cta-secondary, .nav-btn, .try-btn, .timer-btn, .concern-btn, .experience-btn, .mood-btn, .download-buttons .btn, .download-table .btn, #toggleSections) {
    display: inline-flex !important;
    width: 100% !important;
    min-height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: normal !important;
    text-align: center !important;
  }

  body :where(.entry-content) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea) {
    min-height: 44px !important;
    font-size: 16px !important;
  }

  body .ssa-neon-content-shell {
    width: 100% !important;
    max-width: 100% !important;
    padding-inline: 6px !important;
  }

  body .ssa-neon-content-shell :is(div, section, article, aside, ul, ol, li) {
    max-width: 100% !important;
    overflow-wrap: break-word !important;
  }

  body .ssa-neon-content-shell :is(button, .btn, .button-link, .enhanced-cta-button) {
    width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
  }
}

@media (max-width: 640px) {
  body .ssa-neon-content-shell :is(
    #ayur-shell,
    #health-shell,
    #rel-shell,
    #fin-shell,
    #sssss-shell,
    [id^="ssa-"][id$="-shell"]
  ) :is(
    nav,
    .nav,
    .tool-nav,
    .ayur-nav,
    .health-nav,
    .rel-nav,
    .fin-nav,
    .sssss-nav,
    .ssa-nav,
    .wp-block-buttons,
    .button-row,
    .btnrow,
    [class*="-buttons"],
    [class*="-actions"],
    [class*="-grid"]
  ),
  body .entry-content :is(
    #ayur-shell,
    #health-shell,
    #rel-shell,
    #fin-shell,
    #sssss-shell,
    [id^="ssa-"][id$="-shell"]
  ) :is(
    nav,
    .nav,
    .tool-nav,
    .ayur-nav,
    .health-nav,
    .rel-nav,
    .fin-nav,
    .sssss-nav,
    .ssa-nav,
    .wp-block-buttons,
    .button-row,
    .btnrow,
    [class*="-buttons"],
    [class*="-actions"],
    [class*="-grid"]
  ) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body .ssa-neon-content-shell :is(
    #ayur-shell,
    #health-shell,
    #rel-shell,
    #fin-shell,
    #sssss-shell,
    [id^="ssa-"][id$="-shell"]
  ) :is(
    a,
    button,
    .button,
    .btn,
    .wp-block-button,
    .wp-block-button__link
  ),
  body .entry-content :is(
    #ayur-shell,
    #health-shell,
    #rel-shell,
    #fin-shell,
    #sssss-shell,
    [id^="ssa-"][id$="-shell"]
  ) :is(
    a,
    button,
    .button,
    .btn,
    .wp-block-button,
    .wp-block-button__link
  ) {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }
}

/*
 * Relationship hub hardening.
 *
 * The relationship export includes several generated shell variants:
 * `#rel-shell`, `#rel-tools-shell`, and the embedded `#rel-quiz-shell`.
 * Their local CSS can leave navigation links, quick-access cards, and quiz
 * headers pale on top of the dark SSA shell. Keep this late and scoped.
 */
body :where(.ssa-neon-content-shell, .entry-content) :is(
  #rel-shell,
  #rel-tools-shell,
  #rel-quiz-shell
) {
  color-scheme: dark !important;
}

body :where(.ssa-neon-content-shell, .entry-content) :is(
  #rel-shell,
  #rel-tools-shell,
  #rel-quiz-shell
) :is(
  .rel-card,
  .rel-mini,
  .rel-highlight,
  .rel-toc-panel,
  .rel-links,
  .rel-affiliates,
  .rel-learn,
  .rel-faq,
  .rel-link-card,
  .rel-learn-card,
  .rel-tool-wrap,
  .rel-hero-main,
  .rel-hero-side,
  .rel-nav,
  .rel-nav-wrap,
  .rq-card,
  .rq-header,
  .rq-body,
  .rq-question,
  .rq-result,
  [class$="-nav"],
  [class$="-nav-wrap"],
  [class$="-links"],
  [class$="-card"],
  div[style*="background:#fff"],
  div[style*="background: #fff"],
  div[style*="background-color:#fff"],
  div[style*="background-color: #fff"],
  div[style*="background:#ffffff"],
  div[style*="background: #ffffff"],
  div[style*="background-color:#ffffff"],
  div[style*="background-color: #ffffff"]
) {
  border: 1px solid rgba(56, 189, 248, 0.40) !important;
  border-radius: 14px !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(45, 212, 191, 0.12), transparent 32%),
    linear-gradient(180deg, rgba(8, 18, 34, 0.98), rgba(3, 8, 18, 0.98)) !important;
  color: #dbeafe !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body :where(.ssa-neon-content-shell, .entry-content) :is(
  #rel-shell,
  #rel-tools-shell,
  #rel-quiz-shell
) :is(h1, h2, h3, h4, h5, h6, summary, strong, b, .rq-title, .rel-nav-title) {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 0 16px rgba(56, 189, 248, 0.30) !important;
}

body :where(.ssa-neon-content-shell, .entry-content) :is(
  #rel-shell,
  #rel-tools-shell,
  #rel-quiz-shell
) :is(p, li, span, small, em, div, label, .rq-subtitle) {
  color: #dbeafe !important;
  opacity: 1 !important;
}

body :where(.ssa-neon-content-shell, .entry-content) :is(
  #rel-shell,
  #rel-tools-shell,
  #rel-quiz-shell
) :is(
  nav,
  .rel-nav,
  .rel-nav-row,
  .rel-link-buttons,
  .rel-links-grid,
  .rel-affiliates-grid,
  .rel-learn-grid,
  .rq-result-actions
) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
}

body :where(.ssa-neon-content-shell, .entry-content) :is(
  #rel-shell,
  #rel-tools-shell,
  #rel-quiz-shell
) :is(
  nav a,
  .rel-nav a,
  .rel-nav-btn,
  .rel-link-buttons a,
  .rel-link-card a,
  .rel-btn,
  .rq-link
) {
  display: inline-flex !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 44px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(56, 189, 248, 0.42) !important;
  border-radius: 12px !important;
  background: rgba(2, 6, 23, 0.88) !important;
  color: #eaf8ff !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  text-shadow: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body :where(.ssa-neon-content-shell, .entry-content) :is(
  #rel-shell,
  #rel-tools-shell,
  #rel-quiz-shell
) :is(.rel-toc-btn, .rel-cta-btn, .rel-btn:not(.rel-btn-secondary), .rq-btn, .rq-link-primary, button) {
  display: inline-flex !important;
  min-height: 44px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 16px !important;
  border: 1px solid rgba(45, 212, 191, 0.72) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--ssa-site-teal), var(--ssa-site-cyan)) !important;
  color: #031018 !important;
  font-weight: 850 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  text-shadow: none !important;
  box-shadow: 0 12px 28px rgba(34, 211, 238, 0.22) !important;
}

body :where(.ssa-neon-content-shell, .entry-content) :is(
  #rel-shell,
  #rel-tools-shell,
  #rel-quiz-shell
) :is(.rq-step, .rel-kicker) {
  display: inline-flex !important;
  width: fit-content !important;
  max-width: 100% !important;
  align-items: center !important;
  border: 1px solid rgba(45, 212, 191, 0.38) !important;
  border-radius: 999px !important;
  background: rgba(45, 212, 191, 0.12) !important;
  color: #dffef8 !important;
  padding: 5px 10px !important;
  font-weight: 800 !important;
}

@media (max-width: 700px) {
  body :where(.ssa-neon-content-shell, .entry-content) :is(
    #rel-shell,
    #rel-tools-shell,
    #rel-quiz-shell
  ) {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    padding-inline: 12px !important;
    overflow-x: hidden !important;
  }

  body :where(.ssa-neon-content-shell, .entry-content) :is(
    #rel-shell,
    #rel-tools-shell,
    #rel-quiz-shell
  ) :is(
    nav,
    .rel-nav,
    .rel-nav-row,
    .rel-link-buttons,
    .rel-links-grid,
    .rel-affiliates-grid,
    .rel-learn-grid,
    .rq-result-actions
  ) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/*
 * Global badge, chip, and label cleanup.
 *
 * Older posts and generated affiliate/product hubs often use pale pills such
 * as `.sss-badge` for "best for..." labels. Keep this late and scoped to
 * rendered content/shells so normal form labels are not restyled.
 */
body :where(.entry-content, .ssa-neon-content-shell) :is(
  .sss-badge,
  .badge,
  .tag,
  .chip,
  .pill,
  .kicker,
  .eyebrow,
  .label,
  .afpb__badge,
  .ssa-related__badge,
  .ssa-home-badge,
  .ssa-home-kicker,
  .ssa-home-eyebrow,
  [class$="-badge"],
  [class$="__badge"],
  [class$="-tag"],
  [class$="__tag"],
  [class$="-chip"],
  [class$="__chip"],
  [class$="-pill"],
  [class$="__pill"],
  [class$="-kicker"],
  [class$="__kicker"],
  [class$="-eyebrow"],
  [class$="__eyebrow"],
  [class$="-label"],
  [class$="__label"]
) {
  display: inline-flex !important;
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 28px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 5px 10px !important;
  border: 1px solid rgba(45, 212, 191, 0.42) !important;
  border-radius: 999px !important;
  background: rgba(45, 212, 191, 0.12) !important;
  color: #dffef8 !important;
  font-size: 0.82rem !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-decoration: none !important;
  text-shadow: none !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 8px 18px rgba(0, 0, 0, 0.18) !important;
  opacity: 1 !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :is(
  .sss-badge,
  .badge,
  .tag,
  .chip,
  .pill,
  .kicker,
  .eyebrow,
  .label,
  .afpb__badge,
  .ssa-related__badge,
  [class$="-badge"],
  [class$="__badge"],
  [class$="-tag"],
  [class$="__tag"],
  [class$="-chip"],
  [class$="__chip"],
  [class$="-pill"],
  [class$="__pill"],
  [class$="-kicker"],
  [class$="__kicker"],
  [class$="-eyebrow"],
  [class$="__eyebrow"],
  [class$="-label"],
  [class$="__label"]
) :is(a, span, strong, b, em, small) {
  color: #dffef8 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body :where(.entry-content, .ssa-neon-content-shell) :is(
  span[style*="background:#fff"],
  span[style*="background: #fff"],
  span[style*="background-color:#fff"],
  span[style*="background-color: #fff"],
  span[style*="background:#ffffff"],
  span[style*="background: #ffffff"],
  span[style*="background-color:#ffffff"],
  span[style*="background-color: #ffffff"],
  small[style*="background:#fff"],
  small[style*="background: #fff"],
  small[style*="background-color:#fff"],
  small[style*="background-color: #fff"],
  small[style*="background:#ffffff"],
  small[style*="background: #ffffff"],
  small[style*="background-color:#ffffff"],
  small[style*="background-color: #ffffff"]
) {
  border: 1px solid rgba(45, 212, 191, 0.42) !important;
  border-radius: 999px !important;
  background: rgba(45, 212, 191, 0.12) !important;
  color: #dffef8 !important;
  padding: 4px 9px !important;
  font-weight: 800 !important;
  opacity: 1 !important;
}

/*
 * All-pages post-content export hardening.
 *
 * The TSV export shows repeatable legacy patterns outside normal tool shells:
 * fixed-width content boxes, fixed-size game/PDF embeds, wide tables, code
 * blocks, and nowrap labels. Keep this in the always-loaded content layer so
 * raw page exports that do not trigger the master tool stylesheet still stay
 * responsive.
 */
body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell) :is(
  .quiz-container,
  .faq-container,
  .faq-section,
  .toc-container,
  .toc-wrapper,
  .toc-section,
  .toc-subtitle,
  .summary-container,
  .content-block,
  .container,
  .container-narrow,
  .hero-content,
  .hero-description,
  .hero-image,
  .hero-image-wrapper,
  .cta-content,
  .cta-text,
  .next-steps-list,
  .takeaways-list,
  .progress-container,
  .timeline,
  .modal-content,
  .notification,
  .notification-container,
  .achievement-notification,
  .badge-content,
  .welcome-content,
  .secret-content,
  .level-display-container,
  .ssa-page,
  .sss-guide,
  .sss-section,
  .sss-policy-container,
  .sss-post-container,
  .stepdad-article,
  .anniversary-calculator,
  .big5-references,
  .big5-toc-wrap,
  .mbti-toc,
  .cosmic-toc-container,
  .cosmic-cta-block,
  .cosmic-nav-panel
) {
  box-sizing: border-box !important;
  width: min(100%, 1120px) !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell) :is(
  [class$="-subtitle"],
  [class*="-subtitle "],
  [class$="__subtitle"],
  [class*="__subtitle "],
  [class$="-lead"],
  [class*="-lead "],
  [class$="__lead"],
  [class*="__lead "],
  .section-subtitle,
  .conclusion-paragraph
) {
  max-width: 100% !important;
  overflow-wrap: break-word !important;
}

body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell) :is(
  .wp-block-table,
  figure.wp-block-table,
  .download-table,
  .anniversary-table,
  .compat-table,
  .hub-table,
  [class$="-compare"],
  [class*="-compare "],
  [class$="__compare"],
  [class*="__compare "]
) {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell) :is(
  table,
  .has-fixed-layout
) {
  max-width: 100% !important;
  table-layout: auto !important;
  border-collapse: collapse !important;
}

body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell) :is(
  table,
  .has-fixed-layout
) :is(th, td) {
  min-width: 0 !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
}

body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell) :is(
  pre,
  code,
  .wp-block-code
) {
  max-width: 100% !important;
  overflow-x: auto !important;
  white-space: pre-wrap !important;
  overflow-wrap: break-word !important;
}

body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell) :is(
  .wp-block-file,
  .wp-block-file__embed,
  .wp-block-embed,
  .wp-block-embed__wrapper,
  iframe,
  object,
  embed,
  video,
  canvas
) {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell) :is(
  .wp-block-file__embed,
  object[type="application/pdf"]
) {
  display: block !important;
  width: 100% !important;
  height: clamp(360px, 72vh, 640px) !important;
}

body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell) iframe:is(
  [src*="html5.gamedistribution.com"],
  [src*="htmlgames.com"],
  [src*="idev.games"],
  [src*="playpager.com"]
) {
  display: block !important;
  width: 100% !important;
  max-width: min(100%, 960px) !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  aspect-ratio: 4 / 3;
}

body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell) iframe:is(
  [src*="html5.gamedistribution.com"][width="1280"][height="720"],
  [src*="html5.gamedistribution.com"][width="1920"][height="1080"]
) {
  aspect-ratio: 16 / 9;
}

body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell) iframe:is(
  [src*="html5.gamedistribution.com"][width="720"][height="1280"],
  [src*="html5.gamedistribution.com"][width="750"][height="1334"],
  [src*="html5.gamedistribution.com"][width="440"][height="750"]
) {
  max-width: min(100%, 520px) !important;
  aspect-ratio: 9 / 16;
}

body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell) :is(
  .download-table .btn,
  .check-food-btn,
  .cta-button,
  .cta-benefits,
  .cta-primary,
  .cta-secondary,
  .timer-btn,
  .preview-btn,
  .fab-label,
  .fab-tooltip,
  .tooltip,
  .typewriter,
  [class$="__you-are-here"],
  [class*="__you-are-here "]
) {
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

@media (max-width: 700px) {
  body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell) :is(
    .quiz-container,
    .faq-container,
    .faq-section,
    .toc-container,
    .toc-wrapper,
    .summary-container,
    .content-block,
    .container,
    .container-narrow,
    .hero-content,
    .cta-content,
    .next-steps-list,
    .takeaways-list,
    .progress-container,
    .timeline,
    .modal-content,
    .welcome-content,
    .secret-content,
    .ssa-page,
    .sss-guide,
    .sss-section,
    .sss-policy-container,
    .sss-post-container,
    .stepdad-article,
    .anniversary-calculator
  ) {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: min(14px, 4vw) !important;
    padding-right: min(14px, 4vw) !important;
  }

  body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell) iframe:is(
    [src*="html5.gamedistribution.com"],
    [src*="htmlgames.com"],
    [src*="idev.games"],
    [src*="playpager.com"]
  ) {
    max-width: 100% !important;
  }
}

/*
 * Tool Hub final guard.
 *
 * This file normalizes broad exported content classes such as "-mini",
 * "-section", and "-related". Tool Hub uses those classes intentionally, so
 * re-assert the hub-specific dark-neon presentation at the end of the content
 * cascade.
 */
body #sth-page-shell#sth-page-shell .sth-hub-render-wrap,
body .ssa-tool-hub-shell.ssa-tool-hub-shell {
  color: #f4fdff !important;
  -webkit-text-fill-color: #f4fdff !important;
}

body #sth-page-shell#sth-page-shell .sth-hub-render-wrap :is(
  .ssa-decision-section,
  .ssa-bridge-section,
  .ssa-combo-strip,
  .ssa-directory,
  .ssa-subhub-directory,
  .ssa-journey-bundles,
  .ssa-featured-article,
  .ssa-hub-related-articles,
  .ssa-tool-related,
  .ssa-tool-article,
  .ssa-subhub-context,
  .ssa-subhub-featured,
  .ssa-subhub-next,
  .ssa-subhub-articles,
  .ssa-subhub-format-bundle,
  .ssa-subhub-note,
  .ssa-subhub-faq
),
body .ssa-tool-hub-shell.ssa-tool-hub-shell :is(
  .ssa-decision-section,
  .ssa-bridge-section,
  .ssa-combo-strip,
  .ssa-directory,
  .ssa-subhub-directory,
  .ssa-journey-bundles,
  .ssa-featured-article,
  .ssa-hub-related-articles,
  .ssa-tool-related,
  .ssa-tool-article,
  .ssa-subhub-context,
  .ssa-subhub-featured,
  .ssa-subhub-next,
  .ssa-subhub-articles,
  .ssa-subhub-format-bundle,
  .ssa-subhub-note,
  .ssa-subhub-faq
) {
  border: 1px solid rgba(45, 212, 191, 0.34) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(8, 18, 34, 0.98), rgba(3, 8, 18, 0.98)) !important;
  color: #f4fdff !important;
  -webkit-text-fill-color: #f4fdff !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

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

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

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

body #sth-page-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-choice-btn,
  .ssa-journey-step,
  .ssa-directory-btn,
  .ssa-tool-btn,
  .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
),
body .ssa-tool-hub-shell.ssa-tool-hub-shell :is(
  .sth-nav a,
  .sth-links-list a,
  .sth-mini-card,
  .sth-mini-card h3,
  .sth-faq details,
  .sth-faq summary,
  .ssa-mini-btn,
  .ssa-choice-btn,
  .ssa-journey-step,
  .ssa-directory-btn,
  .ssa-tool-btn,
  .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
) {
  border: 1px solid rgba(56, 189, 248, 0.52) !important;
  border-radius: 12px !important;
  background: rgba(2, 6, 23, 0.88) !important;
  color: #f4fdff !important;
  -webkit-text-fill-color: #f4fdff !important;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.34) !important;
}

body #sth-page-shell#sth-page-shell :is(.sth-nav a, .sth-nav a:visited),
body #sth-page-shell#sth-page-shell .sth-hub-render-wrap :is(.sth-nav a, .sth-nav a:visited),
body .ssa-tool-hub-shell.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 #sth-page-shell#sth-page-shell :is(.sth-nav a:hover, .sth-nav a:focus-visible, .sth-nav a.is-current, .sth-nav a[aria-current="page"]),
body #sth-page-shell#sth-page-shell .sth-hub-render-wrap :is(.sth-nav a:hover, .sth-nav a:focus-visible, .sth-nav a.is-current, .sth-nav a[aria-current="page"]),
body .ssa-tool-hub-shell.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 #sth-page-shell#sth-page-shell .sth-nav a *,
body .ssa-tool-hub-shell.ssa-tool-hub-shell .sth-nav a * {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

body #sth-page-shell#sth-page-shell :is(.sth-links-list a, .sth-mini-card, .sth-faq details, .sth-faq summary),
body #sth-page-shell#sth-page-shell .sth-hub-render-wrap :is(.sth-links-list a, .sth-mini-card, .sth-faq details, .sth-faq summary),
body .ssa-tool-hub-shell.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 #sth-page-shell#sth-page-shell .sth-hub-render-wrap :is(
  h1, h2, h3, h4, h5, h6, p, li, span, strong, em, small, label, a, div
),
body .ssa-tool-hub-shell.ssa-tool-hub-shell :is(
  h1, h2, h3, h4, h5, h6, p, li, span, strong, em, small, label, a, div
) {
  color: #f4fdff !important;
  -webkit-text-fill-color: #f4fdff !important;
  opacity: 1 !important;
}