/* Shared styles for /terms, /privacy, /about and simple content pages */
.legal {
  max-width: 800px; margin: 40px auto; padding: 0 24px 60px;
  color: var(--ink); line-height: 1.7;
}
.legal h1 { font-size: 40px; margin: 0 0 8px; }
.legal h2 { font-size: 24px; margin: 36px 0 12px; color: var(--primary-dark); }
.legal h3 { font-size: 18px; margin: 20px 0 8px; color: var(--ink); }
.legal .meta { color: var(--muted); font-size: 14px; }
.legal .lead { font-size: 20px; color: var(--muted); margin: 0 0 20px; }
.legal p { margin: 12px 0; color: #374151; }
.legal ul, .legal ol { padding-left: 20px; }
.legal li { margin: 6px 0; color: #374151; }
.legal table.tp-table {
  width: 100%; border-collapse: collapse; margin: 16px 0;
}
.legal table.tp-table th, .legal table.tp-table td {
  padding: 10px 12px; text-align: left; border-bottom: 1px solid #e5e7eb; font-size: 14px;
}
.legal table.tp-table th { background: var(--paper); font-weight: 600; }
.legal code { background: var(--paper); padding: 2px 6px; border-radius: 4px; font-size: 14px; }

.form-row { margin-bottom: 12px; }
.form-row label { display: block; font-size: 14px; color: var(--muted); margin-bottom: 4px; font-weight: 500; }
.form-row input, .form-row textarea {
  width: 100%; padding: 10px 12px; border: 1px solid #e5e7eb; border-radius: 8px;
  font-size: 15px; font-family: inherit; box-sizing: border-box;
}
.form-row input:focus, .form-row textarea:focus { outline: none; border-color: var(--primary); }