/* ============================================================
   Wissensbereich (/de/wissen/, /insights/): Antwortseiten.
   Baut auf transparenz.css auf (tr-hero, tr-section, tr-wrap).
   Seiten werden aus "geo seo/wissen/artikel.json" erzeugt (bauen.py).
   ============================================================ */

.wi-artikel { max-width: 760px; }
.wi-artikel h2 { margin-top: 48px; }
.tr-eyebrow a { color: inherit; font-weight: inherit; text-decoration: none; }

/* Kurze Antwort ganz oben */
.wi-kurz {
    background: var(--white); border: 1px solid var(--gray-200, #E6E1EF);
    border-left: 5px solid var(--gold); border-radius: 16px;
    padding: 24px 26px; box-shadow: 0 6px 18px rgba(55, 12, 123, 0.06);
}
.wi-kurz p { font-size: 1.08rem; margin: 6px 0 0; color: var(--purple-dark, #250854); }
.wi-kurz-label {
    display: block; font-size: 0.75rem; font-weight: 600; color: var(--purple);
    letter-spacing: 0.14em; text-transform: uppercase;
}

/* Kurzlisten-Regel und Schritte */
.wi-regel {
    background: var(--purple); color: var(--white) !important; border-radius: 14px;
    padding: 18px 22px; margin: 18px 0;
}
.wi-regel strong { color: var(--white); }
.wi-schritte { padding-left: 22px; margin: 10px 0 0; }
.wi-schritte li { margin-bottom: 10px; }
.wi-schritte li::marker { color: var(--purple); font-weight: 700; }

/* Häufige Fragen */
.wi-faq { display: grid; gap: 10px; margin-top: 8px; }
.wi-frage {
    background: var(--white); border: 1px solid var(--gray-200, #E6E1EF); border-radius: 14px;
    padding: 16px 20px;
}
.wi-frage summary {
    cursor: pointer; font-weight: 600; color: var(--purple-dark, #250854); list-style: none;
    display: flex; justify-content: space-between; gap: 16px;
}
.wi-frage summary::-webkit-details-marker { display: none; }
.wi-frage summary::after { content: '+'; color: var(--purple); font-weight: 700; }
.wi-frage[open] summary::after { content: '\2212'; }
.wi-frage p { margin: 10px 0 0; }

/* Über die Autorin */
.wi-autorin {
    display: flex; gap: 18px; align-items: center; margin-top: 48px;
    padding-top: 28px; border-top: 1px solid var(--gray-200, #E6E1EF);
}
.wi-autorin img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.wi-autorin p { margin: 0; font-size: 0.95rem; }

/* Übersicht */
.wi-karten { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 18px; }
.wi-karte {
    display: block; background: var(--white); border: 1px solid var(--gray-200, #E6E1EF);
    border-radius: 16px; padding: 24px 22px; text-decoration: none;
    box-shadow: 0 6px 18px rgba(55, 12, 123, 0.06); transition: transform 0.2s, box-shadow 0.2s;
}
.wi-karte:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(55, 12, 123, 0.12); }
.tr-section .wi-karte h3 { margin: 0 0 10px; }
.tr-section .wi-karte p { font-weight: 400; font-size: 0.95rem; margin: 0 0 14px; }
.wi-mehr { color: var(--purple); font-weight: 600; font-size: 0.9rem; }

@media (max-width: 600px) {
    .wi-kurz { padding: 20px; }
    .wi-autorin { align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
    .wi-karte { transition: none; }
    .wi-karte:hover { transform: none; }
}

/* Weitere Antworten */
.wi-weitere { list-style: none; padding-left: 0; }
.wi-weitere li { padding: 10px 0; border-bottom: 1px solid var(--gray-200, #E6E1EF); }
.wi-weitere li:last-child { border-bottom: 0; }
.wi-weitere a::after { content: ' \2192'; }

/* Vorlagen-Tabelle: kompakter, damit alle Spalten auf den Desktop passen */
.wi-artikel .tr-table { font-size: 0.86rem; min-width: 640px; }
.wi-artikel .tr-table th, .wi-artikel .tr-table td { padding: 11px 12px; }
.wi-artikel .tr-table td:first-child { width: 34%; white-space: normal; }