/* KK Książki 1.1.0 – katalog, karta książki, czytnik. Wszystko w .kkl, żeby nie mieszać się ze stylami motywu. */
.kkl{
  --kkl-bg:#f6f3ec; --kkl-surface:#fffdf8; --kkl-ink:#1c1a17; --kkl-muted:#6b6355; --kkl-line:#e2dacb; --kkl-mark:#f0dca0;
  --kkl-gold:#ad9a6d; --kkl-gold-ink:#74612f; --kkl-night:#141210; --kkl-night-ink:#efe8d9; --kkl-night-muted:#a99f8c;
  --kkl-display:"Marcellus","Cormorant Garamond",Georgia,serif;
  --kkl-text:"Lora",Georgia,"Times New Roman",serif;
  --kkl-meta:"Josefin Sans","Gill Sans","Trebuchet MS",system-ui,sans-serif;
  --kkl-shadow:0 1px 2px rgba(28,26,23,.08),0 12px 28px -12px rgba(28,26,23,.35);
  color:var(--kkl-ink);font:400 17px/1.7 var(--kkl-text);-webkit-font-smoothing:antialiased;text-align:left
}
.kkl *,.kkl *::before,.kkl *::after{box-sizing:border-box}

.kkl a{color:inherit}
.kkl img{max-width:100%;height:auto}
.kkl :focus-visible{outline:2px solid var(--kkl-gold);outline-offset:3px}
.kkl mark{background:var(--kkl-mark);color:inherit;padding:0 1px;border-radius:1px}
.kkl [hidden]{display:none!important}

