* { box-sizing: border-box; }
body { margin: 0; background: #000; color: #fff; font: var(--type-body, 1.125rem)/var(--leading-body, 1.6) var(--site-font, sans-serif); }
a { color: inherit; text-underline-offset: .2em; }
a:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }
.legal-header, .legal-main, .legal-footer { max-width: 44rem; margin: auto; padding-inline: 2rem; }
.legal-header { padding-block: 2rem; }
.legal-main { padding-block: 3rem 5rem; overflow-wrap: anywhere; }
h1 { font-size: clamp(2rem, 5vw, 3rem); line-height: 1.15; margin: 0 0 2rem; }
h2 { font-size: 1.375rem; line-height: 1.35; margin: 2.5rem 0 1rem; }
p { margin: 0 0 1rem; }
.legal-draft { border: 1px solid #777; padding: 1.25rem; margin-bottom: 3rem; }
.legal-draft p { margin: .5rem 0 0; }
.legal-footer { display: flex; flex-wrap: wrap; gap: 1.5rem; padding-block: 2rem; border-top: 1px solid #444; }