/* One shared field frame for all twelve diary pages. */
form .mezo, form .field {
  box-sizing: border-box;
  min-width: 0;
  border: 2px solid #c9ddd0;
  border-radius: 18px;
  background: #fff;
}
form .field > label, form .mezo > label {
  display: block;
  margin: 0;
  padding: 15px 16px 4px;
  color: #155f3c;
  font: 700 17px/1.3 Arial, sans-serif;
}
form .field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
form .mezo input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
form .field select, form .mezo select,
form .field textarea, form .mezo textarea {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 64px;
  border: 3px solid #0b5f32 !important;
  border-radius: 12px !important;
  background: #fff;
  color: #173326;
  font-family: Arial, sans-serif;
  -webkit-appearance: none;
  appearance: none;
}
form .field textarea, form .mezo textarea { min-height: 105px; }
form .field input:focus-visible, form .mezo input:focus-visible,
form .field textarea:focus-visible, form .mezo textarea:focus-visible {
  outline: 3px solid rgba(22,116,63,.22);
  outline-offset: 2px;
}