/* Rodzina E — listy wpisów (home.php, archive.php, index.php) oraz baza wiedzy (archiwum, kategoria, FAQ).
   Źródło: Figma „Artykuły” (desktop 14709:18249, tylko metadane: zakładki 12 × ~103 px, siatka kart, CTA) i „Aktualności”
   (mobile 14928:734: zakładki jako lista pionowa, karty 351 px, numery stron 48 px) — adaptacja z metadanych.
   Baza wiedzy nie ma ramki w Figmie: akordeon i menu kategorii zaprojektowane z tokenów (adaptacja). */

/* ===== Zakładki kategorii =====
   Figma „Artykuły”: sekcja y=400, padding-top 48, komórki 103 × 90 px (12 kolumn = 1240 px od x=132), Jost 15/24, aktywna: 500 + gold + podkreślenie
   u dołu komórki. Mobile „Aktualności”: lista pionowa, link 335 × 33 (Jost 17, #101010) z odstępem 8. */
.kr-e-tabs{background:var(--kr-gold-50);padding-block:var(--kr-s-3xl) 7px}
@media (min-width:768px){.kr-e-tabs{padding-bottom:0}}
.kr-cat-tabs{display:flex;flex-direction:column;gap:8px}
body.kr .kr-cat-tabs__link{display:block;margin-inline:8px;padding:4px 8px;font-size:var(--kr-fs-text);line-height:24px;color:#101010;text-decoration:none;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
body.kr .kr-cat-tabs__link:hover{color:var(--kr-gold-700);border-bottom-color:var(--kr-gold-400)}
body.kr .kr-cat-tabs__link.is-current{color:var(--kr-gold-400);border-bottom-color:var(--kr-gold-400)}
body.kr .kr-cat-tabs__link:focus-visible{outline:3px solid var(--kr-gold-400);outline-offset:-3px;border-radius:var(--kr-r-s)}
@media (min-width:768px){
  .kr-cat-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(103px,1fr));gap:0;align-items:stretch}
  body.kr .kr-cat-tabs__link{margin-inline:0;height:90px;font-size:15px;color:var(--kr-navy-950);overflow-wrap:anywhere;border-bottom-color:transparent}
  body.kr .kr-cat-tabs__link.is-current{font-weight:500}
}
@media (min-width:1440px){.kr-e-tabs>.kr-container .kr-cat-tabs{grid-template-columns:repeat(12,103px);width:1240px}}

