[data-pidw-form] {
  --form-ink: var(--site-ink, var(--color-dark));
  --form-paper: var(--site-panel, var(--color-light));
  --form-accent: var(--site-accent, var(--color-primary));
  --form-rule: var(--site-rule, currentColor);
  font-family: Axiforma, Arial, sans-serif;
}

[data-pidw-form] [data-pidw-field] {
  min-height: 44px;
  max-width: 100%;
  border-radius: 0;
  font-family: Axiforma, Arial, sans-serif;
  font-size: max(16px, 1rem);
  line-height: 1.5;
}

[data-pidw-form] select[data-pidw-field] {
  width: 100%;
  padding: .8rem;
  border: 1px solid var(--form-rule);
  background-color: var(--form-paper);
  color: var(--form-ink);
}

.pidw-form-field { min-width: 0; }
.pidw-field-help, .pidw-field-feedback, .pidw-form-status, .pidw-field-error {
  max-width: 65ch;
  margin: .6rem 0 1rem;
  font: 400 .875rem/1.55 Axiforma, Arial, sans-serif;
  overflow-wrap: anywhere;
}
.pidw-field-help { color: var(--site-muted, var(--form-ink)); }
.pidw-field-feedback:empty { display: none; }
.pidw-field-error, .pidw-field-feedback[data-state="error"], .pidw-required { color: var(--form-accent); }
.pidw-field-error { font-weight: 500; }
[data-pidw-form] [aria-invalid="true"] { border-color: var(--form-accent); }
.pidw-copy-template {
  min-height: 44px;
  margin: .25rem 0 1rem;
  padding: .7rem 1rem;
  border: 1px solid var(--form-ink);
  border-radius: 0;
  background: transparent;
  color: var(--form-ink);
  font: 500 .875rem/1.4 Axiforma, Arial, sans-serif;
  cursor: pointer;
  transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}
[data-pidw-form] :is([data-pidw-field], .pidw-copy-template):focus-visible {
  outline: 2px solid var(--site-focus, var(--form-accent));
  outline-offset: 3px;
}
@media (hover: hover) and (pointer: fine) {
  .pidw-copy-template:not(:disabled):hover {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-light);
  }
}
@media (prefers-reduced-motion: reduce) { .pidw-copy-template { transition: none; } }

.pidw-form-draft {
  grid-column: 1 / -1;
  min-width: 0;
  margin: 1.5rem 0;
  padding: clamp(1rem, 3vw, 1.5rem);
  border: 1px solid var(--site-rule);
  background: var(--site-panel);
  color: var(--site-ink);
  font: 400 .875rem/1.6 Axiforma, Arial, sans-serif;
}
.pidw-form-draft p { margin: .75rem 0; font: inherit; overflow-wrap: anywhere; }
.pidw-form-draft label { display: flex; align-items: flex-start; gap: .75rem; font: inherit; cursor: pointer; }
.pidw-form-draft input[type="checkbox"] { appearance: auto; flex: 0 0 20px; width: 20px; height: 20px; margin: .2rem 0; accent-color: var(--color-primary); }
.pidw-form-draft button, .pidw-form-draft a {
  display: inline-flex; align-items: center; justify-content: center; min-height: 44px;
  max-width: 100%; margin: .25rem .5rem .25rem 0; padding: .65rem .9rem;
  border: 1px solid var(--site-ink); background: transparent; color: inherit;
  font: 500 .8rem/1.5 Axiforma, Arial, sans-serif; text-decoration: none; cursor: pointer;
}
.pidw-form-draft [hidden] { display: none !important; }
.interest-form-card:has(> .pidw-form-draft) { flex-direction: column; }
.interest-form-card > .pidw-form-draft { flex: 0 0 auto; width: min(100%, 43rem); margin-inline: auto; }
.pidw-form-draft :is(button,a,input):focus-visible { outline: 2px solid var(--site-focus); outline-offset: 3px; }
@media (hover: hover) and (pointer: fine) {
  .pidw-form-draft :is(button,a):hover { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-light); }
}