.contact-form-section { margin-top:2rem; } .contact-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.3rem; } .contact-fields label { display:grid; gap:.45rem; color:var(--ink); font-weight:600; } .contact-fields label span { display:contents; font-weight:400; } .contact-fields input,.contact-fields textarea { width:100%; box-sizing:border-box; padding:.85rem 1rem; border:1px solid var(--line); border-radius:var(--radius-sm); background:white; color:var(--ink); font:inherit; font-weight:400; } .contact-fields textarea { resize:vertical; } .contact-fields input:focus,.contact-fields textarea:focus { outline:3px solid var(--teal-100); border-color:var(--teal-700); } .contact-wide { grid-column:1/-1; } .contact-trap { position:absolute; left:-10000px; } #contact-status { min-height:1.5em; } #contact-submit:disabled { opacity:.6; cursor:wait; } #contact-retry[hidden] { display:none; } @media(max-width:600px) { .contact-fields { grid-template-columns:1fr; } }