.brand-with-logo {
  gap: 0 !important;
  min-width: 156px;
  letter-spacing: 0;
}

.brand-logo {
  display: block;
  width: 156px;
  height: auto;
  object-fit: contain;
}

footer .footer-brand {
  justify-self: start;
}

footer .footer-brand .brand-logo {
  width: 160px;
}

@media (max-width: 600px) {
  .brand-with-logo {
    min-width: 136px;
  }

  .site-header .brand-logo {
    width: 136px;
  }

  footer .footer-brand .brand-logo {
    width: 150px;
  }
}

/* Keep decorative section numbers from touching long article headings */
.section-index {
  top: -26px;
  right: 4px;
  z-index: 0;
  opacity: 0.72;
  pointer-events: none;
}

.content-section > h2 {
  padding-right: 112px;
}

.content-section > h2,
.content-section > h3,
.content-section > p,
.content-section > ul,
.content-section > .notice,
.content-section > details {
  position: relative;
  z-index: 1;
}

@media (max-width: 900px) {
  .content-section {
    padding-top: 56px;
  }

  .content-section > h2 {
    padding-right: 0;
  }

  .section-index {
    top: 0;
    right: 0;
    font-size: 48px;
    opacity: 0.62;
  }
}

@media (max-width: 600px) {
  .content-section {
    padding-top: 48px;
  }

  .section-index {
    font-size: 42px;
  }
}