/* The Terms and Privacy pages: a plain, readable column in the light theme. */
body { background: var(--bg); }
.legal { max-width: 760px; margin: 0 auto; padding: 40px 20px 80px; line-height: 1.65; }
.legal .wordmark { display: inline-flex; margin-bottom: 28px; }
.legal h1 { font-size: clamp(2rem, 5vw, 2.8rem); margin: 0 0 6px; }
.legal h2 { font-size: 1.3rem; margin: 34px 0 8px; }
.legal ul { padding-left: 1.2em; }
.legal li { margin: 4px 0; }
.legal table { width: 100%; border-collapse: collapse; font-size: 0.95rem; }
.legal th, .legal td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--line); vertical-align: top; }
.draft { background: var(--warn-bg); border-left: 3px solid var(--highlight); padding: 12px 16px; border-radius: 10px; margin: 18px 0 28px; font-size: 0.95rem; }
.fill { background: #FFF1B8; color: #3B2618; padding: 0 4px; border-radius: 4px; }