.terms {
  padding: calc(var(--nav-h) + 128px) 0 160px;
}
.terms-head {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--gutter);
  padding-bottom: 96px;
}
.terms-head > * { grid-column: 1 / span 9; }
.terms-lede {
  max-width: 34em;
  margin-top: 48px;
  color: var(--cream-2);
}
.terms-meta {
  margin-top: 24px;
  color: var(--cream-3);
}

.terms-sec {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--gutter);
  padding: 48px 0 64px;
  border-top: 1px solid var(--rule);
}
.terms-sec:last-child { border-bottom: 1px solid var(--rule); }
.terms-sec h2 {
  grid-column: 1 / span 4;
  padding-right: var(--gutter);
  color: var(--cream);
}
.terms-body {
  grid-column: 6 / span 7;
  max-width: 720px;
}
.terms-body > p { color: var(--cream-2); }
.terms-body > * + * { margin-top: 16px; }
.terms-body > .spec { margin-top: 24px; }
.terms-body > .spec:first-child { margin-top: 0; }
.terms-body .spec-row { grid-template-columns: 152px minmax(0, 1fr); }
.terms-body .spec-val { overflow-wrap: anywhere; }
.terms-body strong { color: var(--cream); font-weight: 500; }
.terms-body a {
  color: var(--cream);
  text-decoration: underline;
  text-decoration-color: var(--rule-2);
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
.terms-body a:hover { text-decoration-color: var(--cream); }

.footer-cell a[aria-current="page"] { color: var(--cream); }

@media (max-width: 1023px) {
  .terms { padding-top: calc(var(--nav-h) + 96px); }
  .terms-head > *, .terms-sec h2, .terms-body { grid-column: 1 / -1; }
  .terms-body { margin-top: 24px; }
}

@media (max-width: 767px) {
  .terms { padding: calc(var(--nav-h) + 64px) 0 96px; }
  .terms-head { padding-bottom: 64px; }
  .terms-lede { margin-top: 32px; }
  .terms-sec { padding: 40px 0 48px; }
  .terms-body .spec-row { grid-template-columns: minmax(0, 1fr); row-gap: 4px; }
}