:root {
  --orange: #b43b16;
  --orange-hover: #94300f;
  --blue: #176f9f;
  --blue-dark: #115878;
  --text-muted: #526274;
  --green: #167342;
}

.hero__badge,
.mfo-card__stars,
.header__logo {
  color: var(--orange);
}

.tag--green,
.trust__badge--counter {
  color: var(--green);
}

[data-editorial-notice] a,
.article a:not(.btn) {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.footer__disclaimer p[style] {
  color: var(--text-muted) !important;
}

.footer .cc-footer-link,
.footer a {
  color: #315f7b;
}

.footer .container > div[style*="opacity"] {
  opacity: 1 !important;
}

.cc-banner__text a {
  color: var(--orange) !important;
}

.compare-modal__body {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.compare-modal__content {
  max-width: min(760px, calc(100vw - 24px));
}

.compare-modal__footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.article > div[style*="overflow-x:auto"] {
  max-width: 100%;
}

.article > div[style*="overflow-x:auto"] .compare-table {
  table-layout: fixed;
  width: 100%;
}

.article > div[style*="overflow-x:auto"] .compare-table th,
.article > div[style*="overflow-x:auto"] .compare-table td {
  overflow-wrap: anywhere;
  white-space: normal;
}

.article > div[style*="overflow-x:auto"] .compare-table th:first-child,
.article > div[style*="overflow-x:auto"] .compare-table td:first-child {
  width: 42%;
}

@media (max-width: 480px) {
  .article > div[style*="overflow-x:auto"] .compare-table {
    min-width: 0;
    font-size: 12px;
  }

  .article > div[style*="overflow-x:auto"] .compare-table th,
  .article > div[style*="overflow-x:auto"] .compare-table td {
    padding: 9px 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}