.mailto-form [hidden] { display: none !important; }
.mailto-note { margin-top: 1em; padding: 1.2em; border: 1px solid #c9c9c9; background: #f6f6f6; color: #222; border-radius: 4px; font-size: 1rem; line-height: 1.5; overflow-wrap: anywhere; }
.mailto-note p { margin: 0 0 1em; }
.mailto-note label { display: block; color: #222; font-weight: bold; }
.mailto-note textarea { box-sizing: border-box; width: 100%; min-height: 12em; background: #fff; color: #222; font: inherit; }
.mailto-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1em; margin-top: 1em; }
.mailto-form input[type="date"] { box-sizing: border-box; width: 100%; min-width: 0; min-height: 3em; }

.mailto-actions input[type="button"] { flex: 0 1 auto; max-width: 100%; white-space: normal; text-decoration: none; }