/* ==========================================================================
   Legal documents (Complianz) — Cookie Policy / Privacy Statement / Opt-out
   Scoped to body.cmplz-document, the class Complianz already adds to all
   10 legal pages (4 cookie-policy regions, 5 privacy-statement regions,
   opt-out-preferences). No slug list needed — the body class covers all of
   them automatically, including any future region Complianz activates.
   Uses the theme's own tokens (tokens.css) — same system as header/footer.
   ========================================================================== */

body.cmplz-document #main.site-main {
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  padding: var(--space-6) var(--container-pad) var(--space-7);
}

body.cmplz-document .leg-title {
  max-width: var(--content-measure);
  margin-inline: auto;
  margin-bottom: var(--space-4);
  font-size: var(--fs-h2);
  font-weight: var(--fw-semibold);
  line-height: var(--lh-heading);
  letter-spacing: var(--tracking-heading);
  color: var(--text-primary);
}

body.cmplz-document #cmplz-document,
body.cmplz-document .editor-styles-wrapper.cmplz-unlinked-mode {
  max-width: var(--content-measure);
  margin-inline: auto;
  color: var(--text-primary);
}

/* Complianz sets its own h2/h3/h4 sizes + spacing already — just bring the
   color and weight in line with the rest of the site instead of browser
   defaults. */
body.cmplz-document #cmplz-document h2,
body.cmplz-document #cmplz-document h3,
body.cmplz-document #cmplz-document h4 {
  color: var(--text-primary);
  font-weight: var(--fw-semibold);
}

/* Theme's global `a { color: inherit }` reset turns Complianz's links
   charcoal — restore the brand accent so links read as links. */
body.cmplz-document #cmplz-document a {
  color: var(--accent);
}
body.cmplz-document #cmplz-document a:hover,
body.cmplz-document #cmplz-document a:focus-visible {
  color: var(--accent-alt);
}

/* Accordion sections (details/summary — data categories, CA supplement,
   etc.) — swap Complianz's neutral grey for the site's sand/line tokens. */
body.cmplz-document #cmplz-document .cmplz-dropdown {
  background-color: var(--bg-raised);
  border: var(--border-hairline);
  border-radius: var(--radius);
  margin-bottom: var(--space-2);
}
body.cmplz-document #cmplz-document .cmplz-dropdown summary {
  background-color: transparent;
}
body.cmplz-document #cmplz-document .cmplz-dropdown[open] {
  border-color: var(--line);
}

@media (max-width: 700px) {
  body.cmplz-document #main.site-main {
    padding: var(--space-5) var(--container-pad) var(--space-6);
  }
}