/* ============================================================
   English-site specific styles (shared components live in styles.css)
   ============================================================ */

/* Wide answer block on Q&A pages */
.quick-cell.wide { grid-column: 1 / -1; }
.quick-cell .qt-body { font-size: 14.5px; color: var(--ink); }
.quick-cell .qt-body p { font-size: 14.5px; color: var(--ink); margin: 0; }
.quick-grid:has(.wide) { grid-template-columns: 1fr; }

/* ============================================================
   Lead form (posts to /api/inquiries/ on the site's own backend)
   ============================================================ */
.lead-form .row { margin-bottom: 14px; }
.lead-form label { display: block; font-size: 13px; font-weight: 600; color: #5A3A3A; margin-bottom: 6px; }
.lead-form input[type="text"],
.lead-form input[type="email"],
.lead-form input[type="tel"],
.lead-form select,
.lead-form textarea {
  width: 100%; padding: 10px 12px; border: 1px solid var(--line, #E8E0DA);
  border-radius: 8px; font-size: 14px; font-family: inherit; color: var(--ink, #2B2B2B);
  background: #fff; box-sizing: border-box;
}
.lead-form input:focus, .lead-form select:focus, .lead-form textarea:focus {
  outline: none; border-color: #A22935; box-shadow: 0 0 0 3px rgba(162, 41, 53, .08);
}
.lead-form .consent-row { margin: 16px 0 10px; }
.lead-form .consent-label {
  display: flex; align-items: flex-start; gap: 9px; font-size: 13px; font-weight: 400;
  color: #6B6B6B; line-height: 1.55; cursor: pointer;
}
.lead-form .consent-label input[type="checkbox"] {
  width: 16px; height: 16px; margin: 2px 0 0; flex: 0 0 auto; accent-color: #A22935; cursor: pointer;
}
.lead-form .btn[disabled] { opacity: .5; cursor: not-allowed; }
.lead-form .form-status { font-size: 13px; line-height: 1.6; margin: 4px 0 10px; min-height: 1px; }
.lead-form .form-status.error { color: #B23B3B; }
.lead-form .form-status.success { color: #2E7D5B; }