/* Legal document pages — Terms, Privacy, Refunds, SLA */

.legal {
  max-width: 780px;
  margin-inline: auto;
}
.legal h2 {
  font-size: 1.42rem;
  margin-top: 2.2em;
  padding-top: 1.2em;
  border-top: 1px solid var(--line);
}
.legal h2:first-of-type { margin-top: 0; padding-top: 0; border-top: none; }
.legal h3 { font-size: 1.05rem; margin-top: 1.7em; }
.legal p, .legal li { font-size: .97rem; }
.legal ul { padding-left: 1.3em; }
.legal li { margin-bottom: .55em; }
.legal table { min-width: 0; }
.legal .table-wrap { margin: 1.4em 0; }
.legal strong { color: var(--ink); }
.legal a { text-decoration: underline; text-underline-offset: 2px; }

.legal-meta {
  display: flex; flex-wrap: wrap; gap: 8px 28px;
  padding: 16px 20px; margin-bottom: 36px;
  background: var(--surface-2); border: 1px solid var(--line); border-radius: var(--r);
  font-size: .88rem; color: var(--muted);
}
.legal-meta strong { color: var(--ink); font-weight: 600; }

.legal-toc {
  background: var(--surface-2); border: 1px solid var(--line);
  border-radius: var(--r); padding: 22px 26px; margin-bottom: 40px;
}
.legal-toc h2 {
  font-size: .8rem !important; text-transform: uppercase; letter-spacing: .1em;
  font-family: "Inter", sans-serif; color: var(--muted);
  margin: 0 0 12px !important; padding: 0 !important; border: none !important;
}
.legal-toc ol { margin: 0; padding-left: 1.3em; columns: 2; column-gap: 32px; }
.legal-toc li { margin-bottom: 7px; font-size: .92rem; break-inside: avoid; }

.legal-review {
  background: #FFFBEB; border: 1px solid #FDE68A; border-left: 4px solid var(--pk-amber);
  border-radius: var(--r); padding: 20px 24px; margin-bottom: 36px;
}
.legal-review h3 { font-size: 1rem; color: #92400E; margin: 0 0 .4em; }
.legal-review p { color: #78350F; font-size: .92rem; margin: 0; }

.legal-contact {
  background: var(--surface-3); border: 1px solid #DBEAFE;
  border-radius: var(--r); padding: 24px 26px; margin-top: 40px;
}
.legal-contact h3 { margin-top: 0; }
.legal-contact p:last-child { margin-bottom: 0; }

@media (max-width: 620px) {
  .legal-toc ol { columns: 1; }
}