/* KK Biogram 2.0 – szablon biogramu kapelana (kapelanikatynscy.pl)
   Kroje i paleta motywu Loquet: Marcellus (nagłówki), Lora (tekst), Josefin Sans (UI);
   #111 tekst, #ad9a6d złoto (dekoracja), #faf5ef krem. Bez dodatkowych fontów. */

.kk-bio{
	--kk-ink:#111111;
	--kk-ink2:#3a3732;
	--kk-muted:#625c52;          /* 6.6:1 na białym, 5.9:1 na kremie */
	--kk-gold:#ad9a6d;           /* tylko linie, ramki, tła */
	--kk-gold-text:#74612f;      /* 7.1:1 na białym – złoto w tekście */
	--kk-line:#e3ddd0;
	--kk-cream:#faf5ef;
	--kk-serif:"Lora",Georgia,"Times New Roman",serif;
	--kk-display:"Marcellus",Georgia,serif;
	--kk-sans:"Josefin Sans","Segoe UI",Arial,sans-serif;
	--kk-measure:52ch;   /* ok. 580 px: 63–67 znaków w wierszu przy Lora 18 px (zalecenie 60–70) */
	--kk-anchor:112px;
	color:var(--kk-ink);
	font-family:var(--kk-serif);
	font-size:18px;
	line-height:1.7;
	-webkit-text-size-adjust:100%;
}
.kk-bio *,.kk-bio *::before,.kk-bio *::after{box-sizing:border-box}
.kk-bio :focus{outline:none}
.kk-bio :focus-visible{outline:3px solid var(--kk-gold-text);outline-offset:3px;border-radius:2px}
.kk-bio a{color:inherit;text-decoration-color:var(--kk-gold);text-underline-offset:.15em}
.kk-bio a:hover{color:var(--kk-gold-text)}
.kk-bio h1,.kk-bio h2,.kk-bio h3{font-family:var(--kk-display);font-weight:400;color:var(--kk-ink);margin:0}
.kk-bio [id]{scroll-margin-top:var(--kk-anchor)}
.kk-bio img{max-width:100%;height:auto}

/* ——— odstępy strony: zdejmujemy duży górny padding motywu tylko na biogramie ——— */
body.kk-biogram-v2 main.gt-main{padding-top:0!important}
body.kk-biogram-v2 .gt-page-wrapper{padding-top:0!important} /* Customizer motywu ma tu 80px !important */
body.kk-biogram-v2 .kkb-page-content{padding-top:0}
body.kk-biogram-v2 .gt-article .gt-content{margin-top:0}

/* ——— okruszki ——— */
.kk-crumbs{margin:18px 0 22px;font-family:var(--kk-sans);font-size:13px;line-height:1.5;letter-spacing:.04em;color:var(--kk-muted)}
.kk-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 8px}
.kk-crumbs li{display:inline-flex;align-items:center;gap:8px}
.kk-crumbs li+li::before{content:"›";color:var(--kk-gold-text)}
.kk-crumbs a{text-decoration:none;padding:4px 0}
.kk-crumbs a:hover{text-decoration:underline}
.kk-crumbs [aria-current]{color:var(--kk-ink2)}

