/* Tryb projektora — wspólny dla wszystkich kursów. Włącza go projektor.js klasą .projektor na #deck.
   Treść slajdu powiększa właściwość zoom liczona w skrypcie od szerokości ekranu; tutaj tylko
   podnosimy najmniejsze elementy, wzmacniamy kontrast i powiększamy sterowanie. */

#btn-projektor[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--on-accent,#fff);}
#btn-notatki{position:relative;}
#btn-notatki .pj-licznik{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:6px;padding:0 4px;
  border-radius:9px;background:var(--accent);color:var(--on-accent,#fff);font-size:10.5px;font-weight:700;line-height:1;}
#btn-notatki:not(.ma-notatki) .pj-licznik{display:none;}

/* Ramki „Dla nauczyciela” nigdy nie trafiają na slajd — także poza trybem projektora.
   Ich treść jest wyłącznie w panelu notatek (przycisk „Notatki”, klawisz N). */
.deck .tip.teacher{display:none!important;}

/* Okno prezentacji zajmuje cały ekran, a kolumna treści jest węższa — skrypt powiększa ją (zoom)
   do szerokości ekranu, więc węższa kolumna daje większy tekst: przy 1280 px akapit ma ok. 28 px. */
.deck.projektor{padding:0;}
.deck.projektor .deck-panel{width:100%;height:100%;max-width:none;max-height:none;border:0;border-radius:0;}
.deck.projektor .slide{max-width:720px;}
/* Dolny margines ostatniego elementu wystawał poza slajd i wymuszał przewijanie o kilkanaście px. */
.deck.projektor .slide > :last-child{margin-bottom:0;}

/* Drobne podpisy rosną przed powiększeniem, żeby po nim nie były mniejsze niż ok. 20 px. */
.deck.projektor .slide-kicker,
.deck.projektor .lab,
.deck.projektor th,
.deck.projektor .ltr{font-size:13px!important;letter-spacing:.1em;}
.deck.projektor .col p,
.deck.projektor .col li,
.deck.projektor td,
.deck.projektor .layer .ldesc,
.deck.projektor .opt,
.deck.projektor .qa .ans,
.deck.projektor .qa .ans p,
.deck.projektor .qa .ans li{font-size:15.5px;}
.deck.projektor pre,.deck.projektor pre code{font-size:14px;line-height:1.5;}
.deck.projektor table{min-width:0;}

/* Kontrast: na słabym rzutniku cienkie, bladoszare ramki znikają. */
.deck.projektor .slide p,
.deck.projektor .slide li,
.deck.projektor td,
.deck.projektor .layer .ldesc,
.deck.projektor .qa .ans{color:var(--ink);}
.deck.projektor .def{border-left-width:6px;}
.deck.projektor .tip,
.deck.projektor .col,
.deck.projektor .stack,
.deck.projektor .layer,
.deck.projektor .opt,
.deck.projektor .qa details,
.deck.projektor td,
.deck.projektor th{border-color:var(--rule-strong)!important;}
.deck.projektor .tip{border-width:2px;}
.deck.projektor .tip.exam,.deck.projektor .tip.warn,.deck.projektor .tip.step{border-left-width:6px!important;}
.deck.projektor .tip.warn{background:color-mix(in srgb,#f59e0b 16%,var(--surface))!important;}
.deck.projektor .tip.step{background:color-mix(in srgb,#06b6d4 14%,var(--surface))!important;}
.deck.projektor .tip.warn .lab{color:#b45309!important;}
.deck.projektor .tip.step .lab{color:#0e7490!important;}
.deck.projektor .layer.hi{outline:2px solid var(--accent);outline-offset:-2px;}

/* Sterowanie widoczne i trafialne z drugiego końca sali. */
.deck.projektor .deck-bar{height:7px;}
.deck.projektor .deck-head h2{font-size:1.2rem;}
.deck.projektor .deck-head .no{font-size:13px;}
.deck.projektor .deck-foot{padding-top:12px;padding-bottom:12px;}
.deck.projektor .nav-btn{font-size:17px;padding:12px 26px;}
.deck.projektor .counter{font-size:16px;font-weight:600;color:var(--ink);}
.deck.projektor .deck-body{padding-left:clamp(20px,3vw,60px);padding-right:clamp(20px,3vw,60px);}

/* Panel notatek nauczyciela — klawisz N. Leży w .deck-panel, więc działa też w pełnym ekranie. */
.deck-panel{position:relative;}
.pj-notatki{position:absolute;top:0;right:0;bottom:0;width:min(420px,92%);z-index:30;overflow-y:auto;
  background:var(--surface);border-left:3px solid #8b5cf6;box-shadow:-12px 0 32px rgba(0,0,0,.22);
  padding:20px 22px 28px;font-size:15px;line-height:1.55;color:var(--ink);}
.pj-notatki[hidden]{display:none!important;}
.deck-panel.pj-z-notatkami .deck-body,
.deck-panel.pj-z-notatkami .deck-foot{margin-right:min(420px,92%);}
.pj-notatki-glowa{display:flex;align-items:center;gap:10px;margin:0 0 14px;}
.pj-notatki-glowa h4{margin:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8b5cf6;font-weight:700;}
.pj-notatki-glowa button{margin-left:auto;}
.pj-notatka{border:1px solid var(--rule);border-left:4px solid #8b5cf6;border-radius:3px;padding:12px 14px;margin:0 0 12px;background:var(--surface-2);}
.pj-notatka.prywatna{border-left-color:var(--accent);}
.pj-notatka .pj-typ{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700;margin:0 0 5px;}
.pj-notatka p{margin:0 0 8px;}
.pj-notatka p:last-child{margin:0;}
.pj-notatka ul{margin:6px 0 0 18px;padding:0;}
.pj-pusto{color:var(--muted);margin:0;}
.pj-skroty{margin:18px 0 0;padding-top:12px;border-top:1px solid var(--rule);font-size:13px;color:var(--muted);}
.pj-skroty kbd{font-family:"IBM Plex Mono",monospace;font-size:12px;border:1px solid var(--rule-strong);border-radius:3px;padding:0 5px;background:var(--surface-2);}

@media (max-width:620px){ #btn-projektor{display:none;} }