.legal { padding-bottom: 0; }
.legal__main { max-width: 72ch; margin: 0 auto; padding: 120px var(--gutter) 96px; }
.legal h1 { font: 700 clamp(2.6rem, 7vw, 5rem)/.9 var(--display); text-transform: uppercase; margin-bottom: 28px; hyphens: manual; }
.legal h2 { font-size: 19px; margin: 36px 0 8px; }
.legal p { color: #C9C8C4; }
.legal code { background: var(--night-2); padding: 1px 5px; border-radius: 4px; font-size: .9em; }
.legal__todo { background: color-mix(in srgb, var(--cork) 18%, var(--night-2)); border-left: 3px solid var(--cork); padding: 12px 16px; border-radius: 4px; color: var(--text) !important; font-size: 15px; }
