body { overflow: auto; }
.legal { max-width: 760px; margin: 0 auto; padding: 36px 18px 70px; }
.legal h1 { font-family: var(--serif); font-weight: 600; font-size: 32px; margin: 6px 0 4px; }
.legal .updated { color: var(--dim); font-size: 12.5px; margin-bottom: 18px; }
.legal .draft { border: 1px dashed #6b4a1e; background: rgba(224, 162, 74, 0.07); color: #e7c58f; border-radius: 10px; padding: 10px 14px; font-size: 13px; margin-bottom: 22px; }
.legal h2 { font-family: var(--serif); font-weight: 600; font-size: 19px; margin: 28px 0 8px; color: var(--gold-2); }
.legal p, .legal li { color: #cfc9be; font-size: 14.5px; line-height: 1.7; }
.legal ul { padding-left: 20px; }
.legal a { color: var(--gold-2); }
.legal nav { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 34px; padding-top: 16px; border-top: 1px solid var(--line); font-size: 13px; }