/* Legal document pages. Long-form reading, so the measure is tight and the
   hierarchy is flat: numbered sections, no cards, nothing decorative. */

.legal { max-width: 760px; margin: 0 auto; padding: 48px 24px 80px; }
.legal-head { border-bottom: 2px solid var(--accent); padding-bottom: 20px; margin-bottom: 8px; }
.legal-head h1 { font-size: clamp(1.8rem, 4vw, 2.6rem); margin-bottom: 10px; }
.legal-meta { font-size: 0.86rem; color: var(--muted); margin: 0; }

.legal-notice {
  background: var(--warn-soft); border: 1px solid var(--warn);
  border-radius: var(--radius); padding: 16px 18px; margin: 24px 0 32px;
}
/* Dark neutral on the amber tint. Amber dark enough to pass as text is
   brown, and the tint plus the border already carry the signal. */
.legal-notice p { margin: 0; font-size: 0.9rem; color: var(--text); line-height: 1.6; }
.legal-notice strong { font-weight: 700; }

.legal h2 {
  font-size: 1.15rem; margin: 36px 0 10px;
  padding-top: 20px; border-top: 1px solid var(--line);
}
.legal h2:first-of-type { border-top: 0; padding-top: 0; }
.legal h3 { font-size: 1rem; margin: 22px 0 8px; }
.legal p, .legal li { color: var(--muted); font-size: 0.94rem; line-height: 1.72; }
.legal p { margin: 0 0 14px; max-width: 72ch; }
.legal ul, .legal ol { margin: 0 0 16px; padding-left: 22px; }
.legal li { margin-bottom: 7px; }
.legal strong { color: var(--text); font-weight: 600; }
.legal a { color: var(--accent); }

/* Anything the operator must replace before publishing is marked, so an
   unfilled placeholder cannot pass for finished text. */
.fill {
  background: var(--warn-soft); color: var(--text); font-weight: 600;
  padding: 1px 6px; border-radius: 3px; border: 1px dashed var(--warn);
  font-size: 0.92em; white-space: nowrap;
}

.legal-toc {
  background: var(--panel-2); border: 1px solid var(--line);
  border-radius: var(--radius); padding: 18px 22px; margin: 0 0 34px;
}
.legal-toc h2 { font-size: 0.82rem; text-transform: uppercase; letter-spacing: 0.08em;
  color: var(--muted); margin: 0 0 10px; border: 0; padding: 0; }
.legal-toc ol { margin: 0; padding-left: 20px; }
.legal-toc li { margin-bottom: 5px; font-size: 0.9rem; }