.legal { padding-block: calc(110px + env(safe-area-inset-top, 0px)) 90px; }
.legal__in { max-width: 720px; }
.legal h1 { font: 700 clamp(3rem, 9vw, 6.5rem)/.86 var(--f-display); text-transform: uppercase; margin: 0 0 48px; }
.legal h2 { font: 700 1.6rem/1.1 var(--f-display); text-transform: uppercase; margin: 44px 0 10px; }
.legal p, .legal li { color: #3c3b38; }
.legal a { text-decoration-thickness: 1px; text-underline-offset: 3px; }
.todo { background: #ffe58a; color: var(--ink); padding: 0 4px; }
.legal-nav { position: fixed; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: space-between; align-items: center; background: rgba(250, 249, 246, .92); backdrop-filter: blur(12px);
  padding: calc(16px + env(safe-area-inset-top, 0px)) max(var(--gutter), env(safe-area-inset-right, 0px)) 16px max(var(--gutter), env(safe-area-inset-left, 0px)); }
.legal-nav a { font: 700 .85rem/1 var(--f-body); letter-spacing: .3em; text-decoration: none; }
.legal-nav a + a { font-weight: 600; letter-spacing: .18em; font-size: .72rem; text-transform: uppercase; }