/*
 * CormackCoreWeb 2.0 — Avesco Legal pages (Privacy Policy, Cookies Notice).
 * Builds on front-page.css (tokens, nav, footer). Minimalistic: a light header
 * bar, then content blocks stacked one under the other in a single column.
 */

.av-legal { background: #fff; }

/* ============================================================
   Header — simple light bar: nav pinned at top, page title below.
   ============================================================ */
.av-legal-hero {
  position: relative;
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
}
.av-legal-hero-inner {
  padding-block: 72px 48px;
}
.av-legal-title {
  font-family: var(--font-sans);
  font-weight: 300;
  font-size: clamp(38px, 5vw, 64px);
  line-height: 1.1;
  letter-spacing: -1px;
  color: var(--grey-900);
  margin: 0;
}

/* ============================================================
   Body — single reading column, blocks stacked one under the other.
   ============================================================ */
.av-legal-body {
  padding-block: 64px 96px;
}
/* Override the very wide global container with a comfortable reading measure. */
.av-legal-content {
  max-width: 820px;
}
.av-legal-block + .av-legal-block {
  margin-top: 56px;
}
.av-legal-block-title {
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: clamp(22px, 2.4vw, 28px);
  line-height: 1.25;
  color: var(--grey-900);
  margin: 0 0 20px;
}
.av-legal-block p {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 17px;
  line-height: 1.7;
  color: var(--grey-600);
  margin: 0 0 18px;
}
.av-legal-block p:last-child { margin-bottom: 0; }

@media (max-width: 768px) {
  .av-legal-hero-inner { padding-block: 48px 32px; }
  .av-legal-body { padding-block: 48px 72px; }
  .av-legal-block + .av-legal-block { margin-top: 44px; }
}