/* ============================================================================
   Long-form legal reading. Narrow measure, generous leading, nothing decorative.

   Shared by public/privacy.html and public/disclaimer.html. It lives in a file
   rather than a <style> block in each page because the two pages have to look
   identical — a disclaimer that is set differently from the privacy notice reads
   as an afterthought, and two inline copies drift the first time one is edited.

   Loaded AFTER site.css, which supplies the custom properties used below.
   ========================================================================== */

.legal { max-width: 74ch; padding: clamp(40px, 7vw, 88px) 0 clamp(56px, 8vw, 96px); }
.legal h1 { font-size: clamp(40px, 6.4vw, 74px); letter-spacing: -0.03em; line-height: 1.06; margin-bottom: 18px; }
.legal h2 { font-size: clamp(20px, 2vw, 24px); margin: 40px 0 12px; }
.legal h3 { font-size: 17px; margin: 24px 0 8px; }
.legal p, .legal li { color: var(--ink-soft); font-size: 17px; line-height: 1.65; }
.legal p + p { margin-top: 14px; }
.legal ul { margin: 12px 0 0; padding-left: 22px; }
.legal li + li { margin-top: 8px; }
.legal a { text-decoration: underline; text-underline-offset: 2px; }
.legal .updated { font-size: 14px; color: var(--neutral); margin-bottom: 34px; }
.legal table { border-collapse: collapse; width: 100%; margin-top: 14px; }
.legal th, .legal td { text-align: left; padding: 12px 14px 12px 0; border-bottom: 1px solid var(--hairline); font-size: 16px; vertical-align: top; }
.legal th { font-family: "Figtree", sans-serif; font-weight: 600; color: var(--ink); }
.legal td { color: var(--ink-soft); }

/* A statement the FCA expects to be unmissable rather than merely present. Set
   in caps, as it appears in the firm's own documentation, and slightly ABOVE
   reading size — the prominence comes from the type itself, not from a tinted
   box around it. DESIGN.md:91 refuses decorative gloss on exactly this kind of
   copy: a risk warning that needs a highlight to be noticed is a risk warning
   the page has already buried. */
.legal .shout {
  font-family: "Figtree", sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: var(--ink);
  letter-spacing: .01em;
  line-height: 1.5;
  margin: 20px 0;
}

/* Still-open items addressed to the firm, not to the reader. */
.todo {
  background: var(--gold-tint);
  border: 1px solid var(--gold-soft);
  padding: 18px 22px;
  border-radius: var(--r-md);
  margin: 20px 0;
  font-size: 15.5px;
}