/* Privacy and terms pages: readable long-form text, style guide tokens from jq.css. */
.legal { max-width: 760px; }
.prose { padding: 28px clamp(18px, 4vw, 40px); line-height: 1.6; color: var(--ink); }
.prose h1 { color: var(--ink); margin: 14px 0 4px; }
.prose h2 { color: var(--ink); font-size: 18px; margin: 28px 0 8px; }
.prose ul { padding-left: 20px; display: grid; gap: 8px; }
.prose p, .prose li { max-width: 68ch; }
.prose b { color: var(--ink); }
.prose a, .foot a { color: var(--brand); }
/* Placeholders still to fill in are review items: the guide's amber set, not a loud highlight */
.ph { background: var(--sun-soft); color: var(--sun-ink); padding: 0 4px; border-radius: 4px; font-weight: 600; }
.draft { display: flex; gap: 10px; align-items: flex-start; border-radius: 16px; padding: 14px 16px; font-size: 14px;
         background: var(--sun-soft); color: var(--sun-ink); }
.draft::before { content: ""; width: 18px; height: 18px; flex: none; margin-top: 1px; background: var(--sun);
                 -webkit-mask: var(--i-alert-triangle) center / contain no-repeat; mask: var(--i-alert-triangle) center / contain no-repeat; }
.draft b { color: inherit; }
.foot { text-align: center; padding: 20px 0 40px; }