/* ==========================================================================
   2J Game — pages/legal.css
   Privacy Policy & Terms — long-form reading layout.
   ========================================================================== */

/* Slightly larger measure and looser rhythm for long legal reading */
.legal-layout .prose {
  font-size: var(--fs-sm);
  line-height: 1.85;
}

.legal-layout .prose h2 {
  scroll-margin-top: calc(var(--header-h) + 28px);
}

.legal-layout .prose h3 {
  scroll-margin-top: calc(var(--header-h) + 28px);
  color: var(--color-text-primary);
}

/* Numbered section headings get a gold marker */
.legal-layout .prose h2::before {
  content: "";
  display: block;
  width: 34px;
  height: 2px;
  margin-bottom: var(--space-3);
  background: linear-gradient(90deg, var(--color-gold), rgba(201, 162, 39, 0));
}

/* Emphasised clause blocks */
.legal-layout .prose p strong { color: var(--color-text-primary); }

.legal-layout .prose ul { margin-bottom: var(--space-5); }

/* Table of contents active affordance */
.legal-toc__list a:focus-visible {
  background: var(--color-gold-wash);
  color: var(--color-gold-deep);
}

@media (max-width: 1023px) {
  .legal-toc {
    background: var(--color-surface-tint);
  }
  .legal-toc__list {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    display: grid;
  }
}