.kk-testbar{background:#fff6dc;border:1px solid #e3c86a;color:#4a3b00;font-family:var(--kk-sans);font-size:14px;line-height:1.5;padding:8px 12px;margin:0 0 18px}

/* ——— nagłówek ——— */
.kk-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,500px);grid-template-rows:auto auto;gap:0 56px;align-items:stretch;margin:0 0 40px}
.kk-hero__text{grid-column:1;grid-row:1;display:flex;flex-direction:column;min-width:0}
/* portret z lewej (wybór w narzędziu redakcyjnym): zdjęcie w 1. kolumnie, tytuł/lead/oś czasu w 2. */
.kk-portrait-left .kk-hero{grid-template-columns:minmax(300px,500px) minmax(0,1fr)}
.kk-portrait-left .kk-hero__text{grid-column:2}
.kk-portrait-left .kk-portrait{grid-column:1;justify-self:start}
/* portret zajmuje 2 wiersze: zdjęcie w 1. (wyrównanie z osią czasu), podpis w 2. */
.kk-portrait{grid-column:2;grid-row:1 / span 2;display:grid;grid-template-rows:subgrid;align-content:start}
.kk-portrait>a,.kk-portrait>picture,.kk-portrait>img{grid-row:1;align-self:start}
.kk-portrait>figcaption{grid-row:2}
.kk-hero__text>*{flex:none}
.kk-bio .kk-title{font-size:clamp(34px,1.4vw + 28px,48px);line-height:1.1;letter-spacing:-.005em;margin:6px 0 0}
.kk-sub{font-family:var(--kk-serif);font-size:clamp(19px,1vw + 14px,24px);line-height:1.4;color:#86703c;margin:22px 0 0;max-width:34em;text-wrap:balance} /* 4,8:1 */
@media (min-width:1000px){.kk-sub{color:#9a8452}} /* 24 px = duży tekst wg WCAG, 3,6:1 ≥ 3:1 */
.kk-dates{font-family:var(--kk-sans);font-size:16px;line-height:1.5;color:var(--kk-ink2);margin:12px 0 0;letter-spacing:.01em}
.kk-dates b{font-weight:600;color:var(--kk-ink)}
@media (min-width:901px){.kk-has-timeline .kk-dates{display:none}}
.kk-lead{font-size:clamp(18px,.6vw + 15px,21px);line-height:1.65;color:var(--kk-ink2);margin:24px 0 0;max-width:var(--kk-measure)}
/* oś czasu pod leadem */
.kk-timeline{list-style:none;margin:auto 0 0;padding:22px 0 0;display:flex;gap:0;position:relative;font-family:var(--kk-sans)} /* bez przewijania: do 6 wpisów mieści się w szerokości kolumny */
.kk-hero__text .kk-lead{margin-bottom:30px} /* minimalny odstęp od osi czasu; reszta luzu idzie nad oś (margin-top:auto) */
.kk-timeline::before{content:"";position:absolute;left:0;right:0;top:6px;height:1px;background:var(--kk-gold)}
.kk-timeline li{flex:1 1 0;min-width:min-content;padding:0 14px 0 0;position:relative;-webkit-hyphens:auto;hyphens:auto} /* punkt nie węższy niż jego najdłuższe słowo – słowa nie są łamane w środku */
.kk-timeline li::before{content:"";position:absolute;left:0;top:-20px;width:9px;height:9px;border-radius:50%;background:#fff;border:1.5px solid var(--kk-gold-text)}
.kk-timeline b{display:block;font-size:17px;font-weight:600;color:var(--kk-ink);line-height:1.2}
.kk-timeline span{display:block;font-size:13.5px;line-height:1.45;color:var(--kk-muted);margin-top:4px}
/* punkt z kotwicą: cały (kropka, rok, podpis) jest odnośnikiem; wygląd spoczynkowy bez zmian.
   Najechanie (wariant B): po linii osi przesuwa się złoty pasek pod wskazany punkt (JS), kropka wypełnia się złotem,
   rok i podpis lekko unoszą się, rok złoty (#ad9a6d – złoto motywu Loquet), pod podpisem pojawia się rozdział, do którego prowadzi punkt.
   Zapas po lewej (6 px) i u dołu (30 px, na podpowiedź) kompensowany marginesem – układ strony bez zmian. */
.kk-timeline{padding-left:6px;padding-bottom:34px;margin-left:-6px;margin-bottom:-34px}
.kk-timeline::before{left:6px}
.kk-timeline::after{content:"";position:absolute;z-index:0;top:var(--kk-tl-y,5px);height:3px;left:var(--kk-tl-x,6px);width:var(--kk-tl-w,0);background:var(--kk-gold);opacity:var(--kk-tl-o,0);pointer-events:none;transition:left .45s cubic-bezier(.3,.7,.2,1),top .45s cubic-bezier(.3,.7,.2,1),width .45s cubic-bezier(.3,.7,.2,1),opacity .3s ease}
.kk-timeline li.kk-tl-link{z-index:1}
.kk-timeline li.kk-tl-link::before{content:none}
.kk-timeline a{display:block;height:100%;position:relative;color:inherit;text-decoration:none;border-radius:2px;-webkit-tap-highlight-color:transparent}
.kk-timeline a::before{content:"";position:absolute;left:0;top:-20px;width:9px;height:9px;border-radius:50%;background:#fff;border:1.5px solid var(--kk-gold-text);transition:background-color .3s ease,border-color .3s ease}
.kk-timeline a::after{content:"";position:absolute;left:0;right:0;top:-22px;height:22px} /* kropka i odstęp nad rokiem też są klikalne */
.kk-timeline a b,.kk-timeline a > span{transition:color .25s ease,transform .3s cubic-bezier(.3,.7,.2,1)}
/* śródtytuł pod najdłuższym podpisem osi (odnośnik ma wysokość całego wiersza), więc nie nachodzi na tekst sąsiednich punktów */
.kk-timeline a > .kk-tl-go{position:absolute;left:0;top:100%;margin-top:12px;white-space:nowrap;-webkit-hyphens:manual;hyphens:manual;font-size:13px;font-weight:600;letter-spacing:.02em;line-height:1.3;color:var(--kk-ink2);opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}
.kk-timeline .kk-tl-go i{font-style:normal;color:var(--kk-gold);margin-right:2px}
.kk-timeline li:nth-child(n+4):nth-last-child(-n+2) a > .kk-tl-go,.kk-timeline li:last-child a > .kk-tl-go{left:auto;right:0} /* prawa strona osi: śródtytuł dosunięty do prawej, nie wychodzi poza kolumnę */
.kk-bio .kk-timeline a:focus-visible{outline:2px solid var(--kk-gold-text);outline-offset:3px}
.kk-timeline a:focus-visible::before,.kk-timeline a:active::before{background:var(--kk-gold);border-color:var(--kk-gold)}
.kk-timeline a:focus-visible b,.kk-timeline a:active b{color:var(--kk-gold)}
.kk-timeline a:focus-visible b,.kk-timeline a:focus-visible > span:not(.kk-tl-go){transform:translateY(-3px)}
.kk-timeline a:focus-visible > .kk-tl-go{opacity:1;transform:none}
@media (hover:hover){
	.kk-timeline a:hover::before{background:var(--kk-gold);border-color:var(--kk-gold)}
	.kk-bio .kk-timeline a:hover b{color:var(--kk-gold)}
	.kk-timeline a:hover b,.kk-timeline a:hover > span:not(.kk-tl-go){transform:translateY(-3px)}
	.kk-timeline a:hover > .kk-tl-go{opacity:1;transform:none}
}
/* wąska kolumna (okno 901–1240 px) i 5–6 wpisów: oś łamie się na dwa wiersze po 3 punkty – bez suwaka i bez ściskania podpisów.
   Drugi wiersz ma własną linię; odstęp między wierszami mieści śródtytuł pokazywany po najechaniu. */
@media (min-width:901px) and (max-width:1240px){
	.kk-timeline:has(li:nth-child(5)){display:grid;grid-template-columns:repeat(3,minmax(min-content,1fr));row-gap:64px}
	.kk-timeline:has(li:nth-child(5)) li{min-width:0;z-index:0}
	.kk-timeline:has(li:nth-child(5)) li.kk-tl-link{z-index:1}
	.kk-timeline:has(li:nth-child(5))::before{right:auto;width:calc(100% - 6px)}
	.kk-timeline:has(li:nth-child(5)) li:nth-child(n+4)::after{content:"";position:absolute;z-index:-1;left:0;right:0;top:-16px;height:1px;background:var(--kk-gold)}
	.kk-timeline:has(li:nth-child(5)) li:nth-child(n) a > .kk-tl-go{left:0;right:auto;width:max-content;max-width:calc(300% + 28px);white-space:normal}
	.kk-timeline:has(li:nth-child(5)) li:nth-child(3n+2) a > .kk-tl-go{max-width:calc(200% + 14px)}
	.kk-timeline:has(li:nth-child(5)) li:nth-child(3n) a > .kk-tl-go{left:auto;right:0;text-align:right}
}
@media (min-width:901px) and (max-width:980px){ /* najwęższa kolumna: nieco mniejszy podpis, żeby długie słowa mieściły się w 1/3 szerokości */
	.kk-timeline:has(li:nth-child(5)) li{padding-right:8px}
	.kk-timeline:has(li:nth-child(5)) span:not(.kk-tl-go){font-size:12.5px}
}
/* cel skoku z osi czasu: krótkie, delikatne podświetlenie akapitu */
.kk-text .kk-flash{animation:kk-flash 2.4s ease-out}
@keyframes kk-flash{0%,25%{background-color:rgba(173,154,109,.2);box-shadow:0 0 0 8px rgba(173,154,109,.2)}100%{background-color:transparent;box-shadow:0 0 0 8px transparent}}
@media (prefers-reduced-motion:reduce){
	.kk-timeline::after,.kk-timeline a::before,.kk-timeline a b,.kk-timeline a > span,.kk-timeline a > .kk-tl-go{transition:none}
	.kk-timeline a b,.kk-timeline a > span,.kk-timeline a:hover b,.kk-timeline a:hover > span:not(.kk-tl-go),.kk-timeline a:focus-visible b,.kk-timeline a:focus-visible > span:not(.kk-tl-go){transform:none}
	.kk-text .kk-flash{animation:none}
}

/* portret 3:4 w ramce, pełna fotografia po kliknięciu */
.kk-portrait{margin:0;justify-self:end;width:100%;max-width:500px}
.kk-portrait picture,.kk-portrait img{display:block;width:100%}
.kk-portrait .kk-portrait__img{aspect-ratio:3/4;object-fit:cover;object-position:50% 0;background:var(--kk-cream)}
.kk-zoom{display:block;position:relative;text-decoration:none;border:1px solid var(--kk-line);background:var(--kk-cream);padding:6px}
.kk-zoom picture,.kk-zoom>img{display:block;overflow:hidden}
.kk-zoom img{transition:transform .6s ease}
.kk-zoom:hover img,.kk-zoom:focus-visible img{transform:scale(1.035)}
.kk-zoom:hover,.kk-zoom:focus-visible{border-color:var(--kk-gold)}
.kk-zoom__hint{position:absolute;right:12px;bottom:12px;font-family:var(--kk-sans);font-size:12px;letter-spacing:.06em;text-transform:uppercase;background:rgba(17,17,17,.78);color:#fff;padding:7px 10px;line-height:1;opacity:0;transition:opacity .15s}
.kk-zoom:hover .kk-zoom__hint,.kk-zoom:focus-visible .kk-zoom__hint{opacity:1}
.kk-portrait figcaption,.kk-figure figcaption{margin-top:10px;font-family:var(--kk-serif);font-size:14px;line-height:1.55;color:var(--kk-muted)}
.kk-portrait figcaption b{font-weight:600;color:var(--kk-ink2)}

/* ——— układ treść + metryka ——— */
.kk-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px 64px;align-items:start;margin-bottom:56px;container:kk-layout / inline-size}
.kk-main{min-width:0;container:kk-main / inline-size}
.kk-side{min-width:0}
.kk-side__map{margin-top:56px}
.kk-side__map .kk-figure{margin:0;max-width:none}
/* mapa szeroka jak portret (500 px), wysunięta w lewo w margines. Gdy obok stoi wstawka, JS przesuwa mapę
   do akapitu poniżej wstawki. Bez JS mapa zostaje w szerokości kolumny, żeby nigdy nie nachodzić na wstawkę. */
@container kk-layout (min-width:1200px){html.kk-js .kk-side__map{margin-left:-160px}}
/* „Świadectwo historii” – pod mapą, w jej szerokości (w tym samym bloku) */
.kk-testimony{background:var(--kk-cream);padding:26px 28px 28px;font-family:var(--kk-sans)}
.kk-side__map > .kk-figure + .kk-testimony{margin-top:28px}
/* selektory z .kk-bio .kk-testimony – moduł bywa w tekście (telefon: mapa przed „Miejscami pamięci”), gdzie działają style akapitów i cytatów biografii */
.kk-bio .kk-testimony .kk-testimony__k{font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-family:var(--kk-sans);font-weight:600;color:var(--kk-muted);display:flex;align-items:center;gap:12px;margin:0;line-height:1.4;clear:none}
.kk-testimony__k::before{content:"";width:28px;height:1px;background:var(--kk-gold);flex:none}
.kk-bio .kk-testimony .kk-testimony__t{font-family:var(--kk-display);font-size:25px;line-height:1.2;color:var(--kk-ink);margin:14px 0 0}
.kk-bio .kk-testimony .kk-testimony__q{margin:16px 0 0;padding:2px 0 2px 18px;border-left:2px solid var(--kk-gold);background:none;color:var(--kk-ink)}
.kk-bio .kk-testimony .kk-testimony__q p{font-family:var(--kk-serif);font-style:italic;font-size:18px;line-height:1.55;color:var(--kk-ink);margin:0}
.kk-bio .kk-testimony .kk-testimony__qa,.kk-bio .kk-testimony .kk-testimony__qa:hover{color:inherit;text-decoration:none}
.kk-bio .kk-testimony .kk-testimony__c{font-size:15.5px;line-height:1.6;color:var(--kk-ink2);margin:14px 0 0}
.kk-testimony__btn{margin-top:20px}
.kk-testimony__btn span[aria-hidden]{margin-left:.4em}
/* najechanie na cytat podświetla przycisk „Zobacz dokument” – widać, że cytat prowadzi do dokumentu */
.kk-bio .kk-testimony:has(.kk-testimony__qa:hover) .kk-testimony__btn{background:var(--kk-ink);color:#fff}
/* „Świadectwo historii” przy fragmencie tekstu: z boku (geometria zdjęcia „Duża”, opływane, na środku fragmentu) albo pod fragmentem */
.kk-bio .kk-text .kk-testimony--inline{background:var(--kk-cream);padding:22px 24px 24px;font-family:var(--kk-sans);font-style:normal;color:var(--kk-ink);line-height:1.5}
.kk-bio .kk-text .kk-testimony--below{margin:1.6em 0 2em;max-width:var(--kk-measure);clear:both}
.kk-bio .kk-text .kk-testimony--inline .kk-testimony__k{font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--kk-muted);display:flex;align-items:center;gap:12px;margin:0;line-height:1.4}
.kk-bio .kk-text .kk-testimony--inline .kk-testimony__t{font-family:var(--kk-display);font-size:24px;line-height:1.2;color:var(--kk-ink);margin:12px 0 0}
.kk-bio .kk-text .kk-testimony--inline .kk-testimony__q{margin:14px 0 0;padding:2px 0 2px 16px;border-left:2px solid var(--kk-gold);background:none;color:var(--kk-ink)}
.kk-bio .kk-text .kk-testimony--inline .kk-testimony__q p{font-family:var(--kk-serif);font-style:italic;font-size:18px;line-height:1.55;margin:0;color:var(--kk-ink)}
.kk-bio .kk-text .kk-testimony--inline .kk-testimony__qa{color:inherit;text-decoration:none}
.kk-bio .kk-text .kk-testimony--inline .kk-testimony__c{font-family:var(--kk-sans);font-size:15px;line-height:1.6;color:var(--kk-ink2);margin:12px 0 0}
.kk-bio .kk-text .kk-testimony--inline .kk-testimony__btn{margin-top:18px}
/* kolumna boczna przy fragmencie: „Świadectwo historii” z boku i zdjęcia „w kolumnie bocznej”; biogram.js dosuwa je na wysokość fragmentu (bez JS – pod mapą) */
.kk-side > .kk-pin{margin-top:56px}
.kk-side > .kk-side__photo{margin-bottom:0;max-width:none}
.kk-bio .kk-side__photo{max-width:none}
.kk-side__photo figcaption{font-size:14px}
@container kk-layout (min-width:1200px){html.kk-js .kk-side > .kk-side__photo--wide{margin-left:-160px}} /* szerokość mapy: 500 px, wysunięte w lewo jak mapa */
/* zdjęcie pod fragmentem tekstu: wyśrodkowane, wielkość jak przy wyborze (Pełna = szerokość kolumny tekstu) */
.kk-text .kk-inset-below{clear:both;margin:1.4em auto 1.8em;max-width:100%}
.kk-text .kk-inset-below--s{width:240px}
.kk-text .kk-inset-below--m{width:320px}
.kk-text .kk-inset-below--l{width:420px}
.kk-text .kk-inset-below--xl{width:100%}
.kk-bio .kk-text blockquote + .kk-inset-below{margin-top:-.4em}

/* „Pomóż uzupełnić historię kapelana” – formularz zgłoszeń w kolumnie bocznej (po metryczce, po mapie, na końcu)
   albo przy wybranym fragmencie tekstu. Selektory z .kk-bio – moduł bywa w tekście, gdzie działają style akapitów biografii. */
.kk-help{margin-top:56px;border-top:2px solid var(--kk-gold);padding-top:22px;font-family:var(--kk-sans)}
.kk-bio .kk-help h2{font-family:var(--kk-display);font-size:24px;line-height:1.2;margin:0;color:var(--kk-ink);clear:none}
.kk-bio .kk-help__lead{font-family:var(--kk-serif);font-size:16px;line-height:1.6;color:var(--kk-ink2);margin:12px 0 0}
.kk-bio .kk-text .kk-help{font-size:16px;line-height:1.5;color:var(--kk-ink);font-style:normal}
.kk-bio .kk-text .kk-help--below{margin:2em 0 2.2em;max-width:var(--kk-measure);clear:both}
.kk-help__d{margin-top:16px}
.kk-help__d > summary{list-style:none;width:100%}
.kk-help__d > summary::-webkit-details-marker{display:none}
.kk-help__d[open] > summary{background:var(--kk-ink);color:#fff}
.kk-form .kk-btn--solid{background:var(--kk-ink);color:#fff;border:1px solid var(--kk-ink)}
/* „Pomóż uzupełnić historię”: wszystkie przyciski 44 px, ramka 1 px, napis wyśrodkowany – także wybór plików */
.kk-help .kk-btn{min-height:44px;padding:0 18px;border-width:1px;text-align:center;line-height:1.25}
.kk-form input[type="file"]::file-selector-button{min-height:44px;margin:0 12px 0 0;padding:0 16px;border:1px solid var(--kk-ink);border-radius:0;background:transparent;color:var(--kk-ink);font-family:var(--kk-sans);font-size:13px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;vertical-align:middle}
.kk-form input[type="file"]::file-selector-button:hover{background:var(--kk-ink);color:#fff}
.kk-form .kk-btn--solid:hover,.kk-form .kk-btn--solid:focus-visible{background:var(--kk-gold-text);border-color:var(--kk-gold-text);color:#fff}
.kk-form .kk-btn--solid:disabled{opacity:.6;cursor:progress}
.kk-form{margin-top:18px;font-size:15px;line-height:1.5;color:var(--kk-ink)}
.kk-bio .kk-form__note{font-size:14px;color:var(--kk-ink2);margin:0 0 14px}
.kk-form__f{margin:0 0 16px;padding:0;border:0;min-width:0}
.kk-form label,.kk-form legend{display:block;font-weight:600;font-size:14.5px;margin:0 0 6px;padding:0;color:var(--kk-ink)}
.kk-form__if{font-weight:400;color:var(--kk-muted)}
.kk-form input[type="text"],.kk-form input[type="email"],.kk-form input[type="tel"],.kk-form textarea{display:block;width:100%;min-height:44px;padding:9px 11px;border:1px solid #8c8577;border-radius:0;background:#fff;font:inherit;font-size:16px;color:var(--kk-ink)}
.kk-form textarea{resize:vertical;line-height:1.5}
.kk-form input[type="file"]{display:block;width:100%;font:inherit;font-size:14px;padding:8px 0}
.kk-form input:focus-visible,.kk-form textarea:focus-visible{outline:3px solid var(--kk-gold-text);outline-offset:1px}
.kk-form .is-invalid input[type="text"],.kk-form .is-invalid input[type="email"],.kk-form .is-invalid textarea{border-color:#a12a1c;box-shadow:inset 3px 0 0 #a12a1c}
.kk-form label.kk-form__r,.kk-form label.kk-form__c{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:15px;margin:0;padding:6px 0;min-height:32px;cursor:pointer}
.kk-form__r input,.kk-form__c input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:var(--kk-ink)}
.kk-bio .kk-form__h{font-size:13.5px;color:var(--kk-muted);margin:6px 0 0;line-height:1.45}
.kk-form__h a{color:var(--kk-ink2)}
.kk-bio .kk-form__e{font-size:14px;color:#a12a1c;margin:6px 0 0;font-weight:600}
.kk-form__e::before{content:"! ";}
.kk-bio .kk-form__list{list-style:none;margin:6px 0 0;padding:0;font-size:13.5px;color:var(--kk-ink2)}
.kk-bio .kk-form__list li{margin:0}
.kk-form__list span{color:var(--kk-muted)}
.kk-form__hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.kk-form__errors{border:2px solid #a12a1c;background:#fdf2f0;padding:12px 14px;margin:0 0 16px;font-size:14.5px;color:#5c1309}
.kk-bio .kk-form__errors p{margin:0}.kk-bio .kk-form__errors ul{margin:6px 0 0;padding-left:1.2em}.kk-bio .kk-form__errors li{margin:0}.kk-form__errors a{display:inline-block;padding:4px 0;min-height:24px;color:#5c1309}
.kk-bio .kk-form__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:6px 0 0}
.kk-form__progress{font-size:14px;color:var(--kk-ink2)}
.kk-form__done{margin-top:18px;background:#eef6ee;border-left:3px solid #2e6b34;padding:16px 18px;font-size:15.5px;line-height:1.55;color:#163a1a}
.kk-bio .kk-form__done h3{font-family:var(--kk-display);font-size:22px;margin:0 0 6px;color:#163a1a}
.kk-bio .kk-form__done p{margin:0}
.kk-bio .kk-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* 3) „Czytaj także” w kolumnie bocznej, na wysokości „Miejsc pamięci” (JS), relacje jedna pod drugą */
.kk-side__related{margin-top:56px;font-family:var(--kk-sans)}
.kk-bio .kk-side__related h2{font-family:var(--kk-display);font-size:26px;line-height:1.15;margin:0 0 6px;color:var(--kk-ink)}
.kk-side__related ul{list-style:none;margin:0;padding:0}
.kk-side__related li{border-top:1px solid var(--kk-line)}
.kk-side__related li:first-child{border-top:0}
.kk-side__related a{display:block;padding:18px 0;text-decoration:none;color:var(--kk-ink)}
.kk-side__related .d{display:block;font-size:13px;letter-spacing:.04em;color:var(--kk-muted);margin-bottom:8px}
.kk-side__related .i{display:block;margin-bottom:10px;overflow:hidden;background:var(--kk-cream)}
.kk-side__related .i img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .6s ease}
.kk-side__related a:hover .i img,.kk-side__related a:focus-visible .i img{transform:scale(1.035)}
.kk-side__related .t{display:block;font-family:var(--kk-display);font-size:19px;line-height:1.25}
.kk-side__related a:hover .t,.kk-side__related a:focus-visible .t{text-decoration:underline;text-decoration-color:var(--kk-gold)}

/* spis treści */
.kk-toc{margin:0 0 34px;border-top:1px solid var(--kk-line);border-bottom:1px solid var(--kk-line);padding:14px 0}
.kk-toc__d summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:6px 0;min-height:44px}
.kk-toc__d summary::-webkit-details-marker{display:none}
.kk-toc__d summary::after{content:"";width:9px;height:9px;border-right:1.5px solid var(--kk-ink2);border-bottom:1.5px solid var(--kk-ink2);transform:rotate(45deg);margin:0 3px 0 auto;transition:transform .15s}
.kk-toc__d[open] summary::after{transform:rotate(-135deg)}
.kk-kicker{display:inline-flex;align-items:center;gap:12px;font-family:var(--kk-sans);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--kk-muted);font-weight:600}
.kk-kicker::before{content:"";width:28px;height:1px;background:var(--kk-gold)}
.kk-toc__list{margin:8px 0 0;padding:0;list-style:none;columns:2;column-gap:32px;counter-reset:kk-toc}
.kk-toc__list li{counter-increment:kk-toc;break-inside:avoid;margin:0}
.kk-toc__list a{display:flex;gap:10px;align-items:baseline;text-decoration:none;font-family:var(--kk-sans);font-size:16px;line-height:1.4;padding:8px 0;min-height:40px;color:var(--kk-ink)}
.kk-toc__list a::before{content:counter(kk-toc,decimal-leading-zero);font-size:12px;color:var(--kk-gold-text);font-weight:600;flex:none;width:1.6em}
.kk-toc__list a:hover{text-decoration:underline}

/* tekst biogramu – neutralizacja opakowań Elementora */
.kk-text{max-width:var(--kk-measure);font-size:18px;line-height:1.7}
.kk-text .elementor,.kk-text .elementor-section,.kk-text .elementor-container,.kk-text .elementor-column,.kk-text .elementor-widget-wrap,.kk-text .elementor-widget,.kk-text .elementor-element{margin:0;padding:0;max-width:none;width:auto;display:block}
.kk-text .elementor-widget-text-editor{font-size:inherit;line-height:inherit;color:inherit;font-family:inherit}
.kk-text h2{font-size:clamp(27px,.9vw + 22.5px,34px);line-height:1.15;margin:52px 0 16px}
.kk-text .elementor-widget:first-child h2:first-child,.kk-text > h2:first-child{margin-top:0}
.kk-text h3{font-size:clamp(21px,.5vw + 17.6px,24px);line-height:1.25;margin:34px 0 12px}
.kk-text p{margin:0 0 1.05em;font-size:inherit;line-height:inherit}
.kk-text ul,.kk-text ol{margin:0 0 1.05em;padding-left:1.4em}
.kk-text li{margin-bottom:.35em}
/* cytat – wariant B (podstawowy) „jak w monografii”: bez tła, cienkie linie nad i pod, duży złoty „ w lewym marginesie,
   źródło kursywą z prawej. Lora jak tekst (motyw Loquet podstawia w cytatach Marcellus), 17,5 px / telefon 17 px.
   Cudzysłów: Marcellus 92 px, jego linia bazowa = linia bazowa pierwszego wiersza (z metryk kroju: 0,847 em). */
.kk-bio .kk-qm{display:none} /* cudzysłów obejmujący cały cytat z tekstu autora – zastępuje go znak cytatu (kkb_quote_unwrap) */
.kk-bio .kk-text blockquote:not(.kk-testimony__q){margin:1.6em 0 1.7em;padding:26px 0 22px 52px;border:0;border-top:1px solid var(--kk-line);border-bottom:1px solid var(--kk-line);background:none;font-family:var(--kk-serif);font-style:normal;font-size:17.5px;line-height:1.75;color:var(--kk-ink2);text-align:left}
.kk-bio .kk-text blockquote p{margin:0 0 .6em;font-family:var(--kk-serif);font-style:normal;font-size:inherit;line-height:inherit;color:var(--kk-ink2);letter-spacing:normal;text-transform:none}
.kk-bio .kk-text blockquote:not(.kk-testimony__q) > p:last-of-type{margin-bottom:0}
.kk-bio .kk-text blockquote:not(.kk-testimony__q) > p:first-of-type{position:relative}
.kk-bio .kk-text blockquote:not(.kk-testimony__q) > p:first-of-type::before{content:"„";content:"„" / "";position:absolute;left:-46px;top:-56px;font-family:var(--kk-display);font-size:92px;font-style:normal;font-weight:400;line-height:1;color:var(--kk-gold);pointer-events:none}
.kk-bio .kk-text blockquote cite,.kk-bio .kk-text blockquote small{display:block;margin-top:14px;text-align:right;font-family:var(--kk-serif);font-style:italic;font-size:15.5px;line-height:1.5;letter-spacing:normal;text-transform:none;color:var(--kk-muted)}
.kk-bio .kk-text blockquote cite::before{content:"— "}
/* cytat – wariant D „źródło z oryginałem”: biała karta ze złotym paskiem, stopka ze skanem i przyciskiem do podstrony dokumentu */
.kk-bio .kk-text .kk-quote--doc{margin:1.6em 0 1.8em;background:#fff;border:1px solid var(--kk-line);border-top:3px solid var(--kk-gold)}
.kk-bio .kk-text .kk-quote--doc > blockquote:not(.kk-testimony__q){position:relative;isolation:isolate;margin:0;padding:28px 32px 24px;border:0}
/* lekki złoty cudzysłów pod początkiem tekstu (ten sam znak „ co w wariancie podstawowym): Marcellus 240 px, 22% krycia,
   pod tekstem; przy pierwszym akapicie, więc także pod zdjęciem stojącym nad tekstem (telefon). Położenie z metryk kroju:
   znak zajmuje ok. 18 px przed tekstem do 40 px w głąb i od 14 px nad pierwszym wierszem do początku drugiego. */
.kk-bio .kk-text .kk-quote--doc > blockquote:not(.kk-testimony__q) > p:first-of-type::before{left:-27px;top:-195px;z-index:-1;font-size:240px;opacity:.22}
.kk-bio .kk-text .kk-quote--doc > blockquote > .kk-inset{margin:0 0 1em 24px;width:min(42%,260px)} /* zdjęcie w karcie – bez wysunięcia na margines */
.kk-quote__src{display:flex;align-items:center;gap:18px;padding:14px 20px 14px 18px;background:var(--kk-cream);border-top:1px solid var(--kk-line);font-family:var(--kk-sans);font-style:normal}
.kk-quote__thumb{flex:none;display:block;width:58px;height:76px;overflow:hidden;border:1px solid var(--kk-line);background:#efe7d6}
.kk-quote__thumb picture,.kk-quote__thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.kk-quote__meta{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.kk-quote__t{font-size:13px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;line-height:1.35;color:var(--kk-ink)}
.kk-quote__d{font-family:var(--kk-serif);font-style:italic;font-size:15px;line-height:1.4;color:var(--kk-muted)}
.kk-bio a.kk-quote__btn{flex:none;gap:2px;white-space:nowrap}
.kk-bio .kk-quote__src a.kk-quote__btn:hover,.kk-bio .kk-quote__src a.kk-quote__btn:focus-visible{background:var(--kk-gold);border-color:var(--kk-gold);color:var(--kk-ink)} /* złoto Loquet + czarny napis: kontrast 6,9:1 */
.kk-text .kk-note{background:var(--kk-cream);padding:16px 20px;font-size:16.5px;line-height:1.6;color:var(--kk-ink2);margin:0 0 1.4em;border-left:2px solid var(--kk-gold)}
.kk-text .kk-note b{font-weight:600;color:var(--kk-ink)}

/* odsyłacze do przypisów – pole dotykowe ≥ 24 px, bez zmiany interlinii */
.kk-text sup.kk-fn{line-height:0;vertical-align:baseline;position:relative;top:-.55em;font-size:.72em}
.kk-text sup.kk-fn a{display:inline-block;min-width:1.9em;padding:.5em .3em;margin:-.5em -.15em;text-align:center;color:var(--kk-gold-text);font-weight:700;text-decoration:none;line-height:1}
.kk-text sup.kk-fn a:hover{color:var(--kk-ink);text-decoration:underline}

/* przypisy i źródła */
.kk-text .kk-refs{border-top:1px solid var(--kk-line);margin-top:48px;padding-top:28px;font-size:15.5px;line-height:1.6;color:var(--kk-ink2)}
.kk-text .kk-refs h2{font-size:clamp(23px,.8vw + 17px,28px);margin:0 0 14px}
.kk-text .kk-refs h2+ul,.kk-text .kk-refs h2+ol{margin-top:0}
.kk-text .kk-refs h2:not(:first-child){margin-top:36px}
.kk-text .kk-refs ol{padding-left:1.6em;margin:0}
.kk-text .kk-refs ol li{margin-bottom:8px;padding-left:4px}
.kk-text .kk-refs ol li::marker{color:var(--kk-gold-text);font-weight:600}
.kk-text .kk-refs ul{list-style:none;padding:0;margin:0}
.kk-text .kk-refs ul li{border-top:1px solid var(--kk-line);padding:10px 0;margin:0}
.kk-text .kk-refs ul li:first-child{border-top:0;padding-top:0}
.kk-text .kk-refs li:target{background:#fff8e6;outline:2px solid var(--kk-gold);outline-offset:4px}
.kk-fn-back{display:inline-block;min-width:28px;min-height:28px;line-height:28px;text-align:center;text-decoration:none;color:var(--kk-gold-text);font-weight:700;vertical-align:middle;margin-left:4px}
.kk-fn-back:hover{color:var(--kk-ink)}
.kk-todo{display:inline-block;background:#fff6dc;color:#4a3b00;font-family:var(--kk-sans);font-size:12px;letter-spacing:.03em;padding:2px 6px;margin-left:4px;white-space:nowrap;font-style:normal;vertical-align:middle}

/* obraz w treści */
.kk-figure{margin:1.6em 0 1.8em;max-width:380px}
/* wstawka przy akapicie: po prawej, częściowo na kolumnie bocznej (klasa kk-inset na widgecie obrazu) */
.kk-text .kk-inset{float:right;width:min(80%,530px);margin:.3em -180px 1.2em 28px;max-width:none;position:relative;z-index:1}
@supports (width:1cqw){.kk-text .kk-inset{width:min(530px,calc(100cqw - 360px));margin-right:max(calc(100% - 100cqw - 24px),-330px)}} /* na szerokich ekranach: ok. 38% zdjęcia w tekście, obok zostaje ok. 350 px tekstu (jak przy dawnej kolumnie) */
.kk-text .kk-inset+*{clear:none}
/* cztery wielkości zdjęć przy tekście (wybór w narzędziu; bez wyboru: pionowe → średnia, kwadratowe → duża, poziome → pełna).
   Każda wielkość stoi na prawej krawędzi kolumny tekstu: ok. 46% w tekście, reszta na marginesie (jak pełna 530 px);
   pełny plik – po powiększeniu */
.kk-text .kk-inset--s{width:240px;margin-right:-110px}
.kk-text .kk-inset--m{width:320px;margin-right:-150px}
.kk-text .kk-inset--l{width:420px;margin-right:-180px}
@supports (width:1cqw){
	.kk-text .kk-inset--s{width:min(240px,calc(100cqw - 360px));margin-right:max(calc(100% - 100cqw - 24px),-130px)}
	.kk-text .kk-inset--m{width:min(320px,calc(100cqw - 360px));margin-right:max(calc(100% - 100cqw - 24px),-173px)}
	.kk-text .kk-inset--l{width:min(420px,calc(100cqw - 360px));margin-right:max(calc(100% - 100cqw - 24px),-227px)}
}
/* przekładka (JS): zerowa szerokość, przesuwa zdjęcie na środek wysokości fragmentu; wiersze obok niej mają pełną szerokość */
.kk-text .kk-inset{clear:right}
.kk-text .kk-inset-sp{float:right;clear:right;display:block;width:0;height:0;margin:0}
/* zdjęcie obok cytatu: wewnątrz blockquote – górą równo z tekstem cytatu; prawa krawędź jak przy akapitach
   (100% w cytacie jest o wcięcie 52 px węższe niż kolumna; akapity liczą 100% − 100cqw − 24 px, stąd +28 px) */
.kk-text blockquote > .kk-inset{margin-top:0}
@media (min-width:901px){@supports (width:1cqw){.kk-text blockquote > .kk-inset{margin-right:max(calc(100% - 100cqw + 28px),-330px)}}}
@media (min-width:901px){@supports (width:1cqw){
	.kk-text blockquote > .kk-inset--s{margin-right:max(calc(100% - 100cqw + 28px),-130px)}
	.kk-text blockquote > .kk-inset--m{margin-right:max(calc(100% - 100cqw + 28px),-173px)}
	.kk-text blockquote > .kk-inset--l{margin-right:max(calc(100% - 100cqw + 28px),-227px)}
}}
.kk-text h2{clear:both}
.kk-figure picture,.kk-figure img{display:block;width:100%}
.kk-figure .kk-zoom{padding:6px}
.kk-bio .kk-figure figcaption{font-size:14px;line-height:1.55;color:var(--kk-muted);margin-top:10px;text-align:left;font-style:normal}

/* ——— miejsca pamięci (wykaz redakcyjny) ——— */
.kk-memorials-wrap{margin-top:0} /* odstęp daje sam nagłówek H2 – jak przy innych rozdziałach */
.kk-text .kk-memorials-wrap h3{margin:26px 0 10px}
.kk-memorials{margin:0}
.kk-memorials dt{font-weight:700;color:var(--kk-ink);margin-top:14px}
.kk-memorials__obj{font-weight:400;color:var(--kk-ink2)}
.kk-memorials__obj::before{content:"· ";color:var(--kk-gold-text)}
.kk-memorials dd{margin:2px 0 0;color:var(--kk-ink2)}
.kk-memorials__note{margin-top:22px;font-size:15px;color:var(--kk-muted)}
.kk-text .kk-memorials__note{margin-top:32px} /* odstęp od ostatniej pozycji wykazu (reguła .kk-text p zerowała margines) */
.kk-memorials-wrap+.elementor-element .kk-refs,.kk-memorials-wrap+.kk-refs{border-top:0}

/* ——— metryka „W skrócie” ——— */
.kk-facts{background:var(--kk-cream);padding:0;font-family:var(--kk-sans)}
.kk-facts.is-sticky{position:sticky;top:var(--kk-sticky-top,20px)}
.kk-facts__d summary{list-style:none;cursor:pointer;padding:26px 28px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}
.kk-facts__d summary::-webkit-details-marker{display:none}
.kk-bio .kk-facts__h{font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-family:var(--kk-sans);font-weight:600;color:var(--kk-muted);display:inline-flex;align-items:center;gap:12px;margin:0}
.kk-facts__h::before{content:"";width:28px;height:1px;background:var(--kk-gold)}
.kk-facts__toggle{display:none}
.kk-facts__body{padding:10px 28px 26px}
.kk-facts__name{font-family:var(--kk-display);font-size:26px;line-height:1.15;color:var(--kk-ink);margin:0 0 6px}
.kk-facts dl{margin:14px 0 0}
.kk-facts dt{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--kk-muted);padding-top:12px;border-top:1px solid var(--kk-line);font-weight:600}
.kk-facts dd{margin:4px 0 12px;font-size:16px;line-height:1.5;color:var(--kk-ink)}
.kk-facts dd small{display:block;color:var(--kk-muted);font-size:14px;margin-top:2px}
.kk-facts .kk-tag{display:inline-block;font-size:12.5px;letter-spacing:.04em;padding:5px 9px;border:1px solid var(--kk-gold);color:var(--kk-gold-text);margin-top:6px;line-height:1.1}

/* ——— metryczka biogramu ——— */
.kk-meta{background:var(--kk-cream);padding:36px 40px 40px;margin:0 0 56px;font-family:var(--kk-serif)}
.kk-bio .kk-meta__h{font-size:clamp(23px,.8vw + 17px,28px);margin:0 0 22px}
.kk-meta__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.kk-meta h3{font-family:var(--kk-sans);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--kk-muted);font-weight:600;margin:0 0 12px}
.kk-meta p{font-size:16px;line-height:1.6;color:var(--kk-ink2);margin:0 0 10px}
.kk-bio .kk-meta .kk-url{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px;word-break:break-all;background:none;border:0;padding:0;color:var(--kk-ink)}
/* „Jak cytować”: formuła bibliograficzna krojem bezszeryfowym (nie monospace), 14,5 px / 1,5, białe tło, mniejsze marginesy */
.kk-bio .kk-meta .kk-cite{font-family:var(--kk-sans);font-size:14.5px;line-height:1.5;letter-spacing:normal;background:#fff;border:1px solid var(--kk-line);padding:9px 12px;margin:0;color:var(--kk-ink);overflow-wrap:anywhere;user-select:all}
.kk-cite__s{display:none;cursor:pointer;list-style:none;font-family:var(--kk-sans);font-size:14px;color:var(--kk-ink2);text-decoration:underline;text-decoration-color:var(--kk-gold);text-underline-offset:.2em;padding:10px 0;min-height:44px;box-sizing:border-box}
.kk-cite__s::-webkit-details-marker{display:none}
.kk-cite__s::before{content:"+ "}
.kk-cite__d[open] .kk-cite__s::before{content:"− "}
.kk-cite__d[open] .kk-cite__s{margin-bottom:6px}
.kk-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:14px}
.kk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid var(--kk-ink);background:transparent;color:var(--kk-ink);font-family:var(--kk-sans);font-size:13px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;line-height:1.2;border-radius:0}
.kk-btn:hover,.kk-btn:focus-visible{background:var(--kk-ink);color:#fff}
.kk-bio a.kk-btn:hover,.kk-bio a.kk-btn:focus-visible{color:#fff} /* odnośnik-przycisk: biały napis na czarnym (reguła złotych linków go nie nadpisuje) */
.kk-status{font-family:var(--kk-sans);font-size:14px;color:var(--kk-gold-text)}
.kk-status.is-error{color:#8a2a1e}
html:not(.kk-js) .kk-js-only{display:none}

/* ——— zobacz także ——— */
.kk-bio .kk-also__h{font-size:clamp(27px,1.1vw + 20px,36px);margin:0 0 6px}
.kk-set{margin-top:30px}
.kk-bio .kk-set__h{font-family:var(--kk-sans);font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--kk-gold-text);font-weight:600;margin:0 0 16px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.kk-set__h small{font-weight:400;color:var(--kk-muted);letter-spacing:.02em;text-transform:none;font-size:14px}
.kk-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.kk-card a{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--kk-line);padding:16px;text-decoration:none;height:100%;min-height:120px}
.kk-card a:hover,.kk-card a:focus-visible{background:var(--kk-cream)}
.kk-card__img{flex:0 0 96px;display:block}
.kk-card__img img{display:block;width:96px;height:72px;object-fit:cover;background:var(--kk-cream)}
.kk-card__body{display:flex;flex-direction:column;gap:6px;min-width:0}
.kk-card__c{font-family:var(--kk-sans);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--kk-muted);font-weight:600}
.kk-card__t{font-family:var(--kk-display);font-size:20px;line-height:1.2;color:var(--kk-ink)}
.kk-card__d{font-family:var(--kk-sans);font-size:14px;color:var(--kk-muted)}
.kk-people{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.kk-person a{display:block;text-decoration:none;color:var(--kk-ink)}
.kk-person__img{display:block;aspect-ratio:3/4;background:var(--kk-cream);border:1px solid var(--kk-line);overflow:hidden}
.kk-person__img img,.kk-person__img picture{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.kk-person__img--empty{display:flex;align-items:center;justify-content:center;font-family:var(--kk-display);font-size:40px;color:var(--kk-gold-text)}
.kk-person__n{display:block;font-family:var(--kk-display);font-size:17px;line-height:1.25;margin-top:8px}
.kk-person a:hover .kk-person__n,.kk-person a:focus-visible .kk-person__n{text-decoration:underline}
.kk-prevnext{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--kk-line);border-bottom:1px solid var(--kk-line);margin-top:44px}
.kk-prevnext a{padding:20px 0;text-decoration:none;display:flex;flex-direction:column;gap:6px;color:var(--kk-ink);min-height:44px}
.kk-prevnext a:hover .kk-prevnext__n{text-decoration:underline}
.kk-prevnext__next{text-align:right;border-left:1px solid var(--kk-line);padding-left:24px!important}
.kk-prevnext__l{font-family:var(--kk-sans);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--kk-muted);font-weight:600}
.kk-prevnext__n{font-family:var(--kk-display);font-size:22px;line-height:1.2}

/* ——— okno powiększenia: „dopasuj do ekranu” albo „powiększ” (pełna szerokość okna, przewijanie i przeciąganie) ——— */
.kk-lightbox{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100%;height:100%;overflow:auto;overscroll-behavior:contain}
.kk-lightbox::backdrop{background:rgba(10,9,8,.92)}
.kk-lightbox[open]{display:flex}
.kk-lightbox__box{margin:auto;padding:68px 16px 24px;max-width:min(96vw,1400px);display:flex;flex-direction:column;align-items:center}
.kk-lightbox__img{max-width:min(96vw,1400px);max-height:calc(100vh - 150px);width:auto;height:auto;display:block;background:#000;cursor:zoom-in;-webkit-user-drag:none;user-select:none}
.kk-lightbox:not(.can-zoom) .kk-lightbox__img{cursor:default}
.kk-lightbox.is-zoomed{overflow-y:scroll}
.kk-lightbox.is-zoomed .kk-lightbox__box{max-width:none;padding:68px 16px 24px}
.kk-lightbox.is-zoomed .kk-lightbox__img{max-width:none;max-height:none;cursor:zoom-out}
.kk-lightbox.is-dragging .kk-lightbox__img{cursor:grabbing}
.kk-lightbox__cap{color:#f0ebe2;font-family:var(--kk-serif);font-size:15px;line-height:1.5;margin:12px 0 0;text-align:center;max-width:70ch}
.kk-lightbox__bar{position:fixed;top:12px;right:12px;z-index:2;display:flex;gap:8px;align-items:center}
.kk-lightbox__btn,.kk-lightbox__close{min-height:48px;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.6);color:#fff;cursor:pointer;font-family:var(--kk-sans);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.kk-lightbox__btn{padding:0 16px;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.kk-lightbox__close{width:48px;font-size:30px;line-height:1}
.kk-lightbox a.kk-lightbox__btn,.kk-lightbox a.kk-lightbox__btn:visited{color:#fff;text-decoration:none}
.kk-lightbox .kk-lightbox__btn:hover,.kk-lightbox .kk-lightbox__btn:focus-visible,.kk-lightbox__close:hover,.kk-lightbox__close:focus-visible{background:#fff;color:#111;outline-color:#fff}
.kk-lightbox:not(.can-zoom) [data-kk-zoom]{display:none}

/* ——— responsywność ——— */
@media (max-width:1100px){
	.kk-layout{grid-template-columns:minmax(0,1fr) 300px;gap:32px 40px}
	.kk-people{grid-template-columns:repeat(4,minmax(0,1fr))}
	.kk-meta__grid{grid-template-columns:1fr 1fr}
	.kk-cards{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
	.kk-bio{--kk-anchor:100px}
	.kk-layout{display:flex;flex-direction:column;gap:0}
	.kk-main{display:contents}
	.kk-side{display:contents}
	.kk-layout > *,.kk-main > *,.kk-side > *{width:100%;align-self:stretch;min-width:0}
	.kk-facts{margin:0 0 32px;order:2}
	.kk-side__map{order:4;margin:0 0 32px}
	.kk-text .kk-side__map{margin:36px 0 8px} /* telefon i tablet: mapa (z „Świadectwem historii”) przed „Miejscami pamięci” – przenosi ją JS */
	.kk-side__related{order:5;margin:0 0 32px!important}
	.kk-help{order:6;margin:0 0 40px}
	.kk-help[data-kk-after="facts"]{order:2} /* po metryczce – zaraz pod nią, przed tekstem */
	.kk-help[data-kk-after="map"]{order:4} /* po mapie – razem z mapą (przenosi ją JS) */
	.kk-bio .kk-text .kk-help--pin{margin:1.6em 0 2em} /* przy fragmencie – pod nim (przenosi go JS) */
	.kk-bio .kk-text .kk-side__map + .kk-help{margin:32px 0 2em}
	.kk-side > .kk-pin{order:4;margin:0 0 32px}
	.kk-bio .kk-text .kk-testimony--pin{margin:1.6em 0 2em} /* telefon i tablet: pod wybranym fragmentem – przenosi go JS */
	.kk-bio .kk-text .kk-side__photo{margin:1.4em 0 1.8em;width:100%}
	/* oś czasu i „Poznaj historię innych kapelanów” – tylko na komputerze */
	.kk-timeline,.kk-also .kk-set{display:none}
	.kk-text .kk-inset{margin-right:0;width:min(60%,320px)}
	.kk-text .kk-inset--s{width:min(38%,200px)}
	.kk-text .kk-inset--m{width:min(46%,260px)}
	.kk-facts.is-sticky{position:static}
	.kk-facts__d summary{cursor:pointer;padding:16px 20px;min-height:56px}
	.kk-facts__toggle{display:block;width:10px;height:10px;border-right:1.5px solid var(--kk-ink2);border-bottom:1.5px solid var(--kk-ink2);transform:rotate(45deg);transition:transform .15s;flex:none}
	.kk-facts__d[open] .kk-facts__toggle{transform:rotate(-135deg)}
	.kk-facts__body{padding:0 20px 22px}
	/* na telefonie metryka (zwinięta) stoi między spisem treści a narracją – pełna po rozwinięciu */
	.kk-toc{order:1}.kk-text{order:3}
}
@media (max-width:760px){
	/* telefon: tytuł, podtytuł, daty → portret → lead (tekst nagłówka rozbity na elementy siatki) */
	.kk-hero{grid-template-columns:1fr;grid-template-rows:none;gap:0;margin-bottom:26px}
	.kk-hero__text,.kk-portrait-left .kk-hero__text{display:contents}
	.kk-portrait-left .kk-hero{grid-template-columns:1fr}
	.kk-hero .kk-title{order:1}
	.kk-hero .kk-sub{order:2}
	.kk-hero .kk-dates{order:3}
	.kk-portrait,.kk-portrait-left .kk-portrait{order:4;grid-column:1;grid-row:auto;display:block;justify-self:center;max-width:300px;width:70%;margin-top:22px} /* portret wyśrodkowany w kolumnie – także przy „Portret z lewej” (to ustawienie dotyczy tylko komputera) */
	.kk-bio .kk-portrait figcaption{font-size:14.5px;line-height:1.45;margin-top:8px} /* metadane zdjęcia wyraźnie mniejsze niż tekst */
	.kk-hero .kk-lead,.kk-hero__text .kk-lead{order:5;margin:22px 0 0}
	.kk-hero .kk-timeline{order:6}
	.kk-sub{margin-top:14px;font-size:17.5px;line-height:1.32} /* podtytuł lżejszy na telefonie */
	.kk-text .kk-inset{float:none;width:100%;margin:1em 0 1.4em}
	/* cytat B na telefonie: wcięcie 32 px, cudzysłów 60 px w marginesie (nie wchodzi na tekst) */
	.kk-bio .kk-text blockquote:not(.kk-testimony__q){padding:22px 0 18px 32px;font-size:17px;line-height:1.7}
	.kk-bio .kk-text blockquote:not(.kk-testimony__q) > p:first-of-type::before{font-size:60px;left:-30px;top:-30px}
	.kk-bio .kk-text blockquote cite{font-size:15px;margin-top:12px}
	.kk-bio .kk-testimony .kk-testimony__q p,.kk-bio .kk-text .kk-testimony--inline .kk-testimony__q p{font-size:17px}
	/* zdjęcie przy cytacie: nad tekstem cytatu, na całą szerokość (bez wcięcia) */
	.kk-text blockquote > .kk-inset{margin:0 0 1.1em -32px;width:calc(100% + 32px)}
	/* cytat D na telefonie: stopka zawija się, przycisk na całą szerokość */
	.kk-bio .kk-text .kk-quote--doc > blockquote:not(.kk-testimony__q){padding:22px 18px 20px}
	.kk-bio .kk-text .kk-quote--doc > blockquote:not(.kk-testimony__q) > p:first-of-type::before{font-size:170px;left:-20px;top:-140px}
	.kk-bio .kk-text .kk-quote--doc > blockquote > .kk-inset{margin:0 0 1em;width:100%}
	.kk-quote__src{flex-wrap:wrap;gap:12px 14px;padding:14px 16px 16px}
	.kk-quote__thumb{width:46px;height:60px}
	.kk-quote__meta{flex-basis:200px}
	.kk-bio a.kk-quote__btn{flex:1 1 100%}
	.kk-text .kk-inset--s,.kk-text blockquote > .kk-inset--s{width:60%;margin-left:auto;margin-right:auto}
	.kk-text .kk-inset--m,.kk-text blockquote > .kk-inset--m{width:75%;margin-left:auto;margin-right:auto}
	.kk-text .kk-inset-sp{display:none}
	.kk-text .kk-inset-below--s{width:60%}
	.kk-text .kk-inset-below--m{width:75%}
	.kk-text .kk-inset-below--l{width:100%}
	.kk-bio .kk-title{margin-top:0}
	.kk-crumbs{margin:7px 0 16px;font-size:12.5px} /* mniej miejsca między menu a okruszkami */
	/* „W skrócie”: rekordy o ok. 17% niższe, ta sama wielkość liter */
	.kk-facts dl{margin-top:11px}
	.kk-facts dt{padding-top:10px}
	.kk-facts dd{margin:3px 0 10px;line-height:1.42}
	.kk-facts dd small{margin-top:1px}
	.kk-facts .kk-tag{margin-top:4px}
	.kk-facts__body{padding:0 20px 18px}
	/* „Jak cytować”: pełne cytowanie zwinięte, przycisk „Kopiuj cytowanie” widoczny */
	html.kk-js .kk-cite__s{display:block}
	.kk-bio .kk-meta .kk-cite{font-size:14px;padding:8px 10px}
	/* „Pomóż uzupełnić historię”: przyciski na całą szerokość */
	.kk-help .kk-form__actions .kk-btn{flex:1 1 100%}
	.kk-bio .kk-form__actions{gap:8px}
	.kk-toc__list{columns:1}
	.kk-meta{padding:24px 20px 28px;margin-bottom:40px}
	.kk-meta__grid{grid-template-columns:1fr;gap:24px}
	.kk-cards{grid-template-columns:1fr}
	.kk-people{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
	.kk-figure{max-width:100%}
	.kk-prevnext{grid-template-columns:1fr}
	.kk-prevnext__next{border-left:0;border-top:1px solid var(--kk-line);padding-left:0!important;text-align:left}
}
@media (max-width:520px){
	.kk-bio{font-size:18px}
	.kk-text{font-size:18px;line-height:1.65}
	.kk-text h2{margin-top:40px}
	.kk-text .kk-refs{font-size:15px}
	.kk-people{grid-template-columns:repeat(2,minmax(0,1fr))}
	.kk-person__n{font-size:16px}
	.kk-card__img{flex-basis:84px}.kk-card__img img{width:84px;height:63px}
	.kk-card__t{font-size:18px}
	.kk-lightbox__bar{top:8px;right:8px}
	.kk-lightbox__btn{padding:0 12px;font-size:12px}
	.kk-lightbox [data-kk-orig]{display:none}
}

/* stopka motywu Loquet – tylko telefon: mniej pustego miejsca, jaśniejszy tekst (kontrast ok. 14:1 zamiast 7:1),
   e-mail i telefony jako wyraźne linki z polem dotyku ~44 px, menu w dwóch kolumnach, większe ikony społecznościowe */
@media (max-width:760px){
	body.kk-biogram-v2 .gt-footer .gt-footer-widgets .gt-footer-widgets-inner{padding:44px 0 34px}
	body.kk-biogram-v2 .gt-footer .gt-footer-widgets .gt-grid.gt-spacing-15{margin:-12px -15px}
	body.kk-biogram-v2 .gt-footer .gt-footer-widgets .gt-grid.gt-spacing-15 > .gt-grid-col{padding:12px 15px}
	body.kk-biogram-v2 .gt-footer .gt-footer-widgets.gt-style-1 .gt-widget-title{margin-bottom:14px;font-size:19px;line-height:1.3}
	body.kk-biogram-v2 .gt-footer .gt-footer-widgets.gt-style-1 p{opacity:.86;line-height:1.75}
	body.kk-biogram-v2 .gt-footer .gt-footer-widgets.gt-style-1 ul{opacity:.88}
	body.kk-biogram-v2 .gt-footer .textwidget a[href^="mailto:"],
	body.kk-biogram-v2 .gt-footer .textwidget a[href^="tel:"]{display:inline-block;padding:9px 0;margin:-6px 0;color:#fff;text-decoration:underline;text-decoration-color:#ad9a6d;text-decoration-thickness:1px;text-underline-offset:.22em;overflow-wrap:anywhere}
	body.kk-biogram-v2 .gt-footer .textwidget a[href^="mailto:"]:hover,
	body.kk-biogram-v2 .gt-footer .textwidget a[href^="tel:"]:hover{text-decoration-color:#fff}
	body.kk-biogram-v2 .gt-footer .kk-ft-nw{white-space:nowrap}
	body.kk-biogram-v2 .gt-footer .gt-footer-widgets a:focus-visible,
	body.kk-biogram-v2 .gt-footer .gt-social-links a:focus-visible{outline:2px solid #ad9a6d;outline-offset:2px}
	body.kk-biogram-v2 .gt-footer .widget_nav_menu ul.menu{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
	body.kk-biogram-v2 .gt-footer .widget_nav_menu ul.menu > li{display:flex;align-items:center;min-width:0}
	body.kk-biogram-v2 .gt-footer .widget_nav_menu ul.menu > li > a{display:flex;align-items:center;min-height:44px;padding:0;line-height:1.3}
	body.kk-biogram-v2 .gt-footer .gt-copyright.gt-style-1 .gt-copyright-inner{padding:12px 0 8px;align-items:flex-start}
	body.kk-biogram-v2 .gt-footer .gt-copyright.gt-style-1 .gt-copyright-inner .gt-copyright-text{margin-bottom:0;padding:15px 15px 4px}
	body.kk-biogram-v2 .gt-footer .gt-copyright-text p{line-height:1.6}
	body.kk-biogram-v2 .gt-footer .gt-copyright .gt-social{padding:0 15px}
	body.kk-biogram-v2 .gt-footer .gt-copyright .gt-social-links ul{margin:0 0 0 -13px}
	body.kk-biogram-v2 .gt-footer .gt-copyright .gt-social-links li{padding:0}
	body.kk-biogram-v2 .gt-footer .gt-copyright .gt-social-links a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px}
	body.kk-biogram-v2 .gt-footer .gt-copyright .gt-social-links a i{font-size:17px}
}

/* mobilny nagłówek motywu jest przyklejony – kotwice z zapasem (ustawione wyżej); tryb bez animacji */
@media (prefers-reduced-motion:reduce){
	.kk-bio *{transition:none!important;scroll-behavior:auto!important}
}

/* ——— wydruk ——— */
@media print{
	.kk-inset-sp{display:none!important}
	body.kk-biogram-v2 .gt-header,body.kk-biogram-v2 .gt-mobile-header,body.kk-biogram-v2 .gt-footer,body.kk-biogram-v2 footer,#wpadminbar,.kk-crumbs,.kk-toc,.kk-also,.kk-actions,.kk-help,.kk-zoom__hint,.kk-testbar,.kk-lightbox,.gt-off-canvas,.gt-to-top,.gt-user-box{display:none!important}
	body.kk-biogram-v2{margin:0;padding:0}
	.kk-bio{font-size:11.5pt;line-height:1.5;color:#000}
	.kk-hero{grid-template-columns:1fr 150pt;gap:18pt;margin-bottom:18pt}
	.kk-portrait-left .kk-hero{grid-template-columns:150pt 1fr}
	.kk-portrait{max-width:150pt}
	.kk-zoom{border:0;padding:0;background:none}
	.kk-title{font-size:26pt}
	.kk-sub{font-size:13pt}.kk-lead{font-size:12pt}
	.kk-layout{display:block}
	.kk-text{max-width:none;font-size:11.5pt}
	.kk-text h2{font-size:17pt;margin:18pt 0 8pt;break-after:avoid}
	.kk-text .kk-refs{font-size:9.5pt;margin-top:18pt;padding-top:10pt}
	.kk-text .kk-refs h2{font-size:13pt}
	.kk-facts{background:none;border:1px solid #999;padding:0;margin-top:14pt;break-inside:avoid;position:static!important}
	.kk-facts__d summary{padding:10pt 12pt 0}
	.kk-facts__d:not([open]) summary ~ *{display:block}
	.kk-facts__body{padding:4pt 12pt 10pt}
	.kk-facts dd,.kk-facts dt{color:#000}
	.kk-meta{background:none;border-top:1px solid #999;padding:10pt 0 0;margin-top:16pt}
	.kk-meta__grid{grid-template-columns:1fr 1fr 1fr;gap:12pt}
	.kk-meta p,.kk-bio .kk-meta .kk-cite{font-size:9.5pt}
	.kk-bio .kk-meta .kk-cite{border:1px solid #999;background:none}
	.kk-cite__s{display:none!important}
	.kk-text a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;color:#444;word-break:break-all}
	.kk-fn-back{display:none}
	blockquote,figure,.kk-note{break-inside:avoid}
	@page{margin:18mm 16mm}
}