.zen-and-tao-contact {
  --contact-content-width: var(--care-content-width);
  --contact-section-gap: 40px;
  --contact-divider: 1px solid var(--zen-and-tao-line);
  --contact-message-padding: 24px;
  --contact-care-padding: 32px;
  --contact-field-gap: 20px;
  --contact-control-padding: 12px 14px;
  --contact-success-width: 640px;
  --contact-success-padding: 32px;
  --contact-success-paragraph-gap: var(--contact-field-gap);
  --contact-success-action-gap: 32px;
  --contact-success-button-gap: 16px;
  --contact-success-font-size: 16px;
  --contact-success-leading: 1.8;
  padding-block: var(--care-page-top) 80px;
}

.zen-and-tao-contact__heading {
  max-width: var(--contact-content-width);
  margin-inline: auto;
  margin-bottom: var(--care-heading-gap);
}

.zen-and-tao-contact__heading h1 { margin-bottom: var(--care-title-gap); font-size: 48px; text-align: center; }
.zen-and-tao-contact__heading p { margin: 0; color: var(--zen-and-tao-muted); font-size: var(--care-subtitle-size); }
.zen-and-tao-contact__layout { display: grid; grid-template-columns: minmax(0, 1fr); max-width: var(--contact-content-width); margin-inline: auto; gap: var(--contact-section-gap); }
.zen-and-tao-contact__message { min-width: 0; padding-top: var(--contact-message-padding); border-top: var(--contact-divider); }
.zen-and-tao-contact h2 { margin-bottom: 24px; font-size: 28px; }
.zen-and-tao-contact__form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--contact-field-gap); scroll-margin-top: 130px; }
.zen-and-tao-contact__form > * { min-width: 0; grid-column: 1 / -1; }
.zen-and-tao-contact__form > .zen-and-tao-contact__field--half { grid-column: auto; }
.zen-and-tao-contact__field label { display: block; margin-bottom: 8px; font-size: var(--care-label-font-size); font-weight: var(--care-label-font-weight); }
.zen-and-tao-contact__field :is(input, textarea) { display: block; width: 100%; min-height: 48px; padding: var(--contact-control-padding); border-radius: var(--zen-and-tao-radius); font-size: 16px; }
.zen-and-tao-contact__field textarea { min-height: 148px; resize: vertical; }
.zen-and-tao-contact__field [aria-invalid="true"] { border-color: var(--zen-and-tao-danger); }
.zen-and-tao-contact__error { margin: 8px 0 0; color: var(--zen-and-tao-danger); font-size: 14px; }
.zen-and-tao-contact__privacy { margin: 0; color: var(--zen-and-tao-muted); font-size: 14px; }
.zen-and-tao-contact__privacy a { color: var(--zen-and-tao-jade); text-decoration: underline; text-underline-offset: 3px; }
.zen-and-tao-contact__form button { width: 100%; }
.zen-and-tao-contact__form button:disabled { cursor: wait; opacity: 0.7; }
.zen-and-tao-contact__care { min-width: 0; padding-top: var(--contact-care-padding); border-top: var(--contact-divider); }
.zen-and-tao-contact__care p { margin-bottom: 24px; color: var(--zen-and-tao-muted); }
.zen-and-tao-contact__email { display: flex; align-items: center; gap: 12px; min-height: 44px; margin-bottom: 16px; color: var(--zen-and-tao-jade); }
.zen-and-tao-contact__email span { min-width: 0; overflow-wrap: anywhere; }
.zen-and-tao-contact svg { flex: none; width: 18px; height: 18px; }
.zen-and-tao-contact__links { display: grid; gap: 4px; padding-top: 16px; border-top: 1px solid var(--zen-and-tao-line); background: transparent; }
.zen-and-tao-contact__links a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; background: transparent; }
.zen-and-tao-contact__links a:hover { background: transparent; }
.zen-and-tao-contact__notice { padding: 16px; margin-bottom: 24px; border: 1px solid var(--zen-and-tao-line); background: transparent; scroll-margin-top: 130px; }
.zen-and-tao-contact__success { width: 100%; max-width: var(--contact-success-width); margin-inline: auto; padding-top: var(--contact-success-padding); border-top: var(--contact-divider); }
.zen-and-tao-contact__success-message { display: grid; gap: var(--contact-success-paragraph-gap); margin-bottom: var(--contact-success-action-gap); font-size: var(--contact-success-font-size); line-height: var(--contact-success-leading); }
.zen-and-tao-contact__success-message p { margin: 0; scroll-margin-top: 130px; }
.zen-and-tao-contact__success-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--contact-success-button-gap); }
.zen-and-tao-contact__success-actions .zen-and-tao-button { min-width: 0; text-align: center; }

@media (max-width: 540px) {
  .zen-and-tao-contact { --contact-success-padding: var(--contact-message-padding); --contact-success-action-gap: var(--contact-message-padding); --contact-success-button-gap: 12px; padding-bottom: 48px; }
  .zen-and-tao-contact__heading h1 { font-size: 36px; }
  .zen-and-tao-contact h2 { font-size: 24px; }
  .zen-and-tao-contact__form { grid-template-columns: minmax(0, 1fr); }
  .zen-and-tao-contact__success-actions { grid-template-columns: minmax(0, 1fr); }
}