.lay-terms {
  box-sizing: border-box;
  width: 100%;
  padding: clamp(36px, 5vw, 80px) 24px clamp(56px, 6vw, 100px);
  container-type: inline-size;
  & .obj-legalDoc {
    width: 100%;
    max-width: 74ch;
    margin-inline: auto;
    min-width: 0;
  }
  & .obj-docIntro {
    border-bottom: 2px solid #1a3665;
    padding-bottom: 28px;
  }
  & .obj-eyebrow {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .06em;
    margin: 0 0 16px;
  }
  & h1 {
    font-size: clamp(38px, 5vw, 64px);
    line-height: 1.1;
    margin: 0 0 20px;
  }
  & .obj-effective {
    font-size: 17px;
    margin: 0 0 24px;
  }
  & p, & li, & address {
    font-size: 20px;
    line-height: 1.65;
    overflow-wrap: anywhere;
  }
  & p { margin: 0 0 20px; }
  & a {
    text-decoration: underline;
    text-underline-offset: .17em;
    overflow-wrap: anywhere;
    &:hover { text-decoration-thickness: 2px; }
    &:focus-visible { outline: 3px solid #1638cb; outline-offset: 4px; }
  }
  & .obj-docContents {
    padding-block: 28px;
    border-bottom: 1px solid #bdc9d8;
    & p { margin-bottom: 10px; }
    & ol { margin: 0; padding-inline-start: 1.6em; }
    & li { padding-block: 3px; }
    & a { display: inline-block; padding-block: 3px; }
  }
  & section {
    padding-top: 36px;
    scroll-margin-top: 24px;
  }
  & h2 {
    font-size: clamp(26px, 3vw, 34px);
    line-height: 1.25;
    margin: 0 0 20px;
    text-wrap: pretty;
  }
  & ul { margin: 0 0 24px; padding-inline-start: 1.5em; }
  & li + li { margin-top: 8px; }
  & address { font-style: normal; margin-bottom: 24px; }
  & .obj-docEnd { border-top: 1px solid #bdc9d8; margin-top: 36px; padding-top: 24px; }
}
.skin-document { background: #fff; color: #1a3665; }
@container (max-width: 40rem) {
  .lay-terms .obj-legalDoc {
    & p, & li, & address { font-size: 18px; line-height: 1.6; }
    & .obj-eyebrow, & .obj-effective { font-size: 16px; }
    & section { padding-top: 28px; }
  }
}