/* Terms & Conditions page (and any future plain-content legal page).
   The content itself (from gunslingerauctions.com's real T&C post) is clean
   semantic HTML with zero CSS class dependencies -- verified before copying
   it, not assumed. This file exists purely to make it readable and
   theme-aware inside this theme's otherwise-unstyled content area.

   IMPORTANT: --white/--muted do NOT flip for [data-theme="light"] in this
   theme (see the comment in header.css explaining why -- unlike the main
   site's gunslinger.css, those tokens are fixed at dark-mode values here).
   So this file uses explicit literal colors for both modes, the same
   workaround already established elsewhere in this theme, not the tokens. */

#terms-and-conditions {
  max-width: 780px;
  margin: 2.5rem auto;
  padding-inline: clamp(1rem, 4vw, 2rem);
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: 1.75;
  color: var(--muted); /* dark mode default */
}

#terms-and-conditions h1 {
  font-family: var(--font-display);
  font-size: clamp(1.8rem, 4vw, 2.4rem);
  font-weight: 900;
  color: var(--white);
  margin-bottom: 1rem;
}

#terms-and-conditions h2 {
  font-family: var(--font-display);
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--white);
  margin-top: 2.25rem;
  margin-bottom: 0.85rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--border);
}

#terms-and-conditions p,
#terms-and-conditions li {
  margin-bottom: 0.85rem;
}

#terms-and-conditions ol,
#terms-and-conditions ul {
  padding-left: 1.4rem;
}

#terms-and-conditions a {
  color: var(--crimson-lit);
  text-decoration: underline;
  text-underline-offset: 3px;
}
#terms-and-conditions a:hover { color: var(--white); }

/* Explicit light-mode overrides -- see file header comment on why this
   can't just rely on the tokens flipping. #1a1814 / crimson matches the
   literal light-mode colors already used elsewhere in header.css. */
[data-theme="light"] #terms-and-conditions { color: #4d4740; }
[data-theme="light"] #terms-and-conditions h1,
[data-theme="light"] #terms-and-conditions h2 { color: #1a1814; }
[data-theme="light"] #terms-and-conditions a { color: var(--crimson); }
[data-theme="light"] #terms-and-conditions a:hover { color: #1a1814; }