/* mitglied-werden.css — Layer: pages (lädt nur beim Template mitglied-werden).
 * Schritt-für-Schritt-Hub zum Eintritt und die kompakte Beitragsliste.
 * Kind-Seiten (z. B. Satzung, default-Template) laden diese Datei bewusst nicht. */
@layer pages {

/* =====================================================
 * Mitglied-werden-Hub
 * ===================================================== */

/* Eigener Namensraum "frgs-mitglied-step*", bewusst NICHT "frgs-step*" —
 * dieser Name ist bereits weiter oben von der "Steps — numbered recruitment
 * path"-Komponente belegt (aktuell ungenutzt, siehe Kommentar dort). Bei
 * einer künftigen CSS-Modularisierung (Aufteilung in Komponenten-Dateien)
 * gehört dieser Block zu einer eigenen "mitglied-werden"-Komponente. */
.frgs-mitglied-steps {
  list-style: none;
  counter-reset: schritt;
  display: grid;
  gap: var(--sp-4);
  margin: var(--sp-6) 0;
  padding: 0;
}
@media (min-width: 768px) { .frgs-mitglied-steps { grid-template-columns: repeat(3, 1fr); } }
.frgs-mitglied-step {
  counter-increment: schritt;
  padding: var(--sp-4);
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
}
.frgs-mitglied-step h3::before {
  content: counter(schritt);
  display: inline-grid;
  place-items: center;
  width: 1.6em;
  height: 1.6em;
  margin-right: var(--sp-2);
  font-size: var(--fs-sm);
  color: var(--white);
  background: var(--frgs-red);
  border-radius: 50%;
}
.frgs-mitglied-step p { font-size: var(--fs-sm); color: var(--ink-700); }

.frgs-beitraege-kompakt { list-style: none; margin: var(--sp-4) 0; padding: 0; max-width: 32rem; }
.frgs-beitraege-kompakt li {
  display: flex;
  justify-content: space-between;
  gap: var(--sp-4);
  padding: var(--sp-2) 0;
  border-bottom: 1px solid var(--color-border);
}

} /* Ende @layer pages */