/* Style strony /redakcja/ (template "Lista authorów", post slug "redakcja").
 * Scope: body.redakcja-page — klasa dodawana przez body_class filter
 * w jt-functions.php tylko dla strony o slug 'redakcja'.
 */

/* ─────────────────────────────────────────────────────────
   HERO — niebieski blok z tytułem i sidebar (stats + lekoludek)
   ───────────────────────────────────────────────────────── */
body.redakcja-page .author-list-hero {
    position: relative;
    overflow: hidden;
}

/* Główny grid: lewa zawartość + prawa sidebar — gap większy niż domyślny WP */
body.redakcja-page .author-list-hero .alignwide > .wp-block-columns {
    gap: 56px !important;
    align-items: flex-start;
}

/* ─── lewa kolumna: badge + tytuł + lead ─── */
body.redakcja-page .author-list-hero__badge {
    font-size: 11px;
    font-weight: 700;
    color: #043A7C;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin: 0 0 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
body.redakcja-page .author-list-hero__badge::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('../icons/verified.svg');
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
}

body.redakcja-page .author-list-hero__title {
    font-size: 44px !important;
    font-weight: 700;
    margin: 0 !important;
    letter-spacing: -0.8px;
    line-height: 1.1;
    color: #1a1f2e;
    text-wrap: balance;
}

body.redakcja-page .author-list-hero__lead {
    margin: 18px 0 0;
    font-size: 15.5px;
    line-height: 1.6;
    color: #1a1f2e;
    max-width: 640px;
    text-wrap: pretty;
}

/* ─────────────────────────────────────────────────────────
   Sidebar: Redakcja w liczbach (białe pudełko 2×2)
   ───────────────────────────────────────────────────────── */
body.redakcja-page .author-list-stats {
    background: #fff !important;
    border-radius: 6px;
    padding: 22px 24px !important;
    border: 1px solid #e8edf5;
}

body.redakcja-page .author-list-stats h3,
body.redakcja-page .author-list-stats h3.wp-block-heading {
    font-size: 11px !important;
    font-weight: 700;
    color: #8a94a6;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin: 0 0 16px !important;
    line-height: 1.2;
}

/* Wewnętrzne 2 kolumny po 2 pary liczba+label */
body.redakcja-page .author-list-stats .wp-block-columns {
    gap: 18px !important;
    margin: 0 !important;
}
body.redakcja-page .author-list-stats .wp-block-column > * {
    margin: 0 !important;
}

/* Pary: każdy p:nth-of-type(odd) = liczba, p:nth-of-type(even) = label */
body.redakcja-page .author-list-stats .wp-block-column p:nth-of-type(odd) {
    font-size: 28px;
    font-weight: 700;
    color: #043A7C;
    letter-spacing: -0.8px;
    line-height: 1;
}
/* Druga, trzecia… liczba — gap od poprzedniej pary */
body.redakcja-page .author-list-stats .wp-block-column p:nth-of-type(odd):not(:first-of-type) {
    margin-top: 18px !important;
}
body.redakcja-page .author-list-stats .wp-block-column p:nth-of-type(even) {
    font-size: 12px;
    color: #58738D;
    margin-top: 6px !important;
}

/* ─────────────────────────────────────────────────────────
   Lekoludek + dymek wiadomości
   ───────────────────────────────────────────────────────── */
body.redakcja-page .author-list-greeting {
    margin-top: 18px;
    background: transparent !important;
    padding: 0 !important;
}

body.redakcja-page .author-list-greeting .wp-block-columns {
    gap: 0 !important;
    align-items: flex-end;
    margin: 0 !important;
}

body.redakcja-page .author-list-greeting__avatar img {
    width: 110px !important;
    height: auto !important;
    max-width: 110px !important;
    filter: drop-shadow(0 4px 12px rgba(4, 58, 124, 0.12));
}

