.contact-page .form{max-width:720px}.contact-page form{display:grid;gap:18px}.contact-page label{display:grid;gap:8px}.contact-page small{color:var(--muted)}#contact-files{margin:0;padding-inline-start:22px;overflow-wrap:anywhere}
.contact-preview{position:fixed;inset-inline-end:18px;top:125px;width:360px;max-width:calc(100vw - 36px);max-height:calc(100dvh - 145px);overflow:auto;z-index:90;padding:24px;background:#fff;color:#121a2d;border:2px solid #143cff;border-radius:14px;box-shadow:0 12px 32px #121a2d24;overflow-wrap:anywhere}
.contact-preview h2{font-size:1.25rem;margin:0 0 22px}.contact-preview h3{font-size:1rem}.contact-preview dt{font-weight:700;margin-top:14px}.contact-preview dd{margin:6px 0 0;line-height:1.8}.contact-message{white-space:pre-wrap}.contact-preview-actions{display:flex;gap:12px;margin-top:20px;position:sticky;bottom:-24px;background:#fff;padding:14px 0}.contact-preview-actions button{flex:1}
@media(min-width:1100px){body.contact-preview-open .contact-page{padding-inline-end:390px}.contact-preview-open .contact-page .form{width:100%}}
@media(max-width:1099px){.contact-preview{position:relative;inset:auto;width:auto;max-width:none;max-height:none;margin:0 18px 24px}.contact-preview-actions{position:static}}
body.vision-adapted .contact-preview{border-color:#111;background:#fff;color:#111}
