/* TECZKI → TERMINAL (10.10.2026): kartka po kliknięciu w teczkę przy płycie (części 01–03, od 10.10 rano także Paczka i Aktualizacje) (src/teczki-lekcje.js) z TERMINALEM w środku, który wypisuje hasła
   o tym, czego uczy teczka (do 10.10: lista lekcji, kopia w _kopie/2026-10-10-przed-terminalem/). Wybór Kuby z warsztatu HVMBAK-TERMINAL (tam style.css,
   bloki „podgląd” i „terminal” = źródło tego pliku): jasny terminal (#f6f6f3), komendy niebieskie, „gotowe” zielone, wyróżnione hasła pomarańczowe, szum 42 %.
   Komputer: biała kartka 640 px na środku nad przyciemnionym, rozmytym tłem, terminal 360 px; telefon: arkusz od dołu na całą szerokość, terminal 46 vh
   małym drukiem (11 px; Kuba: „mniej więcej połowa ekranu”). Kroje jak w sekcjach pod płytą: etykieta Inter 600 wersalikami, tytuł teczki HVMBAK Pro
   (.pdz-h z index.html); terminal krojem systemowym mono (na iPhonie SF Mono). Ostre rogi. Teczka z treścią dostaje klasę .lekcje (kursor, obrys fokusu). */
.folder.lekcje{cursor:pointer}
.folder.lekcje:focus-visible{outline:2px solid var(--black);outline-offset:6px}
.lk{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px}
.lk-tlo{position:absolute;inset:0;background:rgba(13,13,13,.42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:none}
.lk-kartka{position:relative;width:min(640px,100%);max-height:min(86vh,820px);display:flex;flex-direction:column;background:#fff;color:var(--black);border:1px solid rgba(13,13,13,.1);
  box-shadow:0 40px 80px -30px rgba(13,13,13,.55),0 2px 8px rgba(13,13,13,.08);padding:30px 34px 26px;animation:lk-wej .32s cubic-bezier(.2,.8,.2,1)}
@keyframes lk-wej{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.lk-etyk{margin:0 0 12px;font-family:'Inter',-apple-system,BlinkMacSystemFont,'SF Pro Text',system-ui,sans-serif;font-stretch:normal;font-weight:600;font-size:10.5px;
  letter-spacing:.08em;text-transform:uppercase;line-height:1;color:rgba(13,13,13,.55)}
.lk-h{font-size:clamp(26px,3vw,36px);line-height:1.02;margin:0 0 18px}
/* terminal (wiersze .w z klasą cmd / szum / ok / tresc / akcent / prompt; .koniec = dopisał do końca, kursor miga) */
.term{font-family:ui-monospace,'SF Mono',Menlo,Consolas,'Liberation Mono',monospace;font-stretch:normal;font-weight:400;font-size:11.5px;line-height:1.55;text-align:left;
  background:#f6f6f3;color:#0d0d0d;padding:14px 16px;height:360px;min-height:120px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;cursor:text;
  -webkit-overflow-scrolling:touch;scrollbar-width:thin;border:1px solid rgba(13,13,13,.18)}
.term .w{min-height:1.55em}
.term .szum{color:rgba(13,13,13,.42)}
.term .cmd,.term .prompt{color:#2a6f9e}
.term .ok{color:#3b7a3b}
.term .akcent{color:var(--orange)}
/* 10.10 rano (Paczka, Aktualizacje): pik = wiersz szyfru, który odszyfrowuje się znak po znaku (.jawne) i zostaje kolorem; kres = koniec sesji, po nim nie ma kursora */
.term .pik,.term .kres{color:rgba(13,13,13,.42)}
.term .pik .jawne,.term .pik.akcent{color:var(--orange)}
.term .kursor{display:inline-block;width:.6em;height:1.05em;margin-left:1px;background:currentColor;vertical-align:-.18em}
.term.koniec .kursor{animation:lk-mig 1.1s steps(1) infinite}
@keyframes lk-mig{50%{opacity:0}}
.lk-x{align-self:flex-start;margin-top:18px;padding:14px 22px;border:1px solid rgba(13,13,13,.22);border-radius:0;background:transparent;color:var(--black);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'SF Pro Text',system-ui,sans-serif;font-stretch:normal;font-weight:600;font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;cursor:pointer;transition:background .18s}
.lk-x:hover{background:rgba(13,13,13,.05)}
.lk-x:focus-visible{outline:2px solid var(--black);outline-offset:3px}
html.lk-lock{overflow:hidden}
@media(max-width:820px){
  .lk{padding:0;align-items:flex-end}
  .lk-kartka{width:100%;max-height:84vh;padding:22px 16px calc(18px + env(safe-area-inset-bottom));animation-name:lk-wej-tel}
  .lk-h{font-size:22px;margin-bottom:14px}   /* HVMBAK Pro jest szeroki: „AUTOMATYZACJA” w 26 px wychodziło poza arkusz 390 px */
  .term{height:46vh;font-size:11px}
  .lk-x{align-self:stretch;margin-top:16px;padding:15px}
}
@keyframes lk-wej-tel{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.lk-kartka{animation:none}.lk-x{transition:none}.term.koniec .kursor{animation:none}}