/* ============================================================
   Legal pages (privacy). Reuses the sign-up page's tokens, fonts
   and footer from style.css - this only adds the long-form
   reading column.
   ============================================================ */

.legal {
  flex: 1 0 auto;
  padding: clamp(28px, 5vw, 64px) clamp(16px, 4vw, 40px);
}
.legal__inner {
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  padding: clamp(24px, 4.5vw, 44px);
  background: var(--ink);
  border: 1px solid var(--wire);
}

.legal__eyebrow {
  margin: 0 0 18px;
  font-family: var(--mono);
  font-weight: 700;
  font-size: 9.5px;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.legal__eyebrow a { color: var(--signal); text-decoration: none; }
.legal__eyebrow a:hover { text-decoration: underline; }

.legal__title {
  margin: 0 0 12px;
  font-size: clamp(1.7rem, 5.6vw, 2.5rem);
  line-height: 1.02;
  text-transform: uppercase;
  font-variation-settings: "wdth" 66, "wght" 900;
  color: var(--phosphor);
}
.legal__title em {
  font-style: normal;
  color: var(--signal);
}
.legal__lede {
  margin: 0 0 30px;
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--static);
}

.legal__body { font-size: 14.5px; line-height: 1.72; color: rgba(210, 208, 200, .9); }
.legal__body h2 {
  margin: 30px 0 10px;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-variation-settings: "wdth" 82, "wght" 800;
  color: var(--signal);
}
.legal__body h2:first-child { margin-top: 0; }
.legal__body p { margin: 0 0 14px; }
.legal__body strong { color: var(--phosphor); font-variation-settings: "wdth" 100, "wght" 700; }
.legal__body ul { margin: 0 0 16px; padding-left: 20px; }
.legal__body li { margin: 0 0 7px; }
.legal__body a { color: var(--signal); text-underline-offset: 2px; word-break: break-word; }
.legal__body a:hover { color: var(--phosphor); }

/* Controller / contact disclosure. This is the legally operative block -
   the named data controller, its ABN and its registered address - so it is
   lifted out of the running text rather than buried in it. Named third
   parties belong HERE, never in the "who we might share with" bullet list,
   which is generic boilerplate and stays verbatim. */
.controller {
  margin: 22px 0;
  padding: 16px 18px;
  border-left: 2px solid var(--signal);
  background: rgba(255, 225, 0, .06);
}
.controller p { margin: 0 0 10px; }
.controller p:last-child { margin-bottom: 0; }