/* Privacy and terms pages reuse the work heading; this styles the long-form text. */
.legal-main { padding-block: 40px 100px; }
.legal-updated { margin-top: 20px; font-size: 14px; color: var(--muted); }
.legal-body { display: grid; gap: 44px; padding-top: 46px; border-top: 1px solid var(--line); }
.legal-body h2 { font-size: clamp(24px, 2.4vw, 30px); line-height: 1.25; letter-spacing: -.035em; }
.legal-body h2 > span { color: var(--accent); margin-right: 12px; }
.legal-body p, .legal-body li { margin-top: 14px; font-size: 16px; line-height: 1.75; color: #333; }
.legal-body ul { display: grid; gap: 2px; margin-top: 6px; }
.legal-body li { position: relative; padding-left: 22px; }
.legal-body li:before { content: ""; position: absolute; left: 0; top: .78em; width: 8px; height: 1px; background: var(--accent); }
.legal-body a { color: var(--accent); border-bottom: 1px solid currentColor; }
.legal-body a:hover { color: var(--ink); }
@media(max-width:700px) { .legal-main { padding-bottom: 60px; } .legal-body { gap: 36px; padding-top: 36px; } .legal-body p, .legal-body li { font-size: 15px; } }