/* ============================================================
   Content pages + public forms (Z-08)
   /content/impressum/, /content/datenschutz/, /content/kontakt/,
   /content/danke/, /content/marktVorschlagen/
   Page-only layer on top of zinnober.css: prose width and form
   layout. Component styling (zn-field, zn-input, zn-btn, ...)
   lives in zinnober.css.
   ============================================================ */

.ct-prose {
  max-width: 70ch;
  margin: 2rem auto;
  padding-inline: 1rem;
}

.ct-prose p {
  margin: 0 0 1rem;
}

.ct-prose h2,
.ct-prose h3 {
  margin-top: 1.75rem;
}

.ct-prose .zn-btn {
  margin-top: 0.5rem;
}

.ct-form-wrap {
  max-width: 34rem;
  margin: 2rem auto 3rem;
  padding-inline: 1rem;
}

.ct-form-wrap h2 {
  margin-bottom: 0.5rem;
}

.ct-form-wrap > p {
  color: var(--zn-muted);
  margin: 0 0 1.5rem;
}

.ct-form {
  display: flex;
  flex-direction: column;
}

.ct-honeypot {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.ct-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.25rem;
}