/* Privacy/Terms prose — replaces the old Tailwind-CDN utility-class system on
   these two pages with the shared design tokens, so legal pages finally match
   the rest of the site instead of running their own font/color/breakpoint set. */
.legal-page .inner{max-width:820px}
.legal-updated{margin-top:20px;color:var(--muted);font-size:18px}

.legal-prose{margin-top:56px}
.legal-prose > p{font-size:17px;line-height:1.65;color:var(--body);margin-bottom:24px;max-width:70ch}

.legal-prose section{margin-bottom:44px}
.legal-prose h2{font-size:23px;margin-bottom:22px}
.legal-prose h3{font-size:18px;margin-top:30px;margin-bottom:14px}
.legal-prose p{font-size:16px;line-height:1.65;color:var(--body);margin-bottom:22px;max-width:70ch}
.legal-prose p:last-child{margin-bottom:0}

/* Inline links use coral — the design system's link role — so they read as
   clearly interactive against the near-black body copy. */
.legal-prose a{color:var(--coral-deep);text-decoration:none}
.legal-prose a:hover{text-decoration:underline}

.legal-prose ul{list-style:disc;padding-left:22px;margin-bottom:22px;display:flex;flex-direction:column;gap:8px;color:var(--body);font-size:16px;line-height:1.55}
.legal-prose ul.legal-list--plain{list-style:none;padding-left:0;gap:16px}
.legal-prose ul.legal-list--plain li{padding-left:0}
.legal-prose ul.legal-list--plain b{font-weight:600;color:var(--ink)}

.legal-caps{text-transform:uppercase;font-size:13px;font-weight:500;letter-spacing:0.02em;line-height:1.6}

.legal-callout{background:var(--gray);border:1px solid var(--coral);border-radius:12px;padding:22px 24px;margin:32px 0}
.legal-callout .legal-callout-title{font-weight:600;color:var(--coral-deep);margin-bottom:8px;font-size:14px;letter-spacing:0.02em}
.legal-callout p{color:var(--ink);margin-bottom:0;font-size:15px;line-height:1.55}