/* The legal pages: privacy policy and accessibility statement (tools/make_legal.py). A calm reading column.
   Tokens: css/tokens.css. Rules: design.md (Legal pages). */
.legal__top { border-block-end: 1px solid var(--line); }
.legal__bar { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-4); min-block-size: 72px; }
.legal__brand { display: inline-flex; align-items: center; min-block-size: 44px; font-family: var(--font-display); font-size: 1.25rem; font-weight: 800; text-decoration: none; }
.legal__lang { display: inline-flex; align-items: center; min-block-size: 44px; font-weight: 500; text-decoration: none; }
.legal { padding-block: var(--sp-8) var(--sp-9); }
.legal__body { max-inline-size: 46rem; }
.legal__title { margin-block: var(--sp-3) var(--sp-2); font-size: var(--fs-display); font-weight: 700; line-height: 1.15; }
.legal__updated { color: var(--ink-muted); font-size: var(--fs-small); }
.legal h2 { margin-block: var(--sp-7) var(--sp-3); font-size: var(--fs-h3); font-weight: 700; line-height: 1.25; }
.legal p, .legal li { max-inline-size: 62ch; }
.legal ul { display: flex; flex-direction: column; gap: var(--sp-2); padding-inline-start: var(--sp-5); list-style: disc; }
.legal a { color: var(--accent); }