/* ===== Lista kart + paginacja ===== */
.kr-e-list{background:var(--kr-gold-50);padding-block:var(--kr-s-3xl) var(--kr-s-6xl)}
@media (min-width:768px){.kr-e-tabs{margin-bottom:39px}}
@media (max-width:991.98px){.kr-e-list{padding-bottom:var(--kr-s-4xl)}}
/* Paginacja (Figma: koła 48 px, odstęp 5 px, aktywna granatowa, pozostałe białe z obwódką gold). Nadpisuje wartości rodziny A zakresowo. */
body.kr .kr-e-list .pagination{width:100%;margin:var(--kr-s-l) 0 0;padding:0 0 var(--kr-s-m)}
body.kr .kr-e-list .pagination-container{gap:5px;justify-content:flex-start}
body.kr .kr-e-list .pagination-container .page-numbers{min-width:48px;height:48px;padding:0;border-color:var(--kr-gold-400);background:#fff;color:var(--kr-navy-950);font-weight:500}
body.kr .kr-e-list .pagination-container .page-numbers.current{background:var(--kr-navy-950);border-color:var(--kr-gold-400);color:#fff;font-weight:500}
body.kr .kr-e-list .pagination-container .page-numbers.prev,body.kr .kr-e-list .pagination-container .page-numbers.next{background:#fff;border-color:var(--kr-gold-400);color:var(--kr-navy-950)}
body.kr .kr-e-list .pagination-container a.page-numbers:hover,body.kr .kr-e-list .pagination-container a.page-numbers:focus-visible{background:var(--kr-gold-50);border-color:var(--kr-gold-600);color:var(--kr-gold-700)}
.kr-e-list .page-numbers svg{width:16px;height:16px}

.kr-empty{max-width:640px;margin:0 auto;padding:var(--kr-s-4xl) 0;text-align:center;color:var(--kr-navy-950);font-size:var(--kr-fs-text);line-height:var(--kr-lh-text)}
.kr-empty__title{margin:0 0 var(--kr-s-xs);font-family:var(--kr-font-heading);font-weight:600;font-size:var(--kr-h5);line-height:1.2;letter-spacing:var(--kr-ls-heading)}

/* ===== Baza wiedzy (archiwum, kategoria) ===== */
.kr-knowledge{background:var(--kr-gold-50);padding-block:var(--kr-s-4xl) var(--kr-s-6xl)}
.kr-knowledge__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--kr-s-2xl)}
@media (min-width:768px){.kr-knowledge__layout{grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:var(--kr-s-4xl)}}
.kr-side-nav{display:flex;flex-wrap:wrap;gap:8px}
body.kr .kr-side-nav a{display:block;padding:8px 16px;border:1px solid var(--kr-gold-200);border-radius:var(--kr-r-pill);font-size:var(--kr-fs-body);line-height:1.3;color:var(--kr-navy-950);text-decoration:none;background:#fff;transition:background-color .2s,color .2s,border-color .2s}
body.kr .kr-side-nav a:hover{border-color:var(--kr-gold-400);color:var(--kr-gold-700)}
body.kr .kr-side-nav a.current,body.kr .kr-side-nav a[aria-current]{background:var(--kr-gold-400);border-color:var(--kr-gold-400);color:#fff}
@media (min-width:768px){
  .kr-side-nav{position:sticky;top:calc(var(--header-h,190px) + 24px);flex-direction:column;flex-wrap:nowrap;gap:0;align-self:start;border-left:1px solid var(--kr-gold-200)}
  body.kr .kr-side-nav a{padding:10px 0 10px 20px;margin-left:-1px;border:0;border-left:2px solid transparent;border-radius:0;background:transparent;font-size:var(--kr-fs-text);line-height:1.3}
  body.kr .kr-side-nav a:hover{border-left-color:var(--kr-gold-400);background:transparent}
  body.kr .kr-side-nav a.current,body.kr .kr-side-nav a[aria-current]{background:transparent;border-left-color:var(--kr-gold-400);color:var(--kr-gold-600);font-weight:600}
}
body.kr .kr-side-nav a:focus-visible{outline:3px solid var(--kr-gold-400);outline-offset:2px}

.kr-faq-group{margin:0 0 var(--kr-s-3xl)}
.kr-faq-group:last-child{margin-bottom:0}
body.kr .kr-faq-title{margin:0 0 var(--kr-s-l);font-size:var(--kr-h4);color:var(--kr-gold-400)}
@media (max-width:991.98px){.kr-faq-title{font-size:var(--kr-h4)}}

.kr-faq .accordion{--bs-accordion-bg:transparent;--bs-accordion-border-width:0;--bs-accordion-btn-focus-box-shadow:none;display:flex;flex-direction:column;gap:var(--kr-s-s)}
.kr-faq .accordion .accordion-item{background:var(--kr-white);border:1px solid rgba(190,145,76,.45);border-radius:var(--kr-r-l);overflow:hidden;transition:border-color .2s,box-shadow .2s}
.kr-faq .accordion .accordion-item:hover,.kr-faq .accordion .accordion-item:has(.accordion-button:not(.collapsed)){border-color:var(--kr-gold-400);box-shadow:var(--kr-sh-card)}
.kr-faq .accordion .accordion-header{margin:0;font-size:inherit}
.kr-faq .accordion .accordion-button{padding:20px 24px;background:transparent;color:var(--kr-navy-950);font-family:var(--kr-font-heading);font-weight:600;font-size:var(--kr-h6);line-height:1.3;letter-spacing:var(--kr-ls-heading);box-shadow:none;gap:16px;text-align:left}
.kr-faq .accordion .accordion-button:not(.collapsed){background:var(--kr-gold-50);color:var(--kr-navy-950);box-shadow:none}
.kr-faq .accordion .accordion-button::after{flex:0 0 24px;width:24px;height:24px;background-size:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23be914c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.kr-faq .accordion .accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23be914c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");transform:rotate(-180deg)}
.kr-faq .accordion .accordion-button:focus-visible{outline:3px solid var(--kr-gold-400);outline-offset:-3px}
.kr-faq .accordion .accordion-body{padding:8px 24px 24px;font-size:var(--kr-fs-text);line-height:var(--kr-lh-text);color:var(--kr-navy-950)}
.kr-faq .accordion .accordion-body>:first-child{margin-top:0}
.kr-faq .accordion .accordion-body p{margin:0 0 1em}
.kr-faq .accordion .accordion-body ul,.kr-faq .accordion .accordion-body ol{padding-left:1.25em;margin:0 0 1em}
body.kr .kr-faq .accordion .accordion-body a{color:var(--kr-gold-700)}
.kr-faq__author{margin-top:var(--kr-s-m);font-size:var(--kr-fs-body-xs);color:var(--kr-navy-700)}
body.kr .kr-faq__author a{color:inherit;text-decoration:underline}
body.kr .kr-faq__more{display:inline-block;margin-top:var(--kr-s-m);font-weight:500}
@media (prefers-reduced-motion:reduce){.kr-faq .accordion .accordion-item,.kr-faq .accordion .accordion-button::after{transition:none}}
@media (max-width:575.98px){
  .kr-faq .accordion .accordion-button{padding:16px;font-size:var(--kr-h6)}
  .kr-faq .accordion .accordion-body{padding:4px 16px 20px}
}

/* ===== Kontener treści E: Figma — lewa krawędź 132 px w ramce 1440 (prawa 1308), mobile 12 px ===== */
:is(.kr-e-tabs,.kr-e-list,.kr-knowledge,.kr-single,.kr-case-intro,.kr-case-list,.kr-case-last,.kr-case-situation,.kr-case-outcome,.kr-case-profits,.kr-opinions)>.kr-container{max-width:1440px;padding-inline:12px}
@media (min-width:768px){:is(.kr-e-tabs,.kr-e-list,.kr-knowledge,.kr-single,.kr-case-intro,.kr-case-list,.kr-case-last,.kr-case-situation,.kr-case-outcome,.kr-case-profits,.kr-opinions)>.kr-container{padding-inline:clamp(24px,9.17vw,132px)}}
