/* The policy pages for his apps (tools/make-site.py legal). Loaded after style.css, on those pages only. */
.legal { max-width: calc(44rem + 2 * var(--gut)); padding-block: clamp(36px, 8vh, 96px); }
.legal .eyebrow a { color: inherit; text-decoration: none; }
.legal .eyebrow a:hover { color: var(--ink); }
.legal h1 { margin: 18px 0 12px; font-weight: 300; font-size: clamp(34px, 6vw, 58px); line-height: 1.02; letter-spacing: -0.035em; }
.legal h2 { margin: 40px 0 8px; font-weight: 600; font-size: 19px; line-height: 1.3; letter-spacing: -0.01em; }
.legal p { margin: 0 0 14px; }
.legal ul { margin: 0 0 14px; padding-left: 1.25em; }
.legal li { margin: 0 0 10px; }
.legal a { color: var(--ink); text-underline-offset: 3px; }
.legal strong { font-weight: 600; }