/* * Stylesheet for the contact page. These rules were originally * defined inline within contact.html. Consolidating them into a * separate file removes the need for the `unsafe‑inline` directive * in the Content Security Policy and makes the page easier to * maintain. Additional utility classes (e.g. `.page-title` and * `.honeypot`) support the removal of inline style attributes. */ /* * Visually hidden utility class for form labels. Use this class to hide * labels from sighted users while keeping them accessible to screen * readers. This is essential to satisfy accessibility audits that * require each form control to have an associated label. */ .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}body{font-family:Arial,sans-serif;margin:0;padding:2rem;background:#f5f5f5;}form{max-width:600px;margin:auto;background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);}input,textarea{width:100%;margin-bottom:1rem;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;}button{padding:.75rem 2rem;border:none;background:#2f6f3f;color:#fff;font-size:1rem;border-radius:4px;cursor:pointer;}button:disabled{opacity:.6;cursor:not-allowed;}.error-text,.error{color:#c00;margin-bottom:1rem;}.success-text,.success{color:#2f6f3f;margin-bottom:1rem;}.human-check{margin-bottom:1rem;}.human-check label{display:block;margin-bottom:0.5rem;}.page-title{text-align:center;}.honeypot{display:none !important;}a:focus,button:focus,select:focus,input:focus,textarea:focus{outline:3px solid #2f6f3f;outline-offset:2px;}