/* The two legal pages: the wordmark back home, one column of text on white, the site's footer */
.lg-top { --x: max(16px, env(safe-area-inset-left, 0px)); }
.lg-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-block: 14px; }
.lg { --x: max(16px, env(safe-area-inset-left, 0px)); padding-block: 32px 72px; }
.lg .lg-in { max-width: calc(44rem + 2 * var(--x)); margin-inline: 0; }
.lg-date { margin: 10px 0 0; font-size: .9375rem; color: var(--muted); }
.lg-lead { margin: 28px 0 0; font-size: var(--t-lead); line-height: 1.4; text-wrap: pretty; }
.lg h2 { margin: 36px 0 0; font-family: var(--f-display); font-variation-settings: var(--fv-sub); font-weight: normal; font-size: 1.25rem; line-height: 1.2; }
.lg p { max-width: 60ch; text-wrap: pretty; }
.lg h2 + p { margin-top: 8px; }
.wm-logo { display: block; height: 26px; width: auto; }

@media (min-width: 960px) {
  .lg-top, .lg { --x: clamp(16px, 3.4vw, 64px); }
  .lg-bar { padding-block: 16px; }
  .wm-logo { height: 30px; }
  .lg { padding-block: 56px 120px; }
  .lg h2 { font-size: 1.5rem; margin-top: 44px; }
}