body.redakcja-page .author-list-greeting__bubble {
    background: #fff !important;
    border: 1px solid #e8edf5;
    border-radius: 12px 12px 12px 4px;
    padding: 12px 14px !important;
    margin-bottom: 18px;
}

body.redakcja-page .author-list-greeting__title {
    font-size: 10.5px;
    font-weight: 700;
    color: #00C2C8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 0 4px;
}

body.redakcja-page .author-list-greeting__text {
    font-size: 13px;
    line-height: 1.45;
    color: #1a1f2e;
    font-weight: 600;
    margin: 0;
}

/* ─────────────────────────────────────────────────────────
   Responsywne — < 900px sidebar zjeżdża pod content,
   < 600px zmniejszone czcionki w h1/lead
   ───────────────────────────────────────────────────────── */
@media (max-width: 900px) {
    body.redakcja-page .author-list-hero .alignwide > .wp-block-columns {
        gap: 28px !important;
    }
    body.redakcja-page .author-list-hero__title {
        font-size: 32px !important;
        letter-spacing: -0.4px;
    }
}

@media (max-width: 600px) {
    body.redakcja-page .author-list-hero__title {
        font-size: 26px !important;
    }
    body.redakcja-page .author-list-hero__lead {
        font-size: 14px;
    }
}

/* ─────────────────────────────────────────────────────────
   STICKY TAB NAV — pod hero, biały pasek z 3 linkami
   (Zespół / Proces weryfikacji / Źródła)
   ───────────────────────────────────────────────────────── */
body.redakcja-page .author-list-tabs {
    background: #fff !important;
    margin: 0 !important;
    gap: 0 !important;
    display: flex !important;
    flex-wrap: nowrap;
}

/* Większy odstęp między pasem zakładek a sekcją "Zespół redakcji" */
body.redakcja-page #zespol {
    margin-top: 56px;
}

body.redakcja-page .author-list-tabs p,
body.redakcja-page .author-list-tabs > * {
    margin: 0 !important;
}

body.redakcja-page .author-list-tabs a {
    display: inline-block;
    padding: 14px 18px;
    font-size: 13px;
    font-weight: 600;
    color: #58738D;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    background: transparent;
    transition: color 0.15s, border-color 0.15s;
}

body.redakcja-page .author-list-tabs a:hover,
body.redakcja-page .author-list-tabs a.is-active {
    color: #117DFF;
    border-bottom-color: #117DFF;
    text-decoration: none;
}

/* ─────────────────────────────────────────────────────────
   SEKCJA "Zespół redakcji" — nagłówek + 3 kafelki ról
   ───────────────────────────────────────────────────────── */

/* Header: h2 + podtytuł w wierszu */
body.redakcja-page .author-list-team-header {
    display: flex !important;
    align-items: baseline !important;
    gap: 16px !important;
    flex-wrap: wrap;
    margin-bottom: 28px;
}

body.redakcja-page .author-list-team__title {
    margin: 0 !important;
    font-size: 28px !important;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.2;
}

body.redakcja-page .author-list-team__lead {
    font-size: 13.5px;
    color: #58738D;
    margin: 0 !important;
    flex: 1 1 0;
    min-width: 200px;
}

/* 3 kolumny kafelków ról */
body.redakcja-page .author-list-roles {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    margin-bottom: 32px;
}
/* Wewnętrzny WP-block-columns: zerujemy domyślny gap żeby grid wzięło górę */
body.redakcja-page .author-list-roles.wp-block-columns {
    column-gap: 8px !important;
    row-gap: 8px !important;
}

/* Pojedynczy kafelek — sama ramka (padding/tło/border).
   Flex layout (badge obok body) jest na wewnętrznym wp:group,
   bo user trzyma w środku osobny "wiersz blok". */
body.redakcja-page .author-list-role {
    padding: 16px 18px !important;
    border-radius: 6px;
    border: 1px solid #e8edf5;
    background: #fff !important;
    margin: 0 !important;
}

