/* Legal and support pages: privacy, terms, community rules, account deletion.
   One readable column of text under a solid header, with the site footer below. */

/* base.css lets the header scroll away on plain pages; here it stays put */
body.legal-page .nav {
  position: sticky;
  top: 0;
}

.legal-page .nav::before {
  background: var(--ink-deep);
  opacity: 1;
  border-bottom: 2px solid rgb(246 231 185 / 0.12);
}

.legal {
  max-width: 46rem;
  margin: 0 auto;
  padding: clamp(2.5rem, 6vw, 5rem) var(--gutter) clamp(3rem, 8vw, 6rem);
  color: var(--cream);
}

.legal__kicker {
  color: var(--gold);
  font: 600 var(--step-small) / 1 var(--font-text);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.legal h1 {
  overflow-wrap: break-word;
  margin-top: 0.6rem;
  color: var(--gold-light);
  font: 600 var(--step-3) / 1.02 var(--font-display);
  font-size: clamp(2.2rem, 1.5rem + 3.5vw, 4rem);
}

.legal__meta {
  margin-top: 1rem;
  font-size: var(--step-small);
  opacity: 0.75;
}

.legal__summary {
  margin-top: 2rem;
  padding: 1.25rem 1.5rem;
  border-left: 4px solid var(--gold);
  border-radius: 0 0.6rem 0.6rem 0;
  background: rgb(246 231 185 / 0.06);
}

.legal__summary > * + * {
  margin-top: 0.75rem;
}

.legal__toc {
  margin-top: 2rem;
  padding: 1.25rem 1.5rem;
  border: 2px solid rgb(246 231 185 / 0.12);
  border-radius: 0.6rem;
}

.legal .legal__toc h2 {
  margin: 0 0 0.75rem;
  font: 700 var(--step-small) / 1 var(--font-text);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--gold);
}

.legal__toc ol {
  margin: 0;
  padding-left: 1.4em;
  columns: 2 16rem;
  column-gap: 2rem;
}

.legal__toc li {
  break-inside: avoid;
  padding: 0.15rem 0;
}

.legal h2 {
  margin-top: 3rem;
  color: var(--gold-light);
  font: 600 var(--step-2) / 1.15 var(--font-display);
  font-size: clamp(1.35rem, 1.15rem + 0.9vw, 1.9rem);
}

.legal h3 {
  margin-top: 1.75rem;
  font: 700 var(--step-1) / 1.3 var(--font-text);
}

.legal p,
.legal ul,
.legal ol,
.legal table {
  margin-top: 1rem;
}

.legal ul {
  padding-left: 1.3em;
  list-style: disc;
}

.legal li + li {
  margin-top: 0.4rem;
}

.legal a {
  color: var(--gold-light);
  text-underline-offset: 0.2em;
}

.legal strong {
  color: var(--cream);
}

.legal table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--step-small);
}

.legal th,
.legal td {
  padding: 0.6rem 0.75rem;
  border-bottom: 1px solid rgb(246 231 185 / 0.14);
  text-align: left;
  vertical-align: top;
}

.legal th {
  color: var(--gold);
  font-weight: 700;
}

.legal__scroll {
  overflow-x: auto;
}

.legal__back {
  margin-top: 3rem;
}

.foot--legal .foot__row {
  margin-top: 0;
}