/* ═══════════════════════════════════════════════════════════════════════════════════════════════════
   KURV — /privacy and /terms. Long text, read on a phone as often as not.

   The site's display face and colours, and nothing from the scroll scenes: one column at a measure a
   person can read (about 68 characters), body text at 16px with room between lines, and headings that
   anchor (a link to #cookies lands below the sticky header, not under it). Long words a policy has to name,
   a cookie or a storage key, wrap inside the column instead of pushing the page sideways.
   ═══════════════════════════════════════════════════════════════════════════════════════════════════ */
.legal{max-width:820px;padding-top:clamp(34px,6vh,54px);padding-bottom:16px}
.legal h1{font-size:clamp(34px,8.6vw,54px);letter-spacing:-.035em;max-width:16ch}
.legal h2{margin-top:48px;font-size:clamp(22px,5.6vw,30px);line-height:1.1;letter-spacing:-.02em}
.legal h3{margin-top:30px;font-family:var(--body);font-size:18px;font-weight:700;line-height:1.3;letter-spacing:0}
.legal h1,.legal h2,.legal h3{scroll-margin-top:calc(var(--head) + 16px)}
.legal p,.legal li{font-size:16px;line-height:1.65;color:var(--paper)}
.legal p{margin-top:14px;max-width:68ch}
.legal ul,.legal ol{margin:14px 0 0;padding-inline-start:1.3em;max-width:68ch}
.legal li+li{margin-top:8px}
.legal li::marker{color:var(--haze)}
.legal b{font-weight:700}
.legal a{text-underline-offset:3px;overflow-wrap:anywhere}
.legal code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;
            padding:.08em .36em;border-radius:6px;background:var(--deck);color:var(--paper);overflow-wrap:anywhere}
.legal .legal-updated{margin-top:16px;font-size:14px;color:var(--haze)}

/* The headings, as a list a phone reader can jump from. The docs draw their own beside the page. */
.legal-toc{margin-top:28px;padding:18px 20px;border:2px solid var(--rail);border-radius:18px;background:var(--deck)}
.legal-toc>p{margin:0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--haze)}
.legal-toc ol{margin-top:10px}
.legal-toc li{font-size:15px;line-height:1.4}
.legal-toc li+li{margin-top:2px}
.legal-toc a{display:inline-flex;align-items:center;min-height:36px;color:var(--paper);text-decoration:none}
.legal-toc a:hover{color:var(--volt);text-decoration:underline}
@media(min-width:620px){ .legal-toc ol{columns:2;column-gap:32px} .legal-toc li{break-inside:avoid} }