.contact-page { background: var(--cream); }
.contact-page-heading { max-width: 790px; margin-bottom: 32px; }
.contact-page-heading h1 { font-size: clamp(2.2rem, 6vw, 4rem); }
.contact-page-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(250px, 1fr); gap: 32px; align-items: start; }
.contact-page-grid .contact-form { padding: clamp(22px, 4vw, 36px); }
.contact-page-grid .field-row { gap: 18px; }
.contact-page-grid .contact-help { font-size: .93rem; color: var(--muted); margin: 0 0 18px; }
.contact-page-grid .contact-privacy { font-size: .86rem; color: var(--muted); margin: 20px 0 0; }
.contact-page-grid .contact-privacy a { text-decoration: underline; }
.contact-page-grid .hp-field { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.contact-page-grid [hidden] { display: none; }
.contact-page-grid button:disabled { cursor: not-allowed; opacity: .65; transform: none; }
#form-status { margin-top: 18px; font-size: .95rem; }
#form-status:empty { display: none; }
#form-status[data-state="error"] { color: #9b2020; }
#form-status[data-state="success"] { color: #1b5b35; }
#form-status:focus { outline: 2px solid var(--green-700); outline-offset: 5px; }
#form-retry { margin-top: 12px; }
.contact-page-grid .contact-card h2 { font-size: 1.6rem; }
.contact-page-grid textarea { min-height: 165px; }
.contact-mode { margin: 0 0 22px; padding: 0; border: 0; min-width: 0; }
.contact-mode legend { margin-bottom: 12px; font-weight: 700; }
.contact-mode-options { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.contact-page-grid .contact-mode-options label { display: flex; align-items: center; gap: 9px; padding: 14px 12px; border: 1px solid #a6b3b0; border-radius: 10px; cursor: pointer; margin: 0; }
.contact-page-grid .contact-mode-options input { width: 18px; height: 18px; margin: 0; padding: 0; flex: 0 0 auto; accent-color: #071b57; }
.contact-mode-options label:has(input:checked) { background: #eef4fc; border-color: #071b57; box-shadow: 0 0 0 1px #071b57; }
.contact-mode-options label:focus-within { outline: 2px solid #071b57; outline-offset: 3px; }
.contact-details { margin: 0 0 16px; }
.contact-details summary { display: none; }
.contact-form[data-mode="rappel"] .contact-details { border-top: 1px solid #d6ddda; border-bottom: 1px solid #d6ddda; padding: 14px 0; }
.contact-form[data-mode="rappel"] .contact-details summary { display: list-item; cursor: pointer; font-weight: 600; }
.contact-form[data-mode="rappel"] .contact-details[open] summary { margin-bottom: 18px; }
.contact-form[data-mode="rappel"] textarea { min-height: 100px; }
@media (max-width: 760px) {
  .contact-page-grid { grid-template-columns: 1fr; gap: 24px; }
}
@media (max-width: 390px) { .contact-mode-options { grid-template-columns: 1fr; } }