/* Final readability pass. Loaded after page-level styles so contrast rules win. */

:where(.definition-box, .verified-box, .warning-box, .tip-box) {
  color: #2f4347 !important;
}

:where(.main-content, body) :where(.definition-box, .verified-box, .warning-box, .tip-box) :where(p, li, span, div) {
  color: #3d4f53 !important;
}

:where(.main-content, body) :where(.definition-box, .verified-box, .warning-box, .tip-box) :where(strong, em) {
  color: #24383c !important;
}

:where(.main-content, body) :where(.definition-box, .verified-box, .warning-box, .tip-box) :where(a) {
  color: #8d351f !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

:where(.definition-box, .verified-box, .warning-box, .tip-box) :where(.def-label, .warn-label, .tip-label, .v-label) {
  color: #6f2f1f !important;
  font-weight: 700 !important;
}

:where(.sidebar-card.dark, .guide-status-card, .related-article, .answer-box, .stat-callout, .prev-article, .next-article, .hub-nav-card) {
  color: #fff !important;
}

:where(.sidebar-card.dark, .guide-status-card, .related-article, .answer-box, .stat-callout, .prev-article, .next-article, .hub-nav-card) :where(p, li, span, div) {
  color: rgba(255, 255, 255, 0.88) !important;
}

:where(.sidebar-card.dark, .guide-status-card, .related-article, .answer-box, .stat-callout, .prev-article, .next-article, .hub-nav-card) :where(h1, h2, h3, h4, strong) {
  color: #fff !important;
}

:where(.sidebar-card.dark, .guide-status-card, .related-article, .answer-box, .stat-callout, .prev-article, .next-article, .hub-nav-card) :where(a) {
  color: #f0cc70 !important;
}

:where(.req-num, .opt-num, .req-check, .badge-yes) {
  background: #496f58 !important;
  color: #fff !important;
}

:where(.state-badge) {
  color: rgba(255, 255, 255, 0.88) !important;
}
