/* Legal pages: layout only; colour and type come from styles.css */
.legal { max-width: 760px; margin: 0 auto; padding: 0 clamp(18px, 4vw, 28px) 96px; }
.legal header { display: flex; align-items: center; height: 72px; border-bottom: 1px solid var(--rule); margin-bottom: 8px; }
.legal header a.logo { text-decoration: none; color: var(--ink); }
.legal h1 { font: 400 clamp(46px, 8vw, 78px)/.98 var(--display); letter-spacing: -.025em; margin: 40px 0 10px; }
.legal h2 { font: 400 32px/1.1 var(--display); letter-spacing: -.01em; margin: 44px 0 8px; }
.legal p, .legal li { font: 400 19.5px/1.6 var(--serif); color: var(--ink); }
.legal ul { padding-left: 22px; } .legal li { margin: 7px 0; }
.legal a { color: var(--accent-ink); text-underline-offset: 3px; }
.legal .mute { font: 600 12px var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--mute); }
.legal .callout { border-left: 4px solid var(--accent); background: var(--sheet); padding: 16px 20px; font: 400 19.5px/1.6 var(--serif); margin: 22px 0; }
.legal table { width: 100%; border-collapse: collapse; margin: 14px 0; font: 400 17px/1.5 var(--serif); }
.legal th, .legal td { text-align: left; vertical-align: top; padding: 11px 12px 11px 0; border-top: 1px solid var(--rule); }
.legal th { font: 600 11px var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--mute); border-top: 0; }
.legal code { font: 500 13px ui-monospace, Menlo, Consolas, monospace; background: var(--sheet); padding: 1px 5px; }
#draft { display: none; background: var(--accent-soft); color: var(--accent-ink); border: 1px solid var(--accent); padding: 10px 14px; font: 600 14px var(--sans); margin: 14px 0; }
.legal footer { margin-top: 56px; padding-top: 18px; border-top: 1px solid var(--rule); font: 400 13.5px var(--sans); color: var(--mute); }