/* Shared compatibility rules for legacy and current CreditCares page templates. */
html,
body {
  max-width: 100%;
}

img,
video,
canvas,
svg,
iframe {
  max-width: 100%;
}

pre,
code {
  max-width: 100%;
}

.article-layout-inner {
  grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
}

.article-layout-inner > * {
  min-width: 0;
}

@media (max-width: 700px) {
  html,
  body {
    overflow-x: clip;
  }

  table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  pre {
    overflow-x: auto;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
  }

  .topbar .contact,
  .top-bar .contact,
  .top .contact,
  header .contact {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex-wrap: wrap;
  }

  .topbar .social,
  .top-bar .social,
  .top .social,
  header .social {
    display: none !important;
  }

  .nav-links {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
  }

  input,
  select,
  textarea,
  button {
    max-width: 100%;
  }
}

@media (max-width: 420px) {
  .cc-chat {
    right: 12px !important;
    left: auto !important;
    width: auto !important;
  }

  .cc-chat__fab {
    width: 46px !important;
    min-width: 46px !important;
    padding: 0 !important;
    font-size: 0 !important;
  }

  .cc-chat__fab::after {
    content: "?";
    font-size: 18px;
    font-weight: 800;
  }

  .cc-chat__pulse {
    display: none !important;
  }
}