/* reset: style motywu (przyciski, pola, nagłówki) nie wchodzą do biblioteki */
.kkl:not(#kkl-z) button,.kkl:not(#kkl-z) input,.kkl:not(#kkl-z) select{font:inherit;color:inherit;letter-spacing:normal;text-transform:none;box-shadow:none;margin:0;min-height:0;width:auto;text-shadow:none;outline-offset:3px}
.kkl:not(#kkl-z) button{background:none;border:0;border-radius:0;padding:0;cursor:pointer;line-height:inherit;text-decoration:none}
.kkl:not(#kkl-z) button:hover,.kkl:not(#kkl-z) button:focus{background:none;color:inherit;text-decoration:none}
.kkl:not(#kkl-z) input[type=search],.kkl:not(#kkl-z) input[type=text]{background:transparent;border:0;border-radius:0;padding:0}
.kkl:not(#kkl-z) h1,.kkl:not(#kkl-z) h2,.kkl:not(#kkl-z) h3{color:inherit}
/* szerokość: katalog wypełnia kontener strony motywu, karta książki = kontener nagłówka Loquet (1360 px z marginesem 20 px) */
.kkl-catalog{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
.kkl-single{width:100%!important;max-width:var(--kkl-container,1360px)!important;margin-left:auto!important;margin-right:auto!important;padding-left:max(20px,env(safe-area-inset-left,0px))!important;padding-right:max(20px,env(safe-area-inset-right,0px))!important}
body:has(.kkl-feature){overflow-x:clip}

/* odstępy jak na stronie Biogramy: tytuł 50 px pod menu (telefon 30 px), 130 px do stopki; bez nawigacji motywu „Previous / Strona główna” */
body.kkl-library-page .gt-main,body.kkl-book-page .gt-main,body.kkl-library-page .gt-page-wrapper,body.kkl-book-page .gt-page-wrapper{padding-top:0!important;padding-bottom:0!important}
body.kkl-library-page .gt-page-pagination,body.kkl-book-page .gt-page-pagination{display:none!important}
.kkl-catalog .kkl-head{padding:13px 0 40px}
.kkl-catalog{padding-bottom:66px!important}
.kkl-catalog:not(#kkl-z) .kkl-h1{font-size:3.2rem;margin-top:8px}
.kkl-single .kkl-crumbs{padding-top:50px}
.kkl-catalog .kkl-head--plain{padding-top:50px}
.kkl-catalog:not(#kkl-z) .kkl-head--plain .kkl-h1{margin-top:0}
.kkl-single{padding-bottom:58px!important}
@media (max-width:760px){
  .kkl-catalog .kkl-head{padding-top:0}
  .kkl-catalog:not(#kkl-z) .kkl-h1{font-size:2.1rem;margin-top:0}
  .kkl-catalog{padding-bottom:26px!important}
  .kkl-single .kkl-crumbs{padding-top:30px}
  .kkl-catalog .kkl-head--plain{padding-top:30px}
  .kkl-single{padding-bottom:18px!important}
}
.kkl-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kkl-eyebrow{display:inline-block;font:600 12px/1.3 var(--kkl-meta);letter-spacing:.14em;text-transform:uppercase;color:var(--kkl-gold-ink)}
.kkl:not(#kkl-z) .kkl-h1,.kkl:not(#kkl-z) .kkl-h2,.kkl:not(#kkl-z) .kkl-h3{font-family:var(--kkl-display);font-weight:400;text-wrap:balance;margin:0;line-height:1.12;color:inherit;letter-spacing:normal;text-transform:none;padding:0;border:0}
.kkl:not(#kkl-z) .kkl-h1{font-size:clamp(36px,5vw,60px)}
.kkl:not(#kkl-z) .kkl-h2{font-size:clamp(27px,3vw,36px)}
.kkl:not(#kkl-z) .kkl-h3{font-size:24px}

/* przyciski i linki */
.kkl:not(#kkl-z) .kkl-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 22px;border:1px solid var(--kkl-ink);background:var(--kkl-ink);color:#f6f3ec;font:600 13px/1 var(--kkl-meta);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;border-radius:2px;transition:background .2s,color .2s,border-color .2s}
.kkl:not(#kkl-z) .kkl-btn:hover{background:var(--kkl-gold);border-color:var(--kkl-gold);color:#141210}
.kkl:not(#kkl-z) .kkl-btn--ghost{background:transparent;color:var(--kkl-ink)}
.kkl:not(#kkl-z) .kkl-btn--ghost:hover{background:var(--kkl-ink);border-color:var(--kkl-ink);color:#f6f3ec}
.kkl:not(#kkl-z) .kkl-btn--gold{background:var(--kkl-gold);border-color:var(--kkl-gold);color:#141210}
.kkl:not(#kkl-z) .kkl-btn--gold:hover{background:#efe8d9;border-color:#efe8d9;color:#141210}
.kkl:not(#kkl-z) .kkl-feature .kkl-btn--ghost{color:var(--kkl-night-ink);border-color:rgba(239,232,217,.45)}
.kkl:not(#kkl-z) .kkl-feature .kkl-btn--ghost:hover{background:var(--kkl-night-ink);color:#141210;border-color:var(--kkl-night-ink)}
.kkl:not(#kkl-z) .kkl-link{font:600 13px/1.2 var(--kkl-meta);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--kkl-gold-ink);display:inline-flex;gap:8px;align-items:center;background:none;border:0;padding:0;cursor:pointer}
.kkl:not(#kkl-z) .kkl-link:hover{color:var(--kkl-ink);background:none}
.kkl-crumbs{font:400 13px/1.4 var(--kkl-meta);color:var(--kkl-muted);padding:22px 0 0;display:flex;gap:8px;flex-wrap:wrap}
.kkl-crumbs a{text-decoration:none}.kkl-crumbs a:hover{color:var(--kkl-gold-ink)}

/* bryła książki: przód, tył, grzbiet, blok stron; --t = grubość / szerokość */
.kkl-book{--w:200px;--t:.15;--d:calc(var(--w) * var(--t));position:relative;width:var(--w);aspect-ratio:176/250;transform-style:preserve-3d;transform:rotateX(var(--rx,7deg)) rotateY(var(--ry,-42deg));transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.kkl-book__front,.kkl-book__back{position:absolute;inset:0;border-radius:0 2px 2px 0}
.kkl-book__front{transform:translateZ(calc(var(--d) / 2));background:#ddd;overflow:hidden}
.kkl-book__front img{width:100%;height:100%;object-fit:cover;display:block;max-width:none}
.kkl-book__front::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.30) 0,rgba(255,255,255,.22) 1.2%,rgba(0,0,0,.10) 2.6%,transparent 6%),linear-gradient(110deg,rgba(255,255,255,.18),transparent 38%,transparent 70%,rgba(0,0,0,.08));pointer-events:none}
.kkl-book__back{transform:translateZ(calc(var(--d) / -2));background:var(--sp)}
.kkl-book__pages{position:absolute;top:.9%;bottom:.9%;left:calc(100% - var(--d) / 2 - 1px);width:var(--d);transform:rotateY(90deg);
  background:linear-gradient(90deg,rgba(255,255,255,.35),transparent 30%,rgba(60,45,20,.22)),repeating-linear-gradient(90deg,#f8f3e8 0 1px,#e6dcc8 1px 2px,#f3ecdd 2px 3px);
  box-shadow:inset 0 2px 2px rgba(0,0,0,.12),inset 0 -2px 2px rgba(0,0,0,.12)}
.kkl-book__top{position:absolute;left:0;width:calc(100% - 2px);top:calc(var(--d) / -2);height:var(--d);transform:rotateX(90deg);background:linear-gradient(0deg,rgba(60,45,20,.18),transparent 40%,rgba(255,255,255,.3)),repeating-linear-gradient(0deg,#f8f3e8 0 1px,#e4d9c4 1px 2px,#f2eadb 2px 3px)}
.kkl-book__spine{position:absolute;top:0;bottom:0;left:calc(var(--d) / -2);width:var(--d);transform:rotateY(-90deg);background:var(--sp)}
.kkl-book__floor{position:absolute;left:4%;right:-14%;bottom:-5%;height:9%;background:radial-gradient(closest-side,rgba(0,0,0,.42),transparent);filter:blur(5px);transform:translateZ(calc(var(--d) / -2 - 1px))}
.kkl-nocover{display:grid;place-items:center;width:100%;height:100%;padding:12%;background:#2a2621;color:#efe8d9;font:400 18px/1.2 var(--kkl-display);text-align:center}
.kkl-flat{display:block;width:min(300px,64vw);aspect-ratio:176/250;object-fit:cover;box-shadow:0 34px 60px -22px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.06)}

/* katalog */
.kkl-head{padding:28px 0 40px}
.kkl-head .kkl-h1{margin-top:14px}
.kkl-head__p{max-width:60ch;margin:18px 0 0;font-size:19px;color:var(--kkl-muted)}
.kkl-empty{padding:40px 0;color:var(--kkl-muted)}
.kkl-feature{background:var(--kkl-night);color:var(--kkl-night-ink);position:relative;overflow:hidden;width:var(--kkl-vw,100vw);margin-left:calc(50% - var(--kkl-vw,100vw) / 2)}
.kkl-feature::before{content:"";position:absolute;inset:0;background:radial-gradient(55% 90% at 22% 50%,rgba(173,154,109,.17),transparent 70%)}
.kkl-feature__in{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center;max-width:var(--kkl-container,1360px);margin:0 auto;padding:72px max(20px,env(safe-area-inset-right,0px)) 72px max(20px,env(safe-area-inset-left,0px))}
.kkl-feature__stage{display:grid;place-items:center}
.kkl-feature__stage a{display:block}
.kkl-feature .kkl-eyebrow{color:var(--kkl-gold)}
.kkl:not(#kkl-z) .kkl-feature__ti{font-family:var(--kkl-display);font-weight:400;font-size:clamp(32px,4.2vw,52px);line-height:1.1;margin:14px 0 8px;color:var(--kkl-night-ink);text-wrap:balance}
.kkl-feature__su{font:italic 400 21px/1.4 var(--kkl-text);color:#d9cdb4;margin:0;max-width:40ch}
.kkl-feature__by{font:600 13px/1 var(--kkl-meta);letter-spacing:.14em;text-transform:uppercase;color:var(--kkl-gold);margin:22px 0 0}
.kkl-feature__lead{max-width:58ch;color:#d6cdbb;margin:22px 0 30px}
.kkl-actions{display:flex;gap:12px;flex-wrap:wrap}
.kkl-peek{display:flex;gap:10px;margin-top:34px;align-items:flex-end;flex-wrap:wrap}
.kkl:not(#kkl-z) .kkl-peek button{width:64px;aspect-ratio:176/250;background:#2a2621;border:0;padding:0;cursor:zoom-in;box-shadow:0 8px 18px -8px #000;transition:transform .25s;overflow:hidden;border-radius:0}
.kkl:not(#kkl-z) .kkl-peek button:hover{transform:translateY(-4px)}
.kkl-peek img{width:100%;height:100%;object-fit:cover;display:block}
.kkl-peek span{font:400 12px/1.4 var(--kkl-meta);color:var(--kkl-night-muted);margin-left:6px;align-self:center}
@media (max-width:820px){.kkl-feature__in{grid-template-columns:1fr;gap:26px;padding-top:44px;padding-bottom:44px}}

.kkl-finder{padding:56px 0 0}
.kkl-finder__box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 28px;align-items:end;border-bottom:1px solid var(--kkl-line);padding-bottom:26px}
.kkl-finder p{margin:8px 0 0;color:var(--kkl-muted);max-width:62ch}
.kkl-search{display:flex;align-items:center;gap:10px;border-bottom:1.5px solid var(--kkl-ink);min-height:48px;min-width:min(420px,100%);margin:0}
.kkl-search--narrow{max-width:520px}
.kkl:not(#kkl-z) .kkl-search input{border:0;background:transparent;flex:1;min-width:0;font-size:18px;padding:8px 0;height:auto;outline:0;box-shadow:none;border-radius:0}
.kkl-search input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.kkl-search:focus-within{border-color:var(--kkl-gold)}
.kkl:not(#kkl-z) .kkl-clr{border:0;background:none;cursor:pointer;color:var(--kkl-muted);font-size:22px;line-height:1;padding:4px}
@media (max-width:760px){.kkl-finder__box{grid-template-columns:1fr}.kkl-search{min-width:0}}
.kkl-hits__sum{font:400 14px/1.5 var(--kkl-meta);color:var(--kkl-muted);padding:14px 0 4px;margin:0}
.kkl-hgroup{padding:18px 0;border-bottom:1px solid var(--kkl-line);display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px}
.kkl-hgroup--one{grid-template-columns:minmax(0,1fr)}
.kkl-hgroup img{width:64px;aspect-ratio:176/250;object-fit:cover;box-shadow:var(--kkl-shadow)}
.kkl-hgroup .kkl-h3{font-size:21px;margin-bottom:8px}
.kkl-hgroup .kkl-h3 small{font:400 13px var(--kkl-meta);color:var(--kkl-muted);margin-left:8px}
.kkl:not(#kkl-z) .kkl-hit{all:unset;box-sizing:border-box;display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;width:100%;padding:8px 6px;cursor:pointer;border-radius:2px}
.kkl:not(#kkl-z) .kkl-hit:hover{background:var(--kkl-surface)}
.kkl:not(#kkl-z) .kkl-hit:focus-visible{outline:2px solid var(--kkl-gold)}
.kkl-hit b{font:600 12px/1.9 var(--kkl-meta);letter-spacing:.06em;color:var(--kkl-gold-ink);font-variant-numeric:tabular-nums}
.kkl-hit span{font:400 15.5px/1.55 var(--kkl-text);color:var(--kkl-ink)}
.kkl-loading{font:400 14px var(--kkl-meta);color:var(--kkl-muted);padding:14px 0;margin:0}
.kkl-more-hits{margin-top:6px}

.kkl-shelf{padding:56px 0 72px}
.kkl-shelf__head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:30px}
.kkl:not(#kkl-z) .kkl-sel{border:1px solid var(--kkl-line);background:var(--kkl-surface);min-height:38px;height:auto;padding:0 10px;font:400 14px var(--kkl-meta);border-radius:2px;width:auto}
.kkl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:52px 40px}
.kkl:not(#kkl-z) .kkl-card{container-type:inline-size;display:flex;flex-direction:column;gap:16px;text-decoration:none;color:inherit;animation:kkl-rise .5s both;animation-delay:calc(var(--i) * 60ms)}
.kkl-card__shelf{perspective:1100px;display:grid;place-items:end center;padding:14px 0 10px}
.kkl-card .kkl-book{--w:min(72cqi,250px);--ry:-27deg}
.kkl-card:hover .kkl-book,.kkl-card:focus-visible .kkl-book{--ry:-36deg;transform:translateY(-6px) rotateX(var(--rx,7deg)) rotateY(var(--ry))}
.kkl-card__meta{font:400 12.5px/1.4 var(--kkl-meta);color:var(--kkl-muted);display:flex;gap:6px 10px;flex-wrap:wrap}
.kkl-card__ti{font:400 22px/1.2 var(--kkl-display);text-wrap:balance}
.kkl-card__su{font:italic 400 15px/1.45 var(--kkl-text);color:var(--kkl-muted);margin-top:-8px}
.kkl-card__au{font:600 12px/1 var(--kkl-meta);letter-spacing:.1em;text-transform:uppercase;color:var(--kkl-gold-ink)}
@keyframes kkl-rise{from{opacity:.001;transform:translateY(14px)}}

.kkl-author{border-top:1px solid var(--kkl-line);padding:48px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:32px}
.kkl-author p{margin:0;max-width:66ch}
.kkl-order{border-top:1px solid var(--kkl-line);padding:44px 0 64px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}
.kkl-order p{margin:8px 0 0;color:var(--kkl-muted);max-width:62ch}
.kkl-mail{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font:400 16px var(--kkl-meta)}
.kkl-mail a{text-decoration:none;border-bottom:1px solid var(--kkl-gold);user-select:all}
@media (max-width:760px){.kkl-author,.kkl-order{grid-template-columns:1fr;gap:12px}}

/* karta książki */
.kkl-detail{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;padding:30px 0 56px;align-items:start}
.kkl-detail__cover{position:sticky;top:110px;display:flex;flex-direction:column;align-items:center;gap:26px}
.admin-bar .kkl-detail__cover{top:142px}
.kkl-detail__stage{perspective:1400px;padding:40px 0 30px;display:grid;place-items:center;width:100%}
.kkl-detail .kkl-book{--w:min(290px,60vw)}
.kkl-detail__btns{display:flex;flex-direction:column;gap:10px;width:min(310px,100%)}
.kkl-resume{font:400 14px/1.4 var(--kkl-meta);color:var(--kkl-muted);text-align:center;margin:0}
.kkl-detail__main{min-width:0}
.kkl:not(#kkl-z) .kkl-detail__ti{margin:14px 0 10px;font-size:clamp(34px,4.4vw,54px)}
.kkl-sub{font:italic 400 22px/1.45 var(--kkl-text);color:var(--kkl-muted);margin:0;max-width:44ch}
.kkl-by{margin:22px 0 0;font:400 17px/1.5 var(--kkl-text)}
.kkl-by span{font:400 14px/1.5 var(--kkl-meta);color:var(--kkl-muted)}
.kkl-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--kkl-line);border-bottom:1px solid var(--kkl-line);margin:30px 0 0;padding:0}
.kkl-quick div{padding:14px 12px 14px 0;min-width:0}
.kkl-quick dt{font:600 11px/1.2 var(--kkl-meta);letter-spacing:.12em;text-transform:uppercase;color:var(--kkl-muted);margin:0}
.kkl-quick dd{margin:6px 0 0;font:400 19px/1.25 var(--kkl-display);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.kkl-todo{color:var(--kkl-muted);font:italic 400 15px/1.3 var(--kkl-text);border-bottom:1px dashed var(--kkl-muted)}
@media (max-width:620px){.kkl-quick{grid-template-columns:repeat(2,1fr)}}
.kkl-subnav{position:sticky;top:0;z-index:5;background:var(--kkl-page-bg,rgba(255,255,255,.94));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--kkl-line);margin:38px 0 0;display:flex;gap:24px;overflow-x:auto;scrollbar-width:none}
.admin-bar .kkl-subnav{top:32px}
.kkl-subnav a{font:600 12.5px/1 var(--kkl-meta);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--kkl-muted);padding:16px 0 14px;white-space:nowrap;border-bottom:2px solid transparent}
.kkl-subnav a.is-on{color:var(--kkl-ink);border-color:var(--kkl-gold)}
.kkl-sec{padding-top:46px;scroll-margin-top:70px}
.kkl-sec>.kkl-h2{margin-bottom:20px}
.kkl-sec .kkl-h3{margin:40px 0 16px}
.kkl-prose{max-width:66ch}
.kkl-prose p{margin:0 0 1.05em}
.kkl-lead>p:first-child{font-size:19.5px;line-height:1.65}
.kkl-label{font:600 11px/1 var(--kkl-meta);letter-spacing:.12em;text-transform:uppercase;color:var(--kkl-muted);display:block;margin-bottom:14px}
.kkl-orig{border-top:1px solid var(--kkl-line);padding-top:26px;margin-top:30px;max-width:66ch}
.kkl-orig.is-first{border:0;padding-top:0;margin-top:0}
.kkl:not(#kkl-z) .kkl-orig .kkl-h3{display:flex;justify-content:space-between;gap:16px;align-items:baseline;flex-wrap:wrap;margin:0 0 16px}
.kkl:not(#kkl-z) .kkl-orig .kkl-orig__go{justify-content:flex-end;margin-bottom:6px}
.kkl-orig__go span{font:600 11px var(--kkl-meta);letter-spacing:.12em;text-transform:uppercase;color:var(--kkl-muted);margin-right:auto}
.kkl-orig .kkl-link{font-size:12px}
.kkl-orig p{margin:0 0 1em}
.kkl:not(#kkl-z) .kkl-orig__h{font:400 22px/1.25 var(--kkl-display);margin:30px 0 14px;color:var(--kkl-ink);text-transform:none;letter-spacing:normal}
.kkl:not(#kkl-z) .kkl-quote{margin:4px 0 22px 0;padding:2px 0 2px 22px;border:0;border-left:2px solid var(--kkl-line);background:none;font:400 16.5px/1.65 var(--kkl-text);color:var(--kkl-ink);quotes:none}
.kkl:not(#kkl-z) .kkl-quote::before,.kkl:not(#kkl-z) .kkl-quote::after{content:none}
.kkl:not(#kkl-z) .kkl-quote p{margin:0;padding:0;font:inherit;color:inherit;letter-spacing:normal;text-transform:none;border:0;background:none}
.kkl:not(#kkl-z) .kkl-quote p::before,.kkl:not(#kkl-z) .kkl-quote p::after{content:none}
.kkl:not(#kkl-z) .kkl-list{margin:0 0 1.1em;padding-left:1.3em}
.kkl:not(#kkl-z) .kkl-list li{margin:0 0 .35em;padding-left:.2em;list-style-position:outside;font:400 17px/1.6 var(--kkl-text);color:var(--kkl-ink);letter-spacing:normal;text-transform:none;border:0;background:none}
.kkl:not(#kkl-z) .kkl-list li::before{content:none}
.kkl:not(#kkl-z) ul.kkl-list li{list-style-type:disc}
.kkl:not(#kkl-z) ol.kkl-list li{list-style-type:decimal}
.kkl-list li::marker{color:var(--kkl-gold-ink)}
.kkl-sep{text-align:center;color:var(--kkl-gold-ink);letter-spacing:.2em;margin:1.4em 0!important}
.kkl-center{text-align:center}
.kkl-orig__body.is-long{position:relative;max-height:30em;overflow:hidden}
.kkl-orig__body.is-long:not(.is-open){-webkit-mask-image:linear-gradient(#000 calc(100% - 7em),transparent);mask-image:linear-gradient(#000 calc(100% - 7em),transparent)}
.kkl-orig__body.is-long.is-open{max-height:none;overflow:visible}
.kkl:not(#kkl-z) .kkl-more-text{margin:6px 0 4px}
.kkl-more-text span{font-weight:400;letter-spacing:.04em;text-transform:none;opacity:.75}
.kkl-orig__body>p:first-of-type::first-letter{float:left;font:400 3.6em/.82 var(--kkl-display);color:var(--kkl-gold-ink);padding:.06em .1em 0 0}
.kkl:not(#kkl-z) .kkl-motto{margin:0 0 22px;padding:2px 0 2px 22px;border:0;border-left:2px solid var(--kkl-gold);font:italic 400 17px/1.6 var(--kkl-text);color:var(--kkl-muted);background:none;quotes:none}
.kkl:not(#kkl-z) .kkl-motto::before,.kkl:not(#kkl-z) .kkl-motto::after{content:none}
.kkl-motto cite{display:block;font:400 13px/1.4 var(--kkl-meta);font-style:normal;margin-top:6px}
.kkl-omit{color:var(--kkl-muted);font:400 14px var(--kkl-meta)}
.kkl-pages{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px}
.kkl-pages figure{margin:0;display:flex;flex-direction:column;gap:8px}
.kkl:not(#kkl-z) .kkl-pages button,.kkl-pages__b{display:block;width:118px;aspect-ratio:176/250;padding:0;border:1px solid var(--kkl-line);background:var(--kkl-surface);cursor:zoom-in;box-shadow:var(--kkl-shadow);transition:transform .25s;overflow:hidden;border-radius:0}
.kkl:not(#kkl-z) .kkl-pages button:hover{transform:translateY(-4px)}
.kkl-pages img{width:100%;height:100%;object-fit:cover;display:block}
.kkl-pages figcaption{font:400 12.5px/1.4 var(--kkl-meta);color:var(--kkl-muted);max-width:118px}
.kkl-toc{list-style:none;margin:0;padding:0;max-width:70ch}
.kkl-toc li{border-bottom:1px solid var(--kkl-line);margin:0;padding:0}
.kkl-toc li::before{content:none}
.kkl:not(#kkl-z) .kkl-toc button,.kkl-toc__row{all:unset;box-sizing:border-box;width:100%;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:baseline;padding:13px 0;cursor:pointer}
.kkl-toc__row{cursor:default}
.kkl:not(#kkl-z) .kkl-toc button:focus-visible{outline:2px solid var(--kkl-gold)}
.kkl-toc__t{font:400 18px/1.4 var(--kkl-text)}
.kkl-toc__p{font:400 15px var(--kkl-meta);color:var(--kkl-muted);font-variant-numeric:tabular-nums}
.kkl:not(#kkl-z) .kkl-toc button:hover .kkl-toc__t{color:var(--kkl-gold-ink)}
.kkl-toc__go{opacity:0;transition:opacity .2s;font:600 11px var(--kkl-meta);letter-spacing:.1em;text-transform:uppercase;color:var(--kkl-gold-ink);margin-left:10px}
.kkl:not(#kkl-z) .kkl-toc button:hover .kkl-toc__go,.kkl:not(#kkl-z) .kkl-toc button:focus-visible .kkl-toc__go{opacity:1}
.kkl-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
.kkl:not(#kkl-z) .kkl-person{all:unset;box-sizing:border-box;border-top:2px solid var(--kkl-gold);padding-top:14px;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--kkl-ink)}
.kkl a.kkl-person,.kkl button.kkl-person{cursor:pointer}
.kkl-person b{font:400 21px/1.2 var(--kkl-display)}
.kkl-person>span{font:400 14px/1.45 var(--kkl-meta);color:var(--kkl-muted)}
.kkl-person .kkl-link{margin-top:4px}
.kkl a.kkl-person:hover b,.kkl button.kkl-person:hover b{color:var(--kkl-gold-ink)}
.kkl-biblio{display:grid;grid-template-columns:max-content 1fr;gap:0 28px;margin:0;max-width:760px}
.kkl-biblio dt,.kkl-biblio dd{padding:11px 0;border-bottom:1px solid var(--kkl-line);margin:0}
.kkl-biblio dt{font:600 12px/1.6 var(--kkl-meta);letter-spacing:.1em;text-transform:uppercase;color:var(--kkl-muted)}
@media (max-width:560px){.kkl-biblio{grid-template-columns:1fr}.kkl-biblio dt{border:0;padding-bottom:0}}
.kkl-cite{background:var(--kkl-surface);border:1px solid var(--kkl-line);padding:18px 20px;max-width:760px;display:flex;flex-direction:column;gap:14px}
.kkl-cite p{margin:0}
.kkl-more{padding:56px 0 72px;border-top:1px solid var(--kkl-line)}
@media (max-width:860px){.kkl-detail{grid-template-columns:1fr;gap:16px}.kkl-detail__cover{position:static}}

/* czytnik */
.kkl-reader{position:fixed;inset:0;z-index:100000;background:#141210;color:#efe8d9;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);color-scheme:dark;overflow:hidden}
.kkl-reader[hidden]{display:none!important}
.kkl-r-bar{display:flex;align-items:center;gap:6px;padding:calc(env(safe-area-inset-top,0px) + 10px) max(14px,env(safe-area-inset-right,0px)) 10px max(14px,env(safe-area-inset-left,0px));border-bottom:1px solid #2c2822;flex-wrap:wrap}
.kkl-r-ti{font:400 18px/1.2 var(--kkl-display);margin-right:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 160px;padding-left:4px}
.kkl-r-ti small{display:block;font:400 12px var(--kkl-meta);color:#a99f8c;letter-spacing:.04em}
.kkl:not(#kkl-z) .kkl-ib{width:40px;height:40px;display:grid;place-items:center;border:1px solid transparent;background:transparent;border-radius:2px;cursor:pointer;color:#d6cdbb;flex:none;padding:0;text-decoration:none}
.kkl:not(#kkl-z) .kkl-ib:hover{border-color:#4a443b;color:#fff;background:transparent}
.kkl:not(#kkl-z) .kkl-ib[aria-pressed="true"]{background:#2c2822;color:var(--kkl-gold)}
.kkl-r-pg{display:flex;align-items:center;gap:6px;font:400 14px var(--kkl-meta);color:#a99f8c}
.kkl:not(#kkl-z) .kkl-r-pg input{width:76px;background:#1f1c18;border:1px solid #3a352d;color:#fff;text-align:center;height:34px;border-radius:2px;font-variant-numeric:tabular-nums;padding:0}
.kkl-r-sep{width:1px;height:24px;background:#2c2822;margin:0 4px}
.kkl-r-prog{height:2px;background:#2c2822}
.kkl-r-prog i{display:block;height:100%;width:0;background:var(--kkl-gold);transition:width .2s}
.kkl-r-main{display:grid;grid-template-columns:auto minmax(0,1fr);min-height:0}
.kkl-r-side{width:0;overflow:hidden;background:#1a1714;border-right:1px solid #2c2822;transition:width .3s}
.kkl-r-side.is-open{width:270px}
.kkl-r-side__in{width:270px;height:100%;display:flex;flex-direction:column}
.kkl-r-tabs{display:flex;border-bottom:1px solid #2c2822}
.kkl:not(#kkl-z) .kkl-r-tabs button{flex:1;background:none;border:0;border-bottom:2px solid transparent;padding:12px 6px;font:600 11px var(--kkl-meta);letter-spacing:.1em;text-transform:uppercase;color:#a99f8c;cursor:pointer;border-radius:0}
.kkl:not(#kkl-z) .kkl-r-tabs button[aria-selected="true"]{color:#efe8d9;border-color:var(--kkl-gold)}
.kkl-r-list{overflow:auto;flex:1;padding:14px}
.kkl-r-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}
.kkl:not(#kkl-z) .kkl-r-thumb{background:none;border:0;padding:0;cursor:pointer;display:flex;flex-direction:column;gap:5px;align-items:center;color:#a99f8c;font:400 11px var(--kkl-meta)}
.kkl-r-thumb canvas,.kkl-r-thumb img{width:100%;aspect-ratio:176/250;background:#2a2621;display:block;outline:2px solid transparent;outline-offset:2px;object-fit:cover}
.kkl-r-thumb.is-on canvas,.kkl-r-thumb.is-on img{outline-color:var(--kkl-gold)}
.kkl-r-thumb.is-on{color:var(--kkl-gold)}
.kkl:not(#kkl-z) .kkl-r-toc button{all:unset;display:flex;justify-content:space-between;gap:10px;width:100%;box-sizing:border-box;padding:10px 4px;border-bottom:1px solid #2c2822;cursor:pointer;font:400 14.5px/1.35 var(--kkl-text);color:#d6cdbb}
.kkl:not(#kkl-z) .kkl-r-toc button:hover,.kkl:not(#kkl-z) .kkl-r-toc button:focus-visible{color:var(--kkl-gold)}
.kkl-r-toc span{font:400 12px var(--kkl-meta);color:#8a8171;flex:none}
.kkl:not(#kkl-z) .kkl-r-find input{width:100%;background:#1f1c18;border:1px solid #3a352d;color:#fff;height:38px;padding:0 10px;border-radius:2px;font-size:15px}
.kkl-r-find p{font:400 12.5px/1.5 var(--kkl-meta);color:#a99f8c;margin:10px 0}
.kkl:not(#kkl-z) .kkl-r-find .kkl-hit{grid-template-columns:1fr;gap:2px;padding:8px 4px}
.kkl:not(#kkl-z) .kkl-r-find .kkl-hit span{color:#d6cdbb;font-size:14px;line-height:1.5}
.kkl:not(#kkl-z) .kkl-r-find .kkl-hit:hover{background:#24201b}
.kkl:not(#kkl-z) .kkl-r-find .kkl-hit b{color:var(--kkl-gold)}
.kkl-r-find mark{background:#6b5a2c;color:#fff}
.kkl-r-stage{position:relative;overflow:auto;display:grid;place-items:center;padding:24px;min-width:0;perspective:1600px}
.kkl-spread{display:flex;box-shadow:0 30px 60px -20px #000,0 0 0 1px #2c2822;position:relative;transition:opacity .28s,transform .28s}
.kkl-pg{position:relative;background:#fbf8f1}
.kkl-pg canvas,.kkl-pg img{display:block;max-width:none}
.kkl-hl{position:absolute;background:rgba(240,200,90,.42);mix-blend-mode:multiply;border-radius:1px;pointer-events:none;animation:kkl-pulse 1.6s ease-out 1}
@keyframes kkl-pulse{0%{box-shadow:0 0 0 6px rgba(240,200,90,.5)}100%{box-shadow:0 0 0 0 rgba(240,200,90,0)}}
.kkl-spread.is-two::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:46px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(0,0,0,.16) 45%,rgba(0,0,0,.26) 50%,rgba(0,0,0,.16) 55%,transparent);pointer-events:none}
.kkl-spread.out-next{opacity:0;transform:translateX(-30px) rotateY(8deg)}
.kkl-spread.out-prev{opacity:0;transform:translateX(30px) rotateY(-8deg)}
.kkl:not(#kkl-z) .kkl-turn{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:96px;border:0;background:rgba(20,18,16,.6);color:#efe8d9;cursor:pointer;display:grid;place-items:center;z-index:2;border-radius:2px;padding:0}
.kkl:not(#kkl-z) .kkl-turn:hover{background:var(--kkl-gold);color:#141210}
.kkl:not(#kkl-z) .kkl-turn--p{left:max(10px,env(safe-area-inset-left,0px))}.kkl:not(#kkl-z) .kkl-turn--n{right:max(10px,env(safe-area-inset-right,0px))}
.kkl:not(#kkl-z) .kkl-turn:disabled{opacity:.2;pointer-events:none}
.kkl-r-foot{padding:10px max(16px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 12px) max(16px,env(safe-area-inset-left,0px));border-top:1px solid #2c2822;display:flex;align-items:center;gap:16px}
.kkl:not(#kkl-z) .kkl-r-foot input[type=range]{-webkit-appearance:auto;appearance:auto;flex:1;accent-color:var(--kkl-gold);min-width:0;width:auto;height:auto;background:none;border:0;padding:0;box-shadow:none}
.kkl:not(#kkl-z) .kkl-r-foot input[type=range]::-webkit-slider-thumb{-webkit-appearance:auto;appearance:auto;background:var(--kkl-gold);border:0;width:auto;height:auto}
.kkl-r-foot span{font:400 13px var(--kkl-meta);color:#a99f8c;font-variant-numeric:tabular-nums;white-space:nowrap}
.kkl-r-msg{font:400 15px/1.6 var(--kkl-meta);color:#d6cdbb;text-align:center;max-width:44ch}
.kkl-r-load{width:40px;height:40px;border:2px solid #3a352d;border-top-color:var(--kkl-gold);border-radius:50%;animation:kkl-spin 1s linear infinite;margin:0 auto 14px}
@keyframes kkl-spin{to{transform:rotate(360deg)}}
@media (max-width:700px){.kkl:not(#kkl-z) .kkl-r-zoom,.kkl:not(#kkl-z) #kkl-r-link,.kkl:not(#kkl-z) #kkl-r-fs{display:none}.kkl-r-bar{flex-wrap:nowrap}.kkl-r-ti{flex:1 1 0}.kkl:not(#kkl-z) .kkl-r-pg input{width:58px}.kkl-r-ti{font-size:16px}.kkl-r-side.is-open{width:230px}.kkl-r-side__in{width:230px}.kkl:not(#kkl-z) .kkl-hide-sm{display:none!important}.kkl:not(#kkl-z) .kkl-turn{width:38px;height:70px}.kkl-r-stage{padding:14px}}
html.kkl-lock,html.kkl-lock body{overflow:hidden!important}

.kkl-toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);transform:translate(-50%,20px);background:#1c1a17;color:#f6f3ec;font:400 14px var(--kkl-meta);padding:12px 18px;border-radius:2px;opacity:0;transition:.3s;z-index:100001;pointer-events:none;max-width:calc(100% - 32px)}
.kkl-toast.is-light{background:#efe8d9;color:#141210}
.kkl-toast.is-on{opacity:1;transform:translate(-50%,0)}

@media (prefers-reduced-motion:reduce){.kkl *,.kkl *::before,.kkl *::after{animation:none!important;transition:none!important}}
@media print{.kkl-reader,.kkl-toast,.kkl-subnav,.kkl-detail__btns,.kkl-finder{display:none!important}.kkl-detail{grid-template-columns:1fr}.kkl-detail__cover{position:static}}