/* Hub „Lektury szkolne” — komponenty dokładane do bazowego stylu stron statycznych (.nkml). 10.10.2026 */
.lk{--lk-tu:#2f7f86;--lk-tu2:#e6f3f3;--lk-zi:#2f7d4f;--lk-zi2:#e9f5ec;--lk-te:#c8553d;--lk-te2:#fbebe6;--lk-ni:#2563a8;--lk-cz:#d23c3c}
.lk *,.lk *::before,.lk *::after{box-sizing:border-box}
.lk .lst{padding-left:22px}

/* baner */
.lk-hero{margin:12px 0 18px;padding:30px 30px 24px;border-radius:26px;background:linear-gradient(135deg,#fdf6ea 0%,#f7efe1 55%,#eef4f4 100%);border:1px solid #eadfcb;box-shadow:0 8px 26px rgba(26,58,92,.07)}
.lk-hero h1{margin:6px 0 12px!important}
.lk-eyebrow{display:inline-block;margin:0!important;padding:4px 12px;border-radius:999px;background:#fff;border:1px solid var(--acc-line);color:var(--acc-2);font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.lk-lead{font-size:17.5px;color:#34495d;max-width:52em}
.lk-btns{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 4px}
.nkml a.lk-btn,.lk .lk-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;background:var(--navy);color:#fff;font-weight:800;text-decoration:none;border:2px solid var(--navy);cursor:pointer;font-size:15.5px;line-height:1.2;transition:transform .15s,background .15s;font-family:inherit}
.nkml a.lk-btn:hover,.lk .lk-btn:hover{transform:translateY(-2px);background:#2c4666;color:#fff}
.nkml a.lk-btn-alt{background:#fff;color:var(--navy)}
.nkml a.lk-btn-alt:hover{background:#fff7e8;color:var(--navy)}
.lk-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0!important;margin:14px 0 0!important}
.lk-chips li{margin:0;padding:5px 11px;border-radius:10px;background:rgba(255,255,255,.8);border:1px solid #eadfcb;font-size:13.5px;font-weight:700;color:#3d5265}

/* karta faktów */
.lk-fakty{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:18px 0}
.lk-fakty div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px;box-shadow:0 3px 10px rgba(20,30,60,.04)}
.lk-fakty dt{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800}
.lk-fakty dd{margin:4px 0 0;color:var(--navy);font-weight:700;line-height:1.45}

/* ramki */
.lk-ramka{margin:20px 0;padding:16px 22px 6px;border-radius:18px;border:1px solid}
.lk-ramka-t{font-family:'Baloo 2',system-ui,sans-serif;font-size:18px;margin:0 0 4px!important}
.lk-ramka-wskazowka{background:var(--lk-tu2);border-color:#bfe0e0}.lk-ramka-wskazowka .lk-ramka-t{color:var(--lk-tu)}
.lk-ramka-uwaga{background:var(--lk-te2);border-color:#f2c9bd}.lk-ramka-uwaga .lk-ramka-t{color:var(--lk-te)}
.lk-ramka-darmowe{background:var(--lk-zi2);border-color:#c4e2cd}.lk-ramka-darmowe .lk-ramka-t{color:var(--lk-zi)}
.lk-ramka-wazne{background:#eef3f9;border-color:#cbdcee}.lk-ramka-wazne .lk-ramka-t{color:var(--navy)}
.lk-ramka-status{background:#fff8ec;border-color:var(--acc-line)}.lk-ramka-status .lk-ramka-t{color:var(--acc-2)}

/* karty linków */
.lk-karty{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:16px 0 24px}
.nkml a.lk-karta{position:relative;display:flex;flex-direction:column;gap:4px;padding:16px 18px 16px;border-radius:18px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--acc);text-decoration:none;color:#3c4a5c;font-weight:400;box-shadow:0 4px 14px rgba(20,30,60,.05);transition:transform .15s,box-shadow .15s}
.nkml a.lk-karta:nth-child(4n+2){border-top-color:var(--lk-tu)}.nkml a.lk-karta:nth-child(4n+3){border-top-color:var(--lk-te)}.nkml a.lk-karta:nth-child(4n+4){border-top-color:var(--navy)}
.nkml a.lk-karta:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(20,30,60,.1);color:#3c4a5c}
.lk-karta b{font-family:'Baloo 2',system-ui,sans-serif;color:var(--navy);font-size:18px;line-height:1.25}
.lk-karta span{font-size:14.5px;line-height:1.5}
.lk-karta .lk-etk{align-self:flex-start;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--acc-2);background:var(--acc-soft);border:1px solid var(--acc-line);border-radius:999px;padding:2px 9px}

/* kroki */
.lk-kroki{list-style:none;counter-reset:lk;padding:0!important;margin:18px 0!important;position:relative}
.lk-kroki::before{content:"";position:absolute;left:21px;top:8px;bottom:8px;width:3px;border-radius:3px;background:linear-gradient(var(--acc),var(--lk-tu))}
.lk-kroki>li{counter-increment:lk;position:relative;padding:0 0 14px 64px;margin:0}
.lk-kroki>li::before{content:counter(lk);position:absolute;left:0;top:0;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#fff;border:3px solid var(--acc);color:var(--navy);font-weight:900;font-size:19px}
.lk-kroki>li[data-n]::before{content:attr(data-n);font-size:14px;letter-spacing:-.02em}
.lk-kroki>li>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 18px 4px}
.lk-kroki h3{margin:4px 0 2px!important}

/* kafelki liter */
.lk-kafle{display:inline-flex;flex-wrap:wrap;gap:5px;vertical-align:middle;margin:2px}
.lk-kafle>span{display:inline-grid;place-items:center;min-width:1.9em;height:2.1em;padding:0 .4em;border-radius:8px;background:#fff;border:2px solid #d9e2ea;box-shadow:0 3px 0 #d9e2ea;font-weight:900;color:var(--lk-ni);line-height:1}
.lk-kafle>span.v{color:var(--lk-cz)}

/* cytat */
.lk-cyt{margin:16px 0;padding:12px 18px;border-left:4px solid var(--acc);background:#fffaf0;border-radius:0 12px 12px 0;font-style:italic;color:#3c4a5c}

/* quiz */
.lk-quiz{margin:22px 0;padding:22px 22px 10px;border-radius:22px;background:#fffdf8;border:2px dashed #e7c88f}
.lk-quiz-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.lk-quiz-head b{font-family:'Baloo 2',system-ui,sans-serif;color:var(--navy);font-size:20px}
.lk-quiz-licz{font-weight:900;color:var(--acc-2);background:var(--acc-soft);border:1px solid var(--acc-line);border-radius:999px;padding:3px 12px}
.lk-q{border:1px solid var(--line);background:#fff;border-radius:16px;padding:12px 16px 8px;margin:0 0 14px}
.lk-q legend{float:left;width:100%;font-weight:800;color:var(--navy);line-height:1.45;margin-bottom:8px;padding:0}
.lk-qn{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;font-size:13px;margin-right:8px;vertical-align:1px}
.lk-opts{clear:both;display:grid;gap:7px}
.lk .lk-opt{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;padding:9px 12px;border-radius:12px;border:2px solid #e3e9f0;background:#f9fbfd;color:#2a3646;font:inherit;font-size:16px;line-height:1.45;cursor:pointer;transition:border-color .12s,background .12s}
.lk .lk-opt:hover:not(:disabled){border-color:var(--acc);background:#fffaf0}
.lk .lk-opt:disabled{cursor:default}
.lk-lit{flex:0 0 24px;height:24px;border-radius:7px;display:grid;place-items:center;background:#e9eef4;font-weight:900;font-size:13px;color:var(--navy)}
.lk .lk-opt.ok{border-color:var(--lk-zi);background:var(--lk-zi2)}.lk .lk-opt.ok .lk-lit{background:var(--lk-zi);color:#fff}
.lk .lk-opt.zle{border-color:var(--lk-te);background:var(--lk-te2)}.lk .lk-opt.zle .lk-lit{background:var(--lk-te);color:#fff}
.lk-wyj{margin:10px 0 4px!important;padding:10px 14px;border-radius:12px;background:#eef3f9;font-size:15.5px;line-height:1.55}
.lk-wyj-t.ok{color:var(--lk-zi)}.lk-wyj-t.zle{color:var(--lk-te)}
.lk-quiz-wynik{text-align:center;padding:10px 0 14px}
.lk-quiz-ocena{font-family:'Baloo 2',system-ui,sans-serif;font-size:22px;color:var(--navy)}
.lk-ns{color:var(--lk-te)}

/* produkty */
.lk-produkty{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:16px 0 24px}
.lk-prod{display:flex;flex-direction:column;border-radius:20px;background:#fff;border:1px solid var(--line);overflow:hidden;box-shadow:0 8px 22px rgba(20,30,60,.07)}
.lk-prod-img{display:block;aspect-ratio:1/1;background:#f6f1e6}
.lk-prod-img img{display:block;width:100%;height:100%;object-fit:cover}
.lk-prod-b{display:flex;flex-direction:column;gap:6px;padding:12px 16px 16px;flex:1}
.lk-prod-n{margin:0!important;font-weight:900;line-height:1.3}
.lk-prod-o{margin:0!important;font-size:14.5px;line-height:1.5;color:#4a5d6f;flex:1}
.lk-prod-cta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:6px 0 0!important}
.lk-cena{font-weight:900;color:var(--acc-2);font-size:18px}
.nkml a.lk-btn-s{display:inline-block;padding:7px 14px;border-radius:999px;background:var(--navy);color:#fff;font-weight:800;text-decoration:none;font-size:14px}
.nkml a.lk-btn-s:hover{color:#fff;background:#2c4666}
.nkml a.lk-probka{font-size:13.5px;color:var(--lk-zi)}

/* CTA i autor */
.lk-cta{margin:36px 0 18px;padding:26px 28px;border-radius:24px;background:linear-gradient(135deg,var(--navy),#2c4666);color:#e8f0f7}
.lk-cta h2{color:#fff!important;margin-top:0!important}
.lk-cta p{color:#e8f0f7}
.nkml .lk-cta a:not(.lk-btn){color:#ffd58a}
.nkml .lk-cta a.lk-btn{background:var(--acc);border-color:var(--acc);color:#3b2400}
.nkml .lk-cta a.lk-btn-alt{background:transparent;border-color:#fff;color:#fff}
.lk-autor{margin:30px 0 0;padding:16px 20px 8px;border-radius:16px;background:#fbf7f1;border:1px solid #eadfcb;font-size:14.5px;color:#4a5d6f}
.lk-autor p{margin:0 0 8px}
.lk-akt{color:var(--muted);font-size:13px}

@media(max-width:640px){
  .lk-hero{padding:20px 16px 18px}
  .lk-lead{font-size:16px}
  .lk-quiz{padding:16px 12px 6px}
  .lk-kroki::before{left:17px}.lk-kroki>li{padding-left:50px}.lk-kroki>li::before{width:37px;height:37px;font-size:16px}
  .lk-cta{padding:22px 16px}
}

/* narzędzie „rocznik”: klasa + rok → podstawa, lista, egzamin (10.10.2026) */
.lk-nz{margin:14px 0 26px;padding:22px;border-radius:22px;background:#fff;border:2px solid #eadfcb;box-shadow:0 8px 24px rgba(26,58,92,.06)}
.lk-nz-form{display:grid;gap:14px}
.lk-nz-grupa{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.lk-nz-grupa legend{width:100%;font-weight:800;color:var(--navy);margin-bottom:8px;padding:0}
.lk .lk-nz-opt{padding:9px 14px;border-radius:999px;border:2px solid #e3e9f0;background:#f9fbfd;color:#2a3646;font:inherit;font-size:15.5px;font-weight:700;cursor:pointer;line-height:1.2;white-space:nowrap}
.lk .lk-nz-opt:hover{border-color:var(--acc);background:#fffaf0}
.lk .lk-nz-opt[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.lk .lk-nz-opt:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
.lk-nz-wynik{margin-top:18px;padding-top:16px;border-top:2px dashed #eadfcb}
.lk-nz-wynik h3{margin:0 0 2px!important}
.lk-nz-akt{margin:0 0 10px!important;color:#5c6b7a;font-size:14px}
.lk-nz-pusto{color:#5c6b7a;margin:0!important}
.lk-nz-lista ul{margin:6px 0 10px;padding-left:20px}
.lk-nz-lista li{margin:3px 0}
.lk-nz-e8{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--lk-te2);color:var(--lk-te);font-size:12px;font-weight:800;vertical-align:1px}
.lk-nz-egz{padding:10px 14px;border-radius:14px;background:var(--lk-tu2);border-left:5px solid var(--lk-tu)}
.lk-nz-podpis{font-weight:800;color:var(--navy);margin:14px 0 6px!important}
.lk-nz-droga{width:100%;border-collapse:collapse;margin:0 0 14px;font-size:15px}
.lk-nz-droga th,.lk-nz-droga td{padding:7px 10px;border-bottom:1px solid #eef1f5;text-align:left}
.lk-nz-droga th{background:#f5f7fa;color:var(--navy)}
.lk-nz-nowa{color:var(--lk-zi);font-weight:800}
.lk-nz-stara{color:#5c6b7a;font-weight:700}
@media (max-width:560px){.lk-nz{padding:16px}.lk .lk-nz-opt{font-size:14.5px;padding:8px 12px}}

/* narzędzie „planer czytania” (10.10.2026) */
.lk-pl-form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end}
.lk-pl-pole{display:flex;flex-direction:column;gap:6px;font-weight:800;color:var(--navy);font-size:15px}
.lk-pl-pole select,.lk-pl-pole input{font:inherit;font-weight:600;font-size:16px;padding:10px 12px;border-radius:12px;border:2px solid #e3e9f0;background:#f9fbfd;color:#2a3646;width:100%}
.lk-pl-pole select:focus,.lk-pl-pole input:focus{outline:3px solid var(--acc);outline-offset:1px}
.lk-pl-check{display:flex;align-items:center;gap:8px;font-weight:700;color:#2a3646;font-size:15px;cursor:pointer}
.lk-pl-check input{width:20px;height:20px;accent-color:var(--navy)}
.lk-pl-kratka{display:inline-block;width:18px;height:18px;border:2px solid #8a97a4;border-radius:4px;vertical-align:middle}
.lk-pl-tab td:last-child,.lk-pl-tab th:last-child{text-align:center;width:80px}
.lk-pl-tab td:first-child{white-space:nowrap}
.lk-pl-link{margin:0 0 12px!important}
.lk-pl-stopka{display:none}
#lk-druk{display:none}
@media print{
  body>*:not(#lk-druk){display:none!important}
  #lk-druk{display:block!important;padding:10mm 12mm;font-family:Nunito,Arial,sans-serif;color:#1a3a5c}
  #lk-druk .lk-pl-stopka{display:block;margin-top:8mm;color:#5c6b7a;font-size:11px}
  #lk-druk .lk-pl-link{display:none}
  #lk-druk table{width:100%;border-collapse:collapse}
  #lk-druk th,#lk-druk td{padding:6px 8px;border-bottom:1px solid #d8dee6;text-align:left}
}