/* ============================================================
   Afrique Du Sud K9 — privacy page stylesheet
   Page-specific styles for /src/pages/privacy.html.
   Tokens, base styles, header/footer chrome, .container, button
   utilities (.btn-primary, .btn-ghost-light, .btn-ghost-dark),
   .slash-mask, and [data-reveal] live in main.css — do not
   redefine here.
   Long-form legal prose. Single column, ~720px reading measure.
   Mobile-first; widen via @media (min-width: 700px/900px).
   ============================================================ */


body.page-privacy {
  background: var(--paper);
}


/* ============================================================
   #privacy-body — long-form prose, single column ~720px
   (Hero is the shared page-hero partial — no image_id passed,
    so .page-hero falls back to the dark --ink band in main.css.)
   ============================================================ */
#privacy-body.privacy-body {
  background: var(--paper);
  padding-block: var(--section-y);
}

.privacy-body__inner {
  /* Override .container max-width down to a comfortable reading
     measure for long-form legal prose. */
  max-width: 720px;
  margin: 0 auto;
  padding: 0 var(--gutter);
}

.privacy-body__intro {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  line-height: 1.6;
  color: var(--grey-700);
  margin: 0 0 2.5rem;
}

.privacy-body h2 {
  font-family: var(--font-display);
  font-weight: 800;
  text-transform: uppercase;
  font-size: var(--fs-h3);
  color: var(--ink);
  line-height: 1.2;
  margin: 2.5rem 0 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid var(--orange);
}

.privacy-body h2:first-of-type {
  margin-top: 0;
}

.privacy-body h3 {
  font-family: var(--font-display);
  font-weight: 800;
  text-transform: uppercase;
  font-size: 1.05rem;
  letter-spacing: 0.02em;
  color: var(--ink);
  line-height: 1.3;
  margin: 1.5rem 0 0.5rem;
}

.privacy-body p {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  line-height: 1.65;
  color: var(--grey-700);
  margin: 0 0 1rem;
}

.privacy-body ul,
.privacy-body ol {
  margin: 0 0 1.25rem;
  padding-left: 1.5rem;
}

.privacy-body li {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  line-height: 1.6;
  color: var(--grey-700);
  margin: 0 0 0.5rem;
}

.privacy-body a {
  color: var(--red);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.privacy-body a:hover,
.privacy-body a:focus-visible {
  color: var(--red);
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.privacy-body strong {
  color: var(--ink);
  font-weight: 700;
}

.privacy-body em {
  color: var(--grey-400);
  font-style: italic;
}

/* Final contact block — subtle visual distinction from body prose */
.privacy-body__contact {
  margin-top: 1rem;
  padding: 1.25rem 1.5rem;
  background: var(--white);
  border-left: 3px solid var(--orange);
  border-radius: var(--radius);
}

.privacy-body__contact p:last-child {
  margin-bottom: 0;
}

.privacy-body__contact ul {
  margin-bottom: 1rem;
}