/**
 * Psyche - STYLE KATEGORII / TAGU
 * Ladowane na stronach kategoria.php i tag.php
 * (hero-archiwum wspolny dla kategoria/tag/wyszukiwanie jest w wyglad.css)
 */

/* ===== PODKATEGORIE - KARTY (glowna kolumna) ===== */
.sekcja-podkategorii { margin-bottom: var(--o-12); }
.tytul-podkategorii {
    font-family: var(--f-mono);
    font-size: var(--r-xs);
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--c-szarofiolet);
    margin-bottom: var(--o-4);
    display: block;
}
.siatka-podkategorii { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--o-3); }
@media (max-width: 600px) { .siatka-podkategorii { grid-template-columns: 1fr; } }

.karta-podkategorii {
    display: block;
    padding: var(--o-4);
    background: var(--c-tlo2);
    border: 1px solid var(--c-ramka);
    border-radius: 12px;
    transition: border-color var(--czas-baza), transform var(--czas-baza);
}
.karta-podkategorii:hover { border-color: var(--c-fiolet); transform: translateY(-2px); }
.karta-podkategorii h4 { font-family: var(--f-tytulowa); font-size: var(--r-md); font-weight: 600; color: var(--c-tekst); margin-bottom: var(--o-1); }
.karta-podkategorii p { font-size: var(--r-sm); color: var(--c-tekst-2); line-height: 1.6; margin: 0; }