.mail-panel { max-width: 42rem; margin: 2rem auto; padding: clamp(1rem, 4vw, 2rem); }
.mail-panel form { display: grid; gap: 1rem; }
.mail-panel label { display: grid; gap: .45rem; font-weight: 600; }
.mail-panel input:not([type=checkbox]) { box-sizing: border-box; width: 100%; min-width: 0; padding: .8rem; font: inherit; border: 1px solid #64748b; border-radius: .3rem; background: white; color: #162840; }
.mail-panel .mail-consent { display: flex; align-items: flex-start; gap: .7rem; }
.mail-consent input { width: 1.2rem; height: 1.2rem; flex: 0 0 auto; margin-top: .2rem; }
.mail-panel button { margin: .4rem .5rem .4rem 0; max-width: 100%; white-space: normal; }
.mail-panel p, .mail-panel strong { overflow-wrap: anywhere; }
.mail-panel :focus-visible { outline: 3px solid #216bad; outline-offset: 3px; }
@media (max-width: 480px) { .mail-panel { margin: 0 auto; } .mail-panel button { width: 100%; } }
@media print { .mail-panel { display: none; } }