/*
 * FAQ narzędzi, rozkładów i ceremonii (M-53, `ops/decyzje.tsv` audyt-12): `<details class="zfaq">`,
 * w `summary` pytanie i `.zfaq__znak`, za nim odpowiedź. Pytanie Poppins 16 px, odpowiedź
 * 15 px, plus → minus. Tło, linie i kolory zostają w arkuszu strony (znak: `--zfaq-znak`).
 * `zoriana_enqueue_faq()` ładuje go PO arkuszu strony: przy równej specyficzności wygrywa.
 */

.zfaq > summary {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.125rem 0;
    list-style: none;
    cursor: pointer;
    font-family: 'Poppins', system-ui, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0;
    text-transform: none;
}
.zfaq > summary::-webkit-details-marker { display: none; }
.zfaq > summary > :not(.zfaq__znak) { font: inherit; color: inherit; }

.zfaq__znak {
    position: relative;
    flex: none;
    width: 1rem;
    height: 1rem;
    margin-top: 0.25rem;
    color: var(--zfaq-znak, currentColor);
}
.zfaq__znak::before,
.zfaq__znak::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1.5px;
    margin-top: -0.75px;
    background: currentColor;
    transition: transform 0.2s ease;
}
.zfaq__znak::after { transform: rotate(90deg); }
.zfaq[open] .zfaq__znak::after { transform: rotate(0deg); }

.zfaq > :not(summary),
.zfaq > :not(summary) p {
    font-family: 'Poppins', system-ui, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.9375rem;
    line-height: 1.65;
}
.zfaq > :not(summary) { margin: 0 0 1.25rem; padding: 0 2rem 0 0; }

@media (prefers-reduced-motion: reduce) {
    .zfaq__znak::before,
    .zfaq__znak::after { transition: none; }
}