/* Contact form (user/shared/partials/contact_form.html), shared by the contact page and the landing page. */
.contact-form{background:var(--card);padding:28px;border-radius:6px;box-shadow:0 20px 60px -30px rgba(15,29,51,.25)}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.contact-form input[type=text],.contact-form input[type=email],.contact-form input[type=tel],.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:3px;padding:12px 14px;font:inherit;font-size:13px;background:var(--input-bg);color:var(--ink)}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--accent)}
.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.contact-form [aria-invalid="true"]{border-color:#c0392b}
.contact-form textarea{height:84px;resize:vertical}
.f-label{font-size:13px;font-weight:600;margin:18px 0 10px}
.opts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 16px;font-size:12.5px;color:var(--muted)}
.opts.inline{display:flex;flex-wrap:wrap;gap:8px 22px}
.opts label{display:flex;align-items:center;gap:8px;cursor:pointer}
.opts input{accent-color:var(--ink)}
.f-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;font-size:12px;color:var(--muted)}
.f-foot label{display:flex;gap:10px;align-items:center}
.f-foot a{text-decoration:underline;color:var(--ink)}
.f-status{margin-top:16px;font-size:13px;color:var(--ink-2)}
/* Spam trap: a real field that people never see or reach (off screen, skipped by Tab, hidden from screen readers). */
.f-trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}

@media (max-width:600px){
  .contact-form{padding:20px 16px}
  .f-row{grid-template-columns:1fr}
  .opts{grid-template-columns:1fr 1fr}
  .f-foot{flex-direction:column;align-items:stretch}
  .f-foot .btn{justify-content:center}
}