/* ==========================================================================
   SPRK Integrations - Privacy Policy and Terms and Conditions
   Same tokens, header, and footer as the rest of the site; a readable column.
   ========================================================================== */

.legal-wrap { max-width: calc(760px + var(--gutter) * 2); }
.legal-main { padding: calc(var(--header-h) + clamp(40px, 7vw, 88px)) 0 clamp(64px, 9vw, 112px); }

.legal h1 { font: 700 clamp(34px, 4.6vw, 52px)/1.05 var(--font-display); letter-spacing: -0.03em; text-wrap: balance; }
.legal h1 + p { margin-top: 14px; font-size: 15px; color: var(--muted); }
.legal h2 { margin-top: 48px; font: 600 clamp(21px, 2vw, 25px)/1.25 var(--font-display); letter-spacing: -0.015em; color: var(--text); }
.legal p, .legal ul { margin-top: 14px; color: var(--muted-2); line-height: 1.7; }
.legal h1 + p + p { margin-top: 28px; font-size: clamp(17px, 1.3vw, 19px); }
.legal ul { padding-left: 22px; }
.legal li + li { margin-top: 10px; }
.legal li::marker { color: var(--accent); }
.legal strong { color: var(--text); font-weight: 600; }
.legal a { color: var(--accent-ink); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; overflow-wrap: anywhere; }
@media (hover: hover) { .legal a:hover { color: var(--accent-bright); } }

/* The no-sharing commitment stands out in a bordered box. */
.legal .legal-callout { margin-top: 20px; padding: 18px 20px; border: 1px solid var(--accent-line); border-radius: 14px; background: var(--accent-soft); color: var(--text); }

.site-footer-slim { padding: 0 0 36px; border-top: 0; }
.site-footer-slim .footer-bottom { margin-top: 0; }