/* Altida — legal pages (Privacy Policy · Cookie Policy)
 *
 * v2 (2026-07-17), modelled on the C2 IT policy-page structure the
 * operator pointed at (c-2it.co.uk/PrivacyPolicy): a dark full-width
 * opener band carrying a centred display title — so the standard
 * transparent nav sits on it exactly as on every other page — then a
 * white article below in a readable column, each numbered heading
 * carrying a short yellow accent underline. Tokens only.
 */

/* ── Dark opener band — the standard nav overlays this like any hero ── */
.lg-hero {
  background: var(--altida-pure-black);
  padding: clamp(150px, 17vw, 210px) 0 clamp(56px, 6.5vw, 88px);
  text-align: center;
}
.lg-hero__in {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 var(--gutter, 24px);
}
.lg-hero__eyebrow { justify-content: center; }
.lg-hero__title {
  font-family: var(--font-display);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.015em; /* site display-title convention */
  font-size: clamp(38px, 5.4vw, 64px);
  line-height: 1.04;
  color: var(--altida-white);
  margin: 18px 0 0;
}
.lg-hero__dot { color: var(--altida-yellow); }

/* ── White article body ── */
.lg {
  background: var(--altida-white);
  color: var(--ink-primary);
  padding: clamp(56px, 7vw, 96px) 0 clamp(80px, 10vw, 128px);
}
.lg__in {
  max-width: 820px;
  margin: 0 auto;
  padding: 0 var(--gutter, 24px);
}
.lg__meta {
  font-family: var(--font-body);
  font-size: clamp(13px, 1vw, 14.5px);
  color: var(--ink-secondary);
  margin: 0 0 clamp(28px, 3vw, 40px);
}
.lg__meta a { color: var(--altida-black); font-weight: 700; }

.lg__body {
  font-family: var(--font-body);
  font-size: clamp(15.5px, 1.15vw, 17px);
  line-height: 1.7;
  max-width: 70ch;
}
.lg__body h2 {
  font-family: var(--font-sans);
  font-weight: 800;
  font-size: clamp(17px, 1.4vw, 20px);
  letter-spacing: 0.01em;
  color: var(--altida-black);
  margin: clamp(32px, 3.4vw, 44px) 0 14px;
  /* short yellow accent underline, snug to the heading's own width —
     the Altida-token version of the reference's gold underline */
  display: table;
  padding-bottom: 7px;
  border-bottom: 3px solid var(--altida-yellow);
}
.lg__body p { margin: 0 0 14px; }
.lg__body ul { margin: 0 0 14px; padding-left: 22px; }
.lg__body li { margin: 0 0 8px; }
.lg__body strong { font-weight: 700; color: var(--altida-black); }
.lg__body a { color: var(--altida-black); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.lg__body a:hover { color: var(--ink-secondary); }

/* Cookie table (cookie-policy page, added 2026-07-21 with the consent banner) */
.lg-cookie-table { width: 100%; border-collapse: collapse; margin: 0 0 18px; font-size: 14px; }
.lg-cookie-table th, .lg-cookie-table td { text-align: left; padding: 9px 12px 9px 0; border-bottom: 1px solid var(--hairline); vertical-align: top; }
.lg-cookie-table th { font-size: 12px; letter-spacing: var(--track-wide); text-transform: uppercase; color: var(--ink-muted); }
@media (max-width: 560px) { .lg-cookie-table { font-size: 13px; } .lg-cookie-table th, .lg-cookie-table td { padding-right: 8px; } }
