/* ============================================================
   Havoc Games / privacy policy and terms pages
   Builds on styles.css (tokens, nav, footer).
   ============================================================ */

/* ---------- Header ---------- */
.lg-hero {
  padding: calc(var(--nav-h) + 56px) 0 56px;
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(50% 120% at 90% 0%, rgba(255, 90, 31, 0.14), transparent 70%),
    var(--bg-2);
}
.lg-hero h1 {
  font-family: var(--display);
  font-weight: 400;
  font-size: clamp(2.6rem, 7vw, 5.2rem);
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.01em;
}
.lg-hero h1 .dot { color: var(--gold); }
.lg-sub {
  margin-top: 20px; max-width: 60ch;
  color: rgba(242, 241, 236, 0.88);
  font-size: clamp(1rem, 1.3vw, 1.12rem);
}
.lg-meta {
  margin-top: 18px;
  font-size: 13px; font-weight: 600; letter-spacing: 0.04em;
  color: var(--muted);
}

/* ---------- Text ---------- */
.lg-main { padding: clamp(48px, 6vw, 80px) 0 clamp(84px, 11vw, 140px); }
.lg-doc { max-width: 74ch; }
.lg-doc p, .lg-doc li { color: rgba(242, 241, 236, 0.8); }
.lg-doc p + p,
.lg-doc p + ul,
.lg-doc ul + p { margin-top: 14px; }
.lg-doc a {
  color: var(--gold);
  text-decoration: underline;
  text-decoration-color: rgba(255, 184, 77, 0.4);
  text-underline-offset: 3px;
  transition: text-decoration-color 0.2s ease;
}
.lg-doc a:hover { text-decoration-color: var(--gold); }

.lg-doc ul { display: grid; gap: 10px; }
.lg-doc li { position: relative; padding-left: 26px; }
.lg-doc li::before {
  content: '//'; position: absolute; left: 0; top: 1px;
  color: var(--orange); font-weight: 700; font-size: 13px;
}

.lg-sec + .lg-sec { margin-top: 44px; }
.lg-sec h2 {
  font-family: var(--display); font-weight: 400;
  font-size: clamp(1.35rem, 2.2vw, 1.6rem); line-height: 1.15;
  text-transform: uppercase; letter-spacing: 0.02em;
  margin-bottom: 16px;
}
.lg-sec h2 .n { color: var(--orange); margin-right: 10px; }

@media (max-width: 560px) {
  .lg-hero { padding: calc(var(--nav-h) + 40px) 0 44px; }
  .lg-sec + .lg-sec { margin-top: 38px; }
}