/* Safety uses the same quiet document mode as Terms and Privacy. */
body.safety-document .terms-document-shell {
  width: min(calc(100% - 48px), 720px) !important;
}

.safety-document-title {
  margin-bottom: 72px !important;
}

.safety-document .terms-document-section[id] {
  scroll-margin-top: 108px;
}

.safety-document-index {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 34px;
  margin: 64px 0 0;
  padding: 0;
  border-top: 1px solid #e6e6e6;
}

.safety-document-index a {
  display: block;
  padding: 15px 0 14px;
  border-bottom: 1px solid #e6e6e6;
  color: #2e2e2e !important;
  font-family: var(--font-sans) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
}

.safety-document-index a:hover,
.safety-document-index a:focus-visible {
  color: #171717 !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
}

.safety-document-index + .terms-document-section {
  margin-top: 64px !important;
  padding-top: 58px !important;
  border-top: 1px solid #e6e6e6 !important;
}

.safety-document .terms-document-note p:last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 720px) {
  body.safety-document .terms-document-shell {
    width: min(calc(100% - 36px), 720px) !important;
  }

  .safety-document-title {
    margin-bottom: 58px !important;
  }

  .safety-document-index {
    grid-template-columns: 1fr;
    margin-top: 50px;
  }

  .safety-document-index + .terms-document-section {
    margin-top: 50px !important;
    padding-top: 46px !important;
  }
}