/* =========================================================
   Legal pages (privacy policy): the site's cream page and header, with a single readable text column in the
   article body's type scale.
   ========================================================= */
.legal { display: flex; flex-direction: column; align-items: center; gap: 72px; padding: 40px var(--pad-x) 120px; }
.legal__body { width: 760px; max-width: 100%; font-size: 18px; line-height: 1.6; color: var(--text); }
.legal__crumb { font-size: 16px; font-weight: 500; color: var(--blue-700); margin-bottom: 16px; }
.legal__title { font-size: 64px; font-weight: 600; line-height: 1; letter-spacing: -.04em; }
.legal__updated { margin-top: 20px; font-size: 16px; color: rgba(53, 50, 38, .7); }
.legal__body > * + * { margin-top: 1em; }
.legal__body > .legal__updated + p { margin-top: 40px; }
.legal__body h2 { margin-top: 48px; font-size: 28px; font-weight: 600; line-height: 1.15; letter-spacing: -.03em; color: var(--ink); }
.legal__body h2 + * { margin-top: 14px; }
.legal__body ul { padding-left: 1.2em; list-style: disc; }
.legal__body li + li { margin-top: .45em; }
.legal__body strong { font-weight: 600; color: var(--ink); }
.legal__body a { color: var(--blue-700); text-decoration: underline; text-underline-offset: 3px; }
.legal__body a:hover { color: var(--blue-900); }

@media (min-width: 1680px) {
  .legal__body { width: 840px; font-size: 20px; }
  .legal__title { font-size: 80px; }
}
@media (max-width: 1199px) {
  .legal { gap: 56px; padding-bottom: 96px; }
}
@media (max-width: 699px) {
  .legal { gap: 40px; padding: 40px var(--pad-x) 72px; }
  .legal__body { font-size: 16px; }
  .legal__title { font-size: 44px; }
  .legal__body h2 { margin-top: 36px; font-size: 22px; }
}