/* Shared layout for the legal pages (terms.html, privacy.html, refund-policy.html). */

.legal-topbar {
  display: flex; align-items: center; justify-content: space-between;
  padding: var(--space-5) var(--space-8);
}

.legal-wrap {
  max-width: 780px; margin: 0 auto;
  padding: var(--space-2) var(--space-8) var(--space-10);
}

.legal-header h1 { font-size: 27px; margin: 0 0 6px; }
.legal-meta { color: var(--text-muted); font-size: 12.5px; margin: 0 0 var(--space-6); }

.legal-ai-notice {
  background: var(--warning-soft); border: 1px solid var(--warning-border);
  border-radius: var(--radius-sm); padding: 14px 16px; font-size: 13.25px;
  line-height: 1.6; color: var(--text); margin-bottom: var(--space-7);
}
.legal-ai-notice strong { color: var(--warning); }

.legal-content h2 {
  font-size: 18px; margin: var(--space-7) 0 var(--space-3);
  padding-bottom: 8px; border-bottom: 1px solid var(--border);
  scroll-margin-top: var(--space-6); /* breathing room when jumped to via an anchor link, e.g. from register.html's Section 7/10/15/16/17/18/19/21/22 checkbox */
}
.legal-content h2:first-of-type { margin-top: var(--space-2); }
.legal-content h3 { font-size: 14.5px; margin: var(--space-5) 0 var(--space-2); }
.legal-content p { font-size: 13.75px; line-height: 1.7; color: var(--text); margin: 0 0 var(--space-4); }
.legal-content ul, .legal-content ol { font-size: 13.75px; line-height: 1.7; color: var(--text); padding-left: 22px; margin: 0 0 var(--space-4); }
.legal-content li { margin-bottom: 5px; }
.legal-content strong { font-weight: 650; }
.legal-content a { color: var(--primary); }

.legal-callout {
  background: var(--surface-2); border: 1px solid var(--border); border-left: 3px solid var(--primary);
  border-radius: var(--radius-sm); padding: 13px 16px; font-size: 13.25px; line-height: 1.6;
  margin: 0 0 var(--space-4);
}

.legal-content .table-scroll { overflow-x: auto; margin: 0 0 var(--space-4); }
.legal-content table {
  width: 100%; min-width: 560px; border-collapse: collapse;
  font-size: 12.75px; line-height: 1.55;
}
.legal-content table th, .legal-content table td {
  border: 1px solid var(--border); padding: 8px 10px; text-align: left; vertical-align: top;
}
.legal-content table th { background: var(--surface-2); font-weight: 650; }
.legal-content table caption {
  caption-side: top; text-align: left; font-size: 13.75px; font-weight: 650;
  margin: var(--space-5) 0 var(--space-2); color: var(--text);
}

.legal-footer-links {
  display: flex; gap: 20px; flex-wrap: wrap;
  margin-top: var(--space-8); padding-top: var(--space-5); border-top: 1px solid var(--border);
  font-size: 13px;
}
.legal-footer-links a { color: var(--text-muted); text-decoration: none; }
.legal-footer-links a:hover { color: var(--primary); }

@media (max-width: 767px) {
  .legal-topbar, .legal-wrap { padding-left: var(--space-5); padding-right: var(--space-5); }
}