/* pass 38 (d1p) — strony /teksty/: kafle-tezy na indeksie, figury jako karty,
   pary figur w jednym rzędzie, własne okładki pod kaflami wideo.
   Arkusz ładowany jako ostatni, więc nadpisuje d1m/d1n/d1o i style w <head>.
   Wszystko jest zawężone do body.plain .art — strona główna go nie wczytuje. */

/* ---------- 1. indeks /teksty: ten sam język, co .texts4 na głównej ---------- */
body.plain .art .idx{gap:clamp(26px,3vw,36px) clamp(20px,2.4vw,32px);padding-top:clamp(22px,2.6vw,34px)}
body.plain .art .idx .txc h3{font-size:18px;line-height:1.15;margin:9px 0 8px}
body.plain .art .idx .txc p{font-size:14px;line-height:1.5}
/* tekst bez ręcznie napisanej tezy: kafel niesie samą serię i datę */
body.plain .art .idx .txc .cov.noteza .cq{font-size:19px;line-height:1.16}
body.plain .art .idx .txc .cov.noteza .cq em{font-style:normal;color:var(--redL);font-size:15px;display:inline-block;margin-top:6px}
@media(max-width:719px){body.plain .art .idx .txc .cov.noteza .cq{font-size:21px}}

/* ---------- 2. figura jako karta: panel, obraz do krawędzi, podpis w stopce ---------- */
body.plain .art figure{background:none;border:0;padding:0;overflow:hidden}
body.plain .art figure img{display:block;width:100%;height:auto;border:0;margin:0}
body.plain .art figcaption{margin:0;padding:10px 14px 11px;border-top:1px solid var(--rule);font-size:12px;line-height:1.45;color:var(--mut)}
body.plain .art figcaption a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:2px}
body.plain .art figcaption a:hover{color:var(--red);text-decoration-color:var(--red)}

/* ---------- 3. dwie sąsiadujące figury obok siebie ---------- */
body.plain .art .figs2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;width:min(54rem,calc(100vw - 48px));margin:30px 0 30px 50%;transform:translateX(-50%)}
body.plain .art .figs2 figure{width:auto;margin:0;transform:none}
@media(max-width:699px){body.plain .art .figs2{grid-template-columns:minmax(0,1fr);gap:20px}}

/* ---------- 4. kafel wideo z własną okładką (jak .watch .wcard na głównej) ---------- */
body.plain .art .vemb.hascov{position:relative;overflow:hidden;background:var(--ink)}
body.plain .art .vemb.hascov:hover{background:var(--ink)}
body.plain .art .vemb.hascov>img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:0;border:0;margin:0;filter:grayscale(1) brightness(.33) contrast(.95);transition:filter .32s ease}
body.plain .art .vemb.hascov:hover>img,body.plain .art .vemb.hascov:focus-visible>img{filter:none}
body.plain .art .vemb.hascov::before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(13,13,15,.62) 0%,rgba(13,13,15,.30) 34%,rgba(13,13,15,.88) 100%);transition:background .32s ease}
body.plain .art .vemb.hascov:hover::before,body.plain .art .vemb.hascov:focus-visible::before{background:linear-gradient(180deg,rgba(13,13,15,.46) 0%,rgba(13,13,15,.22) 36%,rgba(13,13,15,.88) 100%)}
body.plain .art .vemb.hascov>span{position:relative;z-index:2}
body.plain .art .vemb.hascov .play{border-left-color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}
body.plain .art .vemb.hascov:hover .play,body.plain .art .vemb.hascov:focus-visible .play{border-left-color:var(--redL)}
body.plain .art .vemb.hascov .vemb-t{text-shadow:0 1px 4px rgba(0,0,0,.75)}
body.plain .art .vemb.hascov .vemb-s{color:#C8C8CE;text-shadow:0 1px 3px rgba(0,0,0,.7)}

/* ---------- 5. archiwum: pełna szerokość kolumny, siatka 3-up ---------- */
body.plain .art.wide{max-width:1120px}
body.plain .art.wide h1{max-width:none}
@media(min-width:900px){body.plain .art.wide .idx{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---------- odstępy między słowami: ujemny tracking ściska też spacje ---------- */
html body .hero h1{word-spacing:.16em}
html body .band-head h2,html body .lane h3,html body .txc h3,html body .art h1,html body .art h2,html body .talk b,html body .wcard .vtile b{word-spacing:.05em}

/* ---------- 6. okładka: teza wyśrodkowana w kaflu, większy stopień ---------- */
body.plain .art .idx .txc .cov{display:grid;grid-template-rows:1fr auto;padding:clamp(15px,1.9vw,21px) clamp(16px,2vw,23px)}
body.plain .art .idx .txc .cov .cq{align-self:center;font-size:calc(var(--cqs,14px) * 1.5);line-height:1.16;word-spacing:.05em}
body.plain .art .idx .txc .cov .cfoot{font-size:9px}
@media(max-width:719px){body.plain .art .idx .txc .cov .cq{font-size:calc(var(--cqs,14px) * 1.7)}}

/* ---------- 7. para zdjęć: jedna karta, jedno źródło ---------- */
body.plain .art figure.pair{width:min(54rem,calc(100vw - 48px));margin:32px 0 32px 50%;transform:translateX(-50%);background:none;border:0;padding:0}
body.plain .art figure.pair .pi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--rule)}
body.plain .art figure.pair .pi img{display:block;width:100%;height:100%;aspect-ratio:3/2;object-fit:cover;border:0;margin:0}
body.plain .art figure.pair figcaption{margin:0;padding:11px 14px 12px;border-top:1px solid var(--rule)}
@media(max-width:700px){body.plain .art figure.pair .pi{grid-template-columns:minmax(0,1fr)}}

/* ---------- 8. telefon: archiwum ma rynnę jak reszta witryny ---------- */
/* ARTICLE_CSS zeruje boczny padding .art.wide ponizej 720px - to było dobre */
/* dla dawnych pełnoszerokościowych wierszy, siatka kafli potrzebuje rynny. */
@media(max-width:719px){
html body.plain .art.wide{padding-left:24px;padding-right:24px;padding-top:26px}
html body.plain .art.wide .dateline{padding-bottom:12px}
html body.plain .art.wide .idx{padding-top:14px;gap:30px}
}

/* ---------- NIP w stopce: kontrast ---------- */
html body .foot .nip{color:#b8b8c0}

/* ---------- 14. gwiazdka przy podpisie, jedna nota o AI na tekst ---------- */
body.plain .art figcaption .aist{color:inherit;text-decoration:none;border-bottom:1px dotted var(--rule)}
body.plain .art figcaption .aist:hover{color:var(--red)}
body.plain .art .ainote{margin:10px 0 0;font-size:12px;line-height:1.5;color:var(--faint)}

/* --- marker play w artykule: czerwony domyslnie --- */
body.plain .art .vemb.hascov .play{border-left-color:var(--redL)}
body.plain .art .vemb.hascov:hover .play,
body.plain .art .vemb.hascov:focus-visible .play{border-left-color:#fff}