/* Wewnętrzny wp:group (layout: flex) z badge + body */
body.redakcja-page .author-list-role > .wp-block-group {
    display: flex !important;
    gap: 12px !important;
    align-items: flex-start !important;
    flex-wrap: nowrap;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

body.redakcja-page .author-list-role.is-konsultant {
    background: #D8EFE0 !important;
    border-color: #A7D5B8;
}
body.redakcja-page .author-list-role.is-eksperci {
    background: #E8F5ED !important;
    border-color: #C5E0CE;
}
body.redakcja-page .author-list-role.is-redaktor {
    background: #F4F8F6 !important;
    border-color: #DDE6E0;
}

/* Badge w kafelku */
body.redakcja-page .author-list-role__badge {
    display: inline-flex;
    align-items: center;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 3px 8px;
    border-radius: 3px;
    flex-shrink: 0;
    height: fit-content;
    white-space: nowrap;
    margin: 0 !important;
    line-height: 1.4;
}

body.redakcja-page .author-list-role.is-konsultant .author-list-role__badge {
    background: #1F7A43;
    color: #fff;
}
body.redakcja-page .author-list-role.is-eksperci .author-list-role__badge {
    background: #D8EFE0;
    color: #1F7A43;
}
body.redakcja-page .author-list-role.is-redaktor .author-list-role__badge {
    background: #F1F3F6;
    color: #58738D;
}

/* Treść kafelka — nazwa + opis */
body.redakcja-page .author-list-role__body {
    flex: 1 1 0;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

body.redakcja-page .author-list-role__name {
    font-size: 13px !important;
    font-weight: 700;
    color: #1a1f2e;
    margin: 0 !important;
    line-height: 1.2;
    display: flex !important;
    align-items: center;
    gap: 6px;
}
/* Liczba autorów obok nazwy roli — mniejsza i jaśniejsza, z separatorem "· " */
body.redakcja-page .author-list-role__name .value {
    color: #8A94A6;
    font-weight: 600;
    font-size: 11px;
}
body.redakcja-page .author-list-role__name .value::before {
    content: "· ";
}

body.redakcja-page .author-list-role__desc {
    font-size: 11.5px;
    color: #58738D;
    margin: 4px 0 0;
    line-height: 1.4;
}

/* Responsywne — 3 kolumny → 1 kolumna na mobilu */
@media (max-width: 781px) {
    body.redakcja-page .author-list-roles,
    body.redakcja-page .author-list-roles.wp-block-columns {
        grid-template-columns: 1fr !important;
    }
    body.redakcja-page .author-list-team__title {
        font-size: 22px !important;
    }
    body.redakcja-page .author-list-tabs {
        padding: 0 16px !important;
        overflow-x: auto;
    }
    body.redakcja-page .author-list-tabs a {
        padding: 12px 12px;
        font-size: 12px;
        white-space: nowrap;
    }
}

/* ─────────────────────────────────────────────────────────
   KARTA AUTORA + GRID listy (filter author_cards_redakcja)
   ───────────────────────────────────────────────────────── */

body.redakcja-page .author-list-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 32px;
}

/* Sama karta */
body.redakcja-page .author-card {
    background: #fff !important;
    border: 1px solid #e8edf5;
    border-radius: 6px;
    padding: 22px 24px !important;
    display: flex !important;
    flex-direction: column;
    gap: 0 !important;
    transition: border-color 0.15s, box-shadow 0.15s;
}
body.redakcja-page .author-card:hover {
    border-color: #c5d4ea;
    box-shadow: 0 1px 3px rgba(4, 58, 124, 0.06);
}

/* ─── Badge poziomu (Konsultant / Ekspert / Redaktor) ─── */
body.redakcja-page .author-card__badge {
    margin: 0 0 14px !important;
}
body.redakcja-page .author-card__badge .value {
    display: inline-flex;
    align-items: center;
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 4px 10px;
    border-radius: 4px;
    line-height: 1.4;
}
body.redakcja-page .author-card.is-konsultant .author-card__badge .value {
    background: #1F7A43;
    color: #fff;
}
body.redakcja-page .author-card.is-ekspert .author-card__badge .value {
    background: #D8EFE0;
    color: #1F7A43;
}
body.redakcja-page .author-card.is-redaktor .author-card__badge .value {
    background: #F1F3F6;
    color: #58738D;
}

/* ─── Sekcja avatar + info (wp:columns w środku karty) ─── */
body.redakcja-page .author-card > .wp-block-columns {
    display: flex !important;
    gap: 14px !important;
    align-items: center;
    margin: 0 !important;
}
body.redakcja-page .author-card > .wp-block-columns > .wp-block-column {
    flex: 1 1 0;
    min-width: 0;
}
/* Pierwsza kolumna (avatar) — zawsze 64px */
body.redakcja-page .author-card > .wp-block-columns > .wp-block-column:first-child {
    flex: 0 0 64px;
    max-width: 64px;
}

/* Avatar (Lemmony Circle) — okrąg 64x64 z gradientem.
   Domyślny .lemmony-circle ma min-width/min-height: 128px → wymuszamy 64. */
body.redakcja-page .author-card__avatar,
body.redakcja-page .author-card__avatar.wp-block-lemmony-circle {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    max-width: 64px !important;
    max-height: 64px !important;
    border-radius: 50% !important;
    overflow: hidden;
    font-size: 24.32px !important;
    background: linear-gradient(135deg, #043A7C 0%, #1A4F95 100%);
    color: #fff;
    font-weight: 600;
    letter-spacing: -1px;
    box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
}
body.redakcja-page .author-card__avatar img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ─── Nazwa autora + verify icon ─── */
body.redakcja-page .author-card__name {
    margin: 0 !important;
}
body.redakcja-page .author-card__name .value {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 1.15;
    color: #1a1f2e;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
body.redakcja-page .author-card__name .value::after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url('../icons/verified.svg');
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
}

/* ─── Tytuł naukowy (dr n. farm.) ─── */
body.redakcja-page .author-card__title {
    margin: 5px 0 0 !important;
}
body.redakcja-page .author-card__title .value {
    font-size: 12px;
    color: #58738D;
    font-weight: 600;
    letter-spacing: 0.2px;
}

/* ─── Krótki opis (3-line clamp) ─── */
body.redakcja-page .author-card__bio {
    margin: 14px 0 0 !important;
}
body.redakcja-page .author-card__bio .value {
    font-size: 13px;
    line-height: 1.55;
    color: #1a1f2e;
    text-wrap: pretty;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ─── Separator ─── */
body.redakcja-page .author-card > .wp-block-separator {
    margin: 16px 0 12px !important;
    border: 0;
    border-top: 1px solid #e8edf5;
    opacity: 1;
    max-width: none !important;
    width: 100%;
    align-self: stretch;
}

/* ─── Footer (PWZ + Zobacz profil) ─── */
body.redakcja-page .author-card__footer {
    display: flex !important;
    align-items: center;
    gap: 8px !important;
    flex-wrap: wrap;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    font-size: 11.5px;
    color: #58738D;
}

body.redakcja-page .author-card__pwz {
    margin: 0 !important;
    display: inline-flex !important;
    align-items: baseline;
    gap: 4px;
}
body.redakcja-page .author-card__pwz .prefix {
    color: #1a1f2e;
    font-weight: 600;
}

/* Ostatni element w stopce (wrapper MFB z linkiem) wypchnięty na prawo */
body.redakcja-page .author-card__footer > *:last-child {
    margin-left: auto;
}

/* Link "Zobacz profil →" — klasa nadana przez filter author_profile_link */
body.redakcja-page .author-card__footer .author-profile-link {
    color: #043A7C;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    text-decoration: none;
}
body.redakcja-page .author-card__footer .author-profile-link:hover {
    text-decoration: underline;
}

/* ─── Responsywne ─── */
@media (max-width: 1100px) {
    body.redakcja-page .author-list-cards-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 600px) {
    body.redakcja-page .author-list-cards-grid {
        grid-template-columns: 1fr;
    }
}

/* ─────────────────────────────────────────────────────────
   SEKCJA "Proces weryfikacji treści" — 6 ponumerowanych kafelków
   ───────────────────────────────────────────────────────── */

body.redakcja-page .proces-section {
    margin-top: 80px;
}

/* Header: h2 + lead w wierszu (jak w "Zespół redakcji") */
body.redakcja-page .proces-header {
    display: flex !important;
    align-items: baseline !important;
    gap: 16px !important;
    flex-wrap: wrap;
    margin-bottom: 28px;
}

body.redakcja-page .proces-section__title {
    margin: 0 !important;
    font-size: 28px !important;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.2;
}

body.redakcja-page .proces-section__lead {
    font-size: 13.5px;
    color: #58738D;
    margin: 0 !important;
    flex: 1 1 0;
    min-width: 200px;
}

/* Grid 6 kafelków, 3 kolumny */
body.redakcja-page .proces-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
}

/* Pojedynczy kafelek — białe tło, kolorowa górna krawędź */
body.redakcja-page .proces-step {
    background: #fff !important;
    border: 1px solid #e8edf5 !important;
    border-top: 3px solid #e8edf5 !important;
    border-radius: 6px;
    padding: 20px 22px !important;
    display: flex !important;
    flex-direction: column;
}

/* Kolory krawędzi + numerów per kafelek */
body.redakcja-page .proces-step.is-step-1 { border-top-color: #00858A !important; }
body.redakcja-page .proces-step.is-step-2 { border-top-color: #7340B5 !important; }
body.redakcja-page .proces-step.is-step-3 { border-top-color: #1F8A48 !important; }
body.redakcja-page .proces-step.is-step-4 { border-top-color: #C03020 !important; }
body.redakcja-page .proces-step.is-step-5 { border-top-color: #B06A10 !important; }
body.redakcja-page .proces-step.is-step-6 { border-top-color: #3D52C9 !important; }

body.redakcja-page .proces-step.is-step-1 .proces-step__number { color: #00858A; }
body.redakcja-page .proces-step.is-step-2 .proces-step__number { color: #7340B5; }
body.redakcja-page .proces-step.is-step-3 .proces-step__number { color: #1F8A48; }
body.redakcja-page .proces-step.is-step-4 .proces-step__number { color: #C03020; }
body.redakcja-page .proces-step.is-step-5 .proces-step__number { color: #B06A10; }
body.redakcja-page .proces-step.is-step-6 .proces-step__number { color: #3D52C9; }

/* Pierwszy wiersz: numer + "odpowiada:" */
body.redakcja-page .proces-step__head {
    display: flex !important;
    align-items: baseline !important;
    gap: 12px !important;
    margin: 0 0 10px !important;
}

body.redakcja-page .proces-step__number {
    margin: 0 !important;
    font-size: 22px !important;
    font-weight: 700;
    letter-spacing: -0.5px;
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

body.redakcja-page .proces-step__role {
    margin: 0 !important;
    font-size: 10.5px;
    font-weight: 700;
    color: #8A94A6;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

body.redakcja-page .proces-step__title {
    margin: 0 0 6px !important;
    font-size: 15px !important;
    font-weight: 700;
    color: #1a1f2e;
    line-height: 1.3;
}

body.redakcja-page .proces-step__desc {
    margin: 0 !important;
    font-size: 12.5px;
    line-height: 1.55;
    color: #58738D;
}

/* Responsywne */
@media (max-width: 900px) {
    body.redakcja-page .proces-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 600px) {
    body.redakcja-page .proces-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ─────────────────────────────────────────────────────────
   SEKCJA "Standardy źródeł" — 9 kafelków z ikonkami
   ───────────────────────────────────────────────────────── */

body.redakcja-page .zrodla-section {
    margin-top: 64px !important;
}

body.redakcja-page .zrodla-header {
    display: flex !important;
    align-items: baseline !important;
    gap: 16px !important;
    flex-wrap: wrap;
    margin-bottom: 28px;
}

body.redakcja-page .zrodla-section__title {
    margin: 0 !important;
    font-size: 28px !important;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.2;
}

body.redakcja-page .zrodla-section__lead {
    margin: 0 !important;
    font-size: 13.5px;
    color: #58738D;
    flex: 1 1 0;
    min-width: 200px;
}

/* Grid 3-kolumnowy z 9 kafelkami */
body.redakcja-page .zrodla-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;
}

/* Pojedynczy kafelek źródła */
body.redakcja-page .zrodla-source {
    background: #fff !important;
    border: 1px solid #e8edf5 !important;
    border-radius: 6px;
    padding: 14px 18px !important;
    margin: 0 !important;
}

/* Wewnętrzny wp:columns → flex z gap 14, centered */
body.redakcja-page .zrodla-source > .wp-block-columns {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 0 !important;
}
body.redakcja-page .zrodla-source > .wp-block-columns > .wp-block-column {
    flex: 1 1 0;
    min-width: 0;
}
/* Lewa kolumna — sztywne 44px (override flex-basis: 100px z bloku) */
body.redakcja-page .zrodla-source > .wp-block-columns > .wp-block-column:first-child {
    flex: 0 0 44px !important;
    max-width: 44px !important;
    width: 44px !important;
}

/* Ikonka — 44x44 kwadrat z kolorowym tłem */
body.redakcja-page .zrodla-source__icon {
    width: 44px !important;
    height: 44px !important;
    border-radius: 6px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    flex-shrink: 0;
    padding: 0 !important;
    margin: 0 !important;
    background: #58738D;  /* fallback gdy brak modyfikatora */
}
body.redakcja-page .zrodla-source__icon p,
body.redakcja-page .zrodla-source__icon strong {
    margin: 0 !important;
    color: #fff !important;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.5px;
    text-align: center;
}

/* Kolory ikonek per nazwa źródła */
body.redakcja-page .zrodla-source.is-pm       .zrodla-source__icon { background: #326295; }
body.redakcja-page .zrodla-source.is-cochrane .zrodla-source__icon { background: #C63B3B; }
body.redakcja-page .zrodla-source.is-ema      .zrodla-source__icon { background: #003A78; }
body.redakcja-page .zrodla-source.is-urpl     .zrodla-source__icon { background: #B91C1C; }
body.redakcja-page .zrodla-source.is-chpl     .zrodla-source__icon { background: #7C3AED; }
body.redakcja-page .zrodla-source.is-nice     .zrodla-source__icon { background: #00558C; }
body.redakcja-page .zrodla-source.is-who      .zrodla-source__icon { background: #0093D6; }
body.redakcja-page .zrodla-source.is-aotmit   .zrodla-source__icon { background: #0F766E; }
body.redakcja-page .zrodla-source.is-pt       .zrodla-source__icon { background: #1E5BD6; }

/* Tytuł i opis */
body.redakcja-page .zrodla-source__name {
    margin: 0 !important;
    font-size: 13.5px !important;
    font-weight: 700;
    color: #1a1f2e;
    line-height: 1.2;
}
body.redakcja-page .zrodla-source__desc {
    margin: 2px 0 0 !important;
    font-size: 11.5px;
    color: #58738D;
    line-height: 1.4;
}

/* Responsywne */
@media (max-width: 900px) {
    body.redakcja-page .zrodla-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 600px) {
    body.redakcja-page .zrodla-grid {
        grid-template-columns: 1fr !important;
    }
}

/* < 360px: w "Redakcji w liczbach" kolumny stackują się pionowo
   (mimo isStackedOnMobile:false na bloku) */
@media (max-width: 360px) {
    body.redakcja-page .author-list-stats .wp-block-columns {
        flex-direction: column !important;
    }
}