.legal-page { background: var(--paper); }
.legal-head { background: var(--slate); color: var(--news); }
.legal-head .top { padding-bottom: 1rem; }
.legal { max-width: 44rem; margin: 0 auto; padding: 2.5rem var(--gutter) 4rem; }
.legal h1 { font: 500 clamp(2rem, 5vw, 2.6rem)/1.1 var(--serif); margin: 0 0 0.4rem; }
.legal h2 { font: 600 1.3rem/1.3 var(--serif); margin: 2.2rem 0 0.5rem; }
.legal p, .legal li { color: #34444b; }
.legal table { width: 100%; border-collapse: collapse; font-size: 0.95rem; margin: 0.8rem 0; }
.legal th, .legal td { text-align: left; padding: 0.55rem 0.5rem; border-bottom: 1px solid var(--rule); vertical-align: top; }
.legal .updated { color: var(--muted); margin: 0 0 1.5rem; }
.draft { background: #fff4cc; border: 1px solid var(--marker); border-radius: 10px; padding: 0.9rem 1rem; font-size: 0.95rem; margin-bottom: 1.5rem; }
mark.todo { background: var(--marker); padding: 0 0.2em; border-radius: 2px; }
.table-wrap { overflow-x: auto; }