/* Legal pages (/terms/, /risk/, /privacy/): the DRAFT banner (D-14, LEGAL-04), the version and
   effective-date block, the table of contents, the summary box and print styles. Tokens and
   .prose come from site.css. Ink (L 0.26) on the amber banner (L 0.93) is well above 4.5:1. */

/* In normal flow above the sticky header, so it scrolls away and never covers content. */
.draft-banner {
  padding: 10px 28px;
  background: oklch(0.93 0.07 85);
  border-bottom: 1px solid oklch(0.62 0.12 75);
  color: var(--ink);
  font-weight: 600;
  text-align: center;
}

.legal-meta {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 4px 16px;
  margin: 0 0 32px;
  font-size: 14px;
  color: var(--muted);
}

.legal-meta dt {
  font-weight: 600;
}

.legal-meta dd {
  margin: 0;
}

.legal-toc {
  margin: 0 0 40px;
  padding: 16px 24px;
  background: var(--card);
  border: 1px solid var(--border);
}

.legal-toc h2 {
  margin: 0 0 8px;
  font-size: 18px;
}

.legal-toc ol {
  margin: 0;
  padding-left: 24px;
}

.legal-toc li {
  margin-bottom: 2px;
}

.legal-summary {
  margin: 0 0 32px;
  padding: 16px 24px;
  background: var(--band);
  border-left: 4px solid var(--ink);
}

.legal-summary h2 {
  margin-top: 0;
}

.legal-summary :last-child {
  margin-bottom: 0;
}

.legal-quote {
  margin: 0 0 16px;
  padding: 12px 20px;
  border-left: 3px solid var(--control-border);
  font-family: var(--font-mono);
  font-size: 13px;
}

@media print {
  .skip-link,
  .site-nav,
  .site-download,
  .footer-nav {
    display: none;
  }

  .site-header {
    position: static;
  }
}