html {
  body {
    background: var(--vt-white);
    /* Force high specificity to precede Bootstrap */
    p, h1, h2, h3, h4, h5 {
      margin-bottom: 0; /* Override Bootstrap settings. */
    }
    .eyebrow {
      margin-bottom: var(--bt-1-rem);
    }
    hr {
      color: var(--bt-black) !important;
      opacity: 100% !important;
      margin-top: 24px;
      margin-bottom: 24px;
      &.short-hr {
        width: 50px; /* At 1600 and in mobile: static. */
        border-top: 3px solid !important; /* At 1600 and in mobile. */
      }
    }
    h1.h0 + hr {
      margin-top: 16px; /* Manually adjusted */
      @media(width < 576px) {
        margin-top: 24px;
      }
    }
    h1 + hr {
      margin-top: 8px; /* Manually adjusted to accomodate the displayed layout of hr under headers; it needs to look even despite being visually thrown off by the invisible descender space. */
      @media(width < 576px) {
        margin-top: 24px;
      }
    }
    h2 + hr {
      margin-top: 20px; /* As noted for h1 */
      @media(width < 576px) {
        margin-top: 20px;
      }
    }
    p + p {
      margin-top: 1rem;
    }
  }
}