/* feature-fold.css — NEUER Baustein (UNIVERSAL §21 Regel 2/4), NICHT in die App eingebunden.
   Die sechs Prinzipien („Keine Abos, volle Kontrolle" …) zeigen nur Symbol + Titel; der kleine Text klappt auf,
   wenn man auf die Karte klickt (Aufklapp-Feld / „Combobox"). Markup: <details class="feature-card feature-card--fold">
   mit <summary> (Symbol + Titel) und darunter Text + Link. Ohne JavaScript, mit Tastatur bedienbar (Enter/Leertaste),
   der Browser sagt Zustand „geöffnet/geschlossen" selbst an (UNIVERSAL §15).
   Gesehen im Mockup: mockups/mockup-kirsch-gross.html, mockup-sw-gross.html */

.feature-card--fold > summary {
    list-style: none;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    column-gap: var(--space-3);
    cursor: pointer;
    padding: var(--space-3) 0;
}
.feature-card--fold > summary::-webkit-details-marker { display: none; }
.feature-card--fold > summary .feature-icon { margin: 0; }
.feature-card--fold > summary .feature-title { margin: 0; }
.feature-card--fold > summary::after {
    content: "";
    width: 10px;
    height: 10px;
    border-right: 2px solid var(--text-muted);
    border-bottom: 2px solid var(--text-muted);
    transform: rotate(45deg);
    transition: transform var(--duration-fast, 150ms) ease;
}
.feature-card--fold[open] > summary::after { transform: rotate(-135deg); }
.feature-card--fold > summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 4px; }
.feature-card--fold > .feature-text,
.feature-card--fold > .feature-card-link { margin-left: 0; }
/* Aufgeklappt zeigt den ganzen Text, nicht die Drei-Zeilen-Kürzung aus theme-lesbar.css */
.feature-card--fold[open] > .feature-text { -webkit-line-clamp: unset; line-clamp: unset; display: block; }