/* /privacy and /terms: long-form text on the light surface. Loaded after site.css, only by those pages. */
.home { color: inherit; display: inline-flex; align-items: center; min-block-size: var(--tap-min); }
main.legal-main { display: block; }
.legal { padding-block: var(--space-6) var(--space-7); }
.legal h1 { font-family: var(--font-display); font-weight: var(--weight-display); letter-spacing: var(--tracking-display); line-height: var(--lh-display); text-transform: uppercase; font-size: var(--step-6); }
.legal .updated { margin-block-start: var(--space-3); font-size: var(--step--1); color: var(--muted); }
.legal .lead { margin-block-start: var(--space-4); }
.legal h2 { margin-block-start: var(--space-6); padding-block-start: var(--space-4); border-block-start: 1px solid var(--rule); font-size: var(--step-2); }
.legal h3 { margin-block-start: var(--space-4); font-size: var(--step-0); font-weight: var(--weight-semibold); }
.legal p, .legal ul { margin-block-start: var(--space-3); max-inline-size: var(--measure); color: var(--ink-2); }
.legal ul { padding-inline-start: 1.25em; }
.legal li + li { margin-block-start: var(--space-2); }
.legal .link { display: inline; min-block-size: 0; overflow-wrap: anywhere; }
.foot-line .sep { padding-inline: 0.25em; }
@media (max-width: 48rem) { .legal h1 { font-size: var(--step-4); } }