/* Legal documents are a reading view on phones. Desktop layout stays shared. */
@media (max-width: 767.98px) {
  body > .main-navbar > .container {
    justify-content: flex-start;
  }

  body > .main-navbar > .container > :not(.navbar-brand),
  body > .b2b-context-bar,
  body > .site-search-band,
  body > .site-search-flow-spacer {
    display: none !important;
  }

  .legal-page {
    min-width: 0;
    max-width: 100%;
    padding: 20px 0 28px !important;
  }

  .legal-page > .container {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  /* Stored document bodies can include their own section/container wrappers. */
  .legal-page .legal-page,
  .legal-page .container .container {
    padding: 0 !important;
    margin: 0;
    max-width: 100%;
  }

  .legal-page :is(h1, h2, h3, h4, .legal-subtitle, .accordion-button) {
    font-size: clamp(16px, 5vw, 20px) !important;
    line-height: 1.35;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }

  .legal-page .legal-title {
    margin-bottom: 20px !important;
    font-size: clamp(18px, 5.5vw, 22px) !important;
    line-height: 1.3;
  }

  .legal-page .legal-text,
  .legal-page :is(p, li, td, th) {
    max-width: 100%;
    font-size: 14px !important;
    line-height: 1.65;
    word-break: normal;
    overflow-wrap: normal;
    hyphens: none;
  }

  .legal-page a {
    overflow-wrap: anywhere;
  }

  .legal-page .accordion-body {
    padding: 12px;
  }
}