/* privacy.html and terms.html — the long-form document layout. */

/* ── Legal documents ────────────────────────────────────────── */

.legal { padding-top: clamp(120px, 14vw, 176px); padding-bottom: clamp(72px, 9vw, 120px); }
.legal__doc { width: min(100%, 760px); margin-inline: auto; padding-inline: var(--gut); }
.legal__eyebrow {
  display: inline-flex; align-items: center; gap: 9px;
  background: #fff; border: 1px solid var(--line); box-shadow: var(--shadow);
  border-radius: 999px; padding: 7px 16px 7px 13px; margin: 0 0 24px;
  font-size: var(--label-size); font-weight: 700; letter-spacing: var(--label-track); text-transform: uppercase; color: var(--ink-70);
}
.legal__eyebrow::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--ink); }
.legal h1 { font-family: var(--display); font-weight: 900; letter-spacing: -.028em; line-height: 1.04; font-size: clamp(34px, 4.6vw, 54px); margin: 0 0 14px; }
.legal__meta { margin: 0 0 clamp(34px, 4vw, 48px); color: var(--ink-50); font-size: 15px; }

/* The line under the cookie control in §6, reporting what this browser currently
   answers. Text rather than a glyph on purpose: the state is binary, and an icon
   beside a binary control reads as the recommended answer. */
.legal__tip { display: inline-block; margin-top: 8px; color: var(--ink-50); font-size: 14px; }
.legal h2 { font-family: var(--display); font-weight: 800; letter-spacing: -.018em; font-size: clamp(20px, 2vw, 25px); line-height: 1.24; margin: clamp(36px, 4vw, 52px) 0 12px; }
.legal p, .legal li { color: var(--ink-70); font-size: 16.5px; line-height: 1.68; }
.legal p { margin: 0 0 16px; }
.legal ul { margin: 0 0 16px; padding-left: 0; list-style: none; display: grid; gap: 10px; }
.legal li { position: relative; padding-left: 26px; }
.legal li::before { content: ''; position: absolute; left: 0; top: .58em; width: 12px; height: 12px; border-radius: 50%; background: var(--cream-2); border: 1px solid var(--line); }
.legal strong { color: var(--ink); font-weight: 700; }
.legal a { color: var(--blue-deep); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.legal__footer { margin-top: clamp(44px, 5vw, 64px); padding-top: 28px; border-top: 1px solid var(--line); }
.legal__back { font-weight: 700; font-size: 15.5px; }