/*
 * copax.app — privacy and terms pages (D86). Linked after /assets/site.css; uses its tokens only.
 */

@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}

.legal-head { padding-bottom: 1rem; }
.legal-head h1 { margin-bottom: 0.4em; }
.legal-head .lead { color: var(--muted); font-size: 1.125rem; max-width: 40rem; }
.updated { font-size: var(--t-small); color: var(--muted); margin: 0; }

.legal-body { padding-bottom: 1rem; }
.legal-body h2 { scroll-margin-top: 1.5rem; }
.legal-body h3 { scroll-margin-top: 1.5rem; }
.legal-body p, .legal-body li { overflow-wrap: break-word; }

/* "The short version" */
.summary { margin: 1.5rem 0 2rem; max-width: 46rem; }
.summary h2 { font-size: 1.5rem; margin: 0 0 0.25rem; }
.summary > p { color: var(--muted); }
.summary-list { margin: 1rem 0 0; padding: 0; }
.summary-row { padding: 1rem 0; border-top: 1px solid var(--line); }
.summary-row dt { font-weight: 800; margin-bottom: 0.25rem; }
.summary-row dd { margin: 0; }
.summary-row dd ul { margin: 0.25rem 0 0; padding-left: 1.25rem; }
.summary-row dd li { margin: 0.2rem 0; }
@media (min-width: 720px) {
  .summary-row { display: grid; grid-template-columns: 11rem 1fr; gap: 1.5rem; }
  .summary-row dt { margin: 0; }
}

/* table of contents */
.toc { margin: 0 0 1rem; padding: 1.25rem 1.5rem; max-width: 46rem; border: 1px solid var(--line); border-radius: var(--radius-m); background: var(--surface); }
.toc h2 { font-size: 1.0625rem; margin: 0 0 0.6rem; letter-spacing: -0.01em; }
.toc ul { list-style: none; margin: 0; padding: 0; }
.toc li { margin: 0; break-inside: avoid; }
.toc a { display: inline-block; padding: 0.3rem 0; font-weight: 600; font-size: var(--t-small); }
@media (min-width: 720px) {
  .toc ul { columns: 2; column-gap: 2rem; }
}

/* small notes inside the policy */
.note { background: var(--blue-pale); color: var(--blue-deep); border-radius: var(--radius-m); padding: 1rem 1.25rem; max-width: 46rem; }
.note p { margin: 0; }
.back-top { font-size: var(--t-small); font-weight: 600; margin-top: 2.5rem; }