/* Mailto form */
.mailto-form input,
.mailto-form textarea {
  inline-size: 100%;
  border: 1px solid var(--color-border, #663399);
  border-radius: var(--border-radius, 5px);
  background-color: var(--color-background, #ffffff);
  color: var(--color-text, #232333);
  font: inherit;
  padding: 0.5rem 0.75rem;
}

.mailto-form textarea {
  resize: vertical;
}

.mailto-form input:focus,
.mailto-form textarea:focus {
  outline: 2px solid var(--color-primary, #dc143c);
  outline-offset: 2px;
}

.mailto-form button {
  border: 1px solid var(--color-border, #663399);
  border-radius: var(--border-radius, 5px);
  background: none;
  color: inherit;
  font: inherit;
  padding: 0.5rem 1rem;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.mailto-form button:hover,
.mailto-form button:focus {
  background-color: var(--color-primary-hover, #b91c3c);
  color: #ffffff;
  outline: 2px solid var(--color-primary, #dc143c);
  outline-offset: 2px;
}