/* =====================================================================
   Legal / policy pages.
   A centered serif title, then a two-column document: a small grey label
   on the left and the prose on the right. Whitespace only, no divider rules.
   ===================================================================== */

.lg__title {
  margin: 0 auto;
  max-width: 22ch;
  text-align: center;
  font-family: var(--font-display);
  font-weight: 300;
  font-size: clamp(2.4rem, 1.3rem + 4vw, 4rem);
  line-height: 1.05;
  letter-spacing: -0.015em;
  color: var(--color-ink);
}
.lg__updated {
  margin: clamp(1rem, 2vw, 1.5rem) auto 0;
  text-align: center;
  font-size: var(--fs-xs);
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--color-muted);
}

.lg__doc {
  max-width: 66rem;
  margin: clamp(3.5rem, 7vw, 6rem) auto 0;
}

/* Each section: label (left) + prose (right). Columns align across sections
   because every section shares the same template and container width. */
.lg-sec {
  display: grid;
  grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.7fr);
  gap: clamp(1.25rem, 4vw, 3.5rem);
  align-items: start;
}
.lg-sec + .lg-sec { margin-top: clamp(2.75rem, 5vw, 4.25rem); }

.lg-label {
  margin: 0;
  font-family: var(--font-sans);
  font-size: var(--fs-xs);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.6;
  color: var(--color-muted);
}

.lg-body { max-width: 64ch; }
.lg-body > :first-child { margin-top: 0; }
.lg-body p {
  margin: 0 0 1.15rem;
  font-size: var(--fs-base);
  font-weight: 300;
  line-height: 1.75;
  color: var(--color-text-secondary);
}
.lg-body p:last-child { margin-bottom: 0; }
.lg-body strong { font-weight: 600; color: var(--color-ink); }
.lg-body ul {
  margin: 0 0 1.15rem;
  padding-left: 1.15rem;
  list-style: disc;
}
.lg-body li {
  margin: 0 0 0.5rem;
  font-size: var(--fs-base);
  font-weight: 300;
  line-height: 1.7;
  color: var(--color-text-secondary);
}
.lg-body address {
  font-style: normal;
  font-weight: 300;
  font-size: var(--fs-base);
  line-height: 1.9;
  color: var(--color-text-secondary);
}
/* Registered office and correspondence address sit as two separate blocks */
.lg-body address + address { margin-top: 1.15rem; }

/* Links: underline draw in the site's ink (no green) */
.lg-body a {
  color: var(--color-ink);
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0 1px;
  transition: background-size var(--transition);
}
.lg-body a:hover,
.lg-body a:focus-visible { background-size: 100% 1px; }

/* Placeholder highlight for details awaiting confirmation.
   REMOVE every .lg-tbc before the site goes live. */
.lg-tbc {
  background: #FBE9A0;
  color: #4A3B00;
  padding: 0 0.25em;
  font-weight: 500;
  border-radius: 2px;
}

@media (max-width: 860px) {
  .lg-sec { grid-template-columns: 1fr; gap: clamp(0.55rem, 3vw, 0.9rem); }
}