.legal { max-width: 760px; margin: 0 auto; padding: clamp(64px, 9vw, 120px) var(--pad); }
.legal h1 { font-size: clamp(40px, 5vw, 64px); line-height: 1.05; margin-bottom: 48px; }
.legal h2 { font-size: 26px; margin: 48px 0 14px; line-height: 1.2; }
.legal h3 { font-family: var(--sans); font-size: 12px; font-weight: 400; letter-spacing: 0.15em; text-transform: uppercase; color: var(--brown); margin: 28px 0 8px; }
.legal p, .legal li { font-size: 15px; line-height: 1.85; color: var(--text-mid); margin-bottom: 12px; }
.legal ul { padding-left: 20px; }
.legal a { color: var(--brown); }
.legal .back { display: inline-flex; margin-bottom: 40px; }
.todo { background: oklch(93% 0.06 85); color: var(--text); padding: 0 4px; }