/* REFINE — legal pages (privacy, terms). Long-form reading on the site's tokens.
 * Enqueued by refine_legal_render() (inc/legal.php), which both legal patterns call. */

.legal {
  /* the cap counts the text, not the padding: 52rem (832px) of reading width plus the gutter on
     each side, the same on every legal page (spec content-fixes, D10) */
  max-width: calc(52rem + 2 * var(--gutter));
  margin: 0 auto;
  /* same air above (under the header) and below as My Account and the 404: base.css already
     adds --space-md under the header, so only the rest of --space-2xl goes here */
  padding: calc(var(--space-2xl) - var(--space-md)) var(--gutter) var(--space-2xl);
  color: var(--text-primary);
  font-family: var(--font-body);
  font-size: var(--fs-body);
  line-height: 1.65;
  overflow-wrap: break-word; /* long emails or cookie names never widen the page on a phone */
}

.legal__header { margin-bottom: var(--space-lg); }

.legal__eyebrow {
  margin: 0 0 var(--space-xs);
  font-size: var(--t-xs);
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--summer-ink-soft);
}

.legal__title {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--fs-heading);
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: var(--track-heading);
}

.legal__updated {
  margin: var(--space-sm) 0 0;
  font-size: var(--fs-small);
  color: var(--summer-ink-soft);
}

/* Opening paragraphs before section 1; the first section has no margin-top of its own. */
.legal__intro { margin-bottom: var(--space-lg); }

.legal__section + .legal__section { margin-top: var(--space-lg); }

/* Anchors (#cookies) land below the fixed header. */
.legal__section[id] { scroll-margin-top: calc(var(--header-top) + var(--header-h) + var(--space-md)); }

.legal__heading {
  margin: 0 0 var(--space-sm);
  font-family: var(--font-display);
  font-size: var(--t-lg);
  font-weight: 600;
  line-height: 1.2;
}

.legal p { margin: 0 0 var(--space-sm); }

/* base.css removes list bullets site-wide; long-form text needs them back. */
.legal__list {
  margin: 0 0 var(--space-sm);
  padding-left: 1.25em;
  list-style: disc;
}
.legal__list li + li { margin-top: 0.5em; }

.legal a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.18em;
}
.legal a:hover { text-decoration-thickness: 2px; }
.legal a:focus-visible { outline: 1px solid currentColor; outline-offset: 3px; }

.legal strong { font-weight: 700; }

.legal code {
  font-family: var(--font-mono);
  font-size: 0.9em;
  overflow-wrap: anywhere;
}