/* ==========================================================================
   B9 GAME — playb9.pk
   pages/legal.css — privacy-policy.html & terms.html
   ========================================================================== */

/* Numbered top-level sections read as an editorial legal document */
.prose h2 {
  position: relative;
  scroll-margin-top: calc(var(--header-h) + 2rem);
}

.prose h3 { scroll-margin-top: calc(var(--header-h) + 2rem); }

/* Nested legal lists get a little more air */
.prose ul li,
.prose ol li { margin-bottom: var(--sp-3); }

/* The table of contents is the primary navigation on these pages */
.toc { position: relative; }

.toc::before {
  content: "";
  position: absolute;
  top: 0;
  left: 12%;
  right: 12%;
  height: 1px;
  background: var(--grad-gold-foil);
}

/* Data table on the privacy page scrolls rather than breaking the layout */
.prose table {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  border-radius: var(--radius-sm);
}

@media (min-width: 768px) {
  .prose table {
    display: table;
    white-space: normal;
  }
}

/* Callouts inside legal prose carry a touch more weight */
.prose .callout { margin-block: var(--sp-7); }

.prose .callout:first-child { margin-top: 0; }

/* Emphasise defined terms */
.prose strong { color: var(--color-bronze-deep); }