/* E2: „Tak było w Kłobucku” (pionowy odtwarzacz 9:16 z rozdziałami) */
.eyebrow{font:700 16px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:#555;margin-bottom:16px}
.kp__g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(32px,5vw,88px);align-items:start}
.kp__L{min-width:0;max-width:460px;width:100%}
.kp__R{min-width:0;max-width:660px}
.kp__h h2{font-size:clamp(40px,4.6vw,64px);margin:0 0 24px}
.kp__v{position:relative;aspect-ratio:9/16;background:#000;box-shadow:12px 12px 0 var(--red);overflow:hidden}
.kp__btn{position:absolute;inset:0;display:block;color:#fff}
.kp__btn img{display:block;width:100%;height:100%;object-fit:cover}
.kp__btn:focus-visible{outline:4px solid var(--red);outline-offset:-8px}
.kp__time{position:absolute;right:14px;top:14px;background:#000;color:#fff;font:700 15px/1 var(--body);padding:6px 8px}
.kp__play{position:absolute;right:16px;bottom:16px;width:76px;height:76px;background:var(--red);box-shadow:5px 5px 0 #fff;transition:transform .12s,box-shadow .12s}
.kp__play::after{content:"";position:absolute;left:30px;top:22px;border-left:28px solid #fff;border-top:16px solid transparent;border-bottom:16px solid transparent}
.kp__btn:hover .kp__play{transform:translate(2px,2px);box-shadow:3px 3px 0 #fff}
.kp__v iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.kp__cap{margin:26px 0 28px;font:500 14px/1.35 var(--body);color:#444}
.kp__lead{font:500 clamp(18px,1.5vw,22px)/1.45 var(--body);color:#1a1a1a;margin:0 0 28px;max-width:34em}
.kp__l{border-top:3px solid #0b0b0c;margin-bottom:36px}
.kp__l li{border-bottom:1px dashed #8a877f}
.kp__ch{display:grid;grid-template-columns:72px minmax(0,1fr);gap:20px;align-items:center;padding:14px 8px 14px 0;color:#0b0b0c;text-decoration:none;transition:background-color .12s}
.kp__ch img{display:block;width:72px;height:128px;object-fit:cover}
.kp__ch:hover{background:rgba(0,0,0,.05)}
.kp__ch:focus-visible{outline:3px solid var(--red);outline-offset:-3px}
.kp__ch[aria-current=true]{box-shadow:inset 6px 0 0 var(--red);padding-left:18px;background:rgba(212,18,28,.06)}
.kp__t{display:grid;gap:3px;min-width:0}
.kp__t b{font:900 34px/1 var(--disp);letter-spacing:.04em;color:var(--red)}
.kp__t strong{font:800 21px/1.2 var(--body);color:#0b0b0c}
.kp__t small{font:500 17px/1.35 var(--body);color:#333}
.kp__src{grid-column:1/-1;margin:clamp(40px,4.4vw,64px) 0 0;border-top:3px solid #0b0b0c;padding-top:24px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(32px,5vw,88px);row-gap:10px}
.kp__src p{grid-column:1;font:500 clamp(18px,1.5vw,21px)/1.5 var(--body);color:#1a1a1a}
.kp__src footer{grid-column:1;font:700 16px/1.3 var(--body)}
.kp__src footer a{color:#0b0b0c;text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:6px 0}
.kp__src small{grid-column:2;grid-row:1/3;align-self:start;display:block;font:500 16px/1.45 var(--body);color:#444;border-left:4px solid var(--red);padding-left:18px}
.kp__a{margin:0}
.kp+.kor{padding-top:clamp(24px,3vw,40px)}
@media (max-width:899px){
  .kp__g,.kp__L,.kp__R{display:grid;grid-template-columns:minmax(0,1fr);max-width:none}
  .kp__L,.kp__R{display:contents}
  .kp__g{row-gap:0}
  .kp__h{order:1}
  .kp__p{order:2;max-width:280px;margin:0 auto 36px;width:100%}
  .kp__lead{order:3}
  .kp__l{order:4;margin-bottom:28px}
  .kp__src{order:5;display:block;margin:4px 0 28px;padding-top:20px}
  .kp__src small{display:block;margin-top:12px}
  .kp__a{order:6}
  .kp__h h2{margin-bottom:28px}
  .kp__cap{margin:22px 0 0}
  .kp__v{box-shadow:8px 8px 0 var(--red)}
  .kp__ch{grid-template-columns:48px minmax(0,1fr);gap:14px;padding:12px 8px 12px 0}
  .kp__ch img{width:48px;height:86px}
  .kp__t b{font-size:28px}
  .kp__t small{font-size:16px}
  .kp__a .btn{width:100%;justify-content:center}
}
