/* Responsive compatibility layer for the legal-page masthead and data tables. */

.processor-scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}

.processor-scroll:focus-visible {
  outline: 2px solid var(--oxblood);
  outline-offset: 3px;
}

@media (max-width: 700px) {
  :root {
    --wrap: min(100% - 2rem, 720px);
  }

  .mast-in {
    width: min(100% - 2rem, 720px);
    min-height: 56px;
    gap: .45rem;
  }

  .mast-in > div {
    min-width: 0;
    gap: .4rem !important;
  }

  .wordmark {
    min-height: 44px;
    min-width: 0;
    padding-block: .55rem;
  }

  .wordmark__name {
    font-size: 1.2rem;
    white-space: nowrap;
  }

  .nav-back {
    display: none !important;
  }

  .lang-toggle,
  .theme-toggle {
    min-height: 40px;
    justify-content: center;
    flex-shrink: 0;
  }

  .lang-toggle {
    min-width: 56px;
    padding: .45rem .6rem !important;
  }

  .theme-toggle {
    min-width: 40px;
    padding: .45rem .6rem !important;
  }

  .theme-toggle span + span {
    display: none !important;
  }

  .processor-table {
    min-width: 680px;
    margin-bottom: 0;
  }
}

@media (max-width: 360px) {
  .wordmark__name {
    font-size: 1.08rem;
  }

  .wordmark__sub {
    display: none;
  }
}