/* Strona działu w stylu strony głównej — nadpisuje wygląd nagłówka, paska klas, kafelków lekcji
   i wskazówek z arkusza kursu (styl-<kurs>.css). Działa tylko na body[data-strona="dzial"]
   oraz okna prezentacji (#deck) — tam bez zmian rozmiarów tekstu.
   Kolory zostają z arkusza kursu (--accent, --surface, --rule…), kształty są ze stron publicznych. */

body[data-strona="dzial"]{
  --dz-radius:14px;
  --dz-shadow:0 1px 2px rgba(15,27,45,.06),0 8px 24px rgba(15,27,45,.06);
  font-family:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) body[data-strona="dzial"]{--dz-shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25);}
}
:root[data-theme="dark"] body[data-strona="dzial"]{--dz-shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25);}

/* --- nagłówek działu --- */
body[data-strona="dzial"] .masthead{background:transparent;border-bottom:0;padding:34px 0 10px;}
body[data-strona="dzial"] .masthead .eyebrow{font-family:inherit;font-size:13.5px;letter-spacing:0;text-transform:none;font-weight:600;color:var(--accent);}
body[data-strona="dzial"] .masthead h1{font-family:inherit;font-weight:700;letter-spacing:-.02em;font-size:clamp(1.9rem,4vw,2.6rem);max-width:none;line-height:1.15;}
body[data-strona="dzial"] .masthead h1 .thin{font-weight:400;color:var(--ink-2);}
body[data-strona="dzial"] .masthead .lede{font-size:16.5px;color:var(--ink-2);max-width:68ch;}
body[data-strona="dzial"] .theme-btn{border-radius:10px;font-family:inherit;font-size:13px;letter-spacing:0;text-transform:none;padding:7px 12px;}
body[data-strona="dzial"] .facts{display:flex;flex-wrap:wrap;gap:10px;border:0;padding:0;margin-top:22px;}
body[data-strona="dzial"] .fact{display:flex;align-items:baseline;gap:8px;padding:9px 15px;border:1px solid var(--rule);border-radius:12px;background:var(--surface);}
body[data-strona="dzial"] .fact dt{order:2;font-family:inherit;font-size:14px;letter-spacing:0;text-transform:none;color:var(--muted);margin:0;}
body[data-strona="dzial"] .fact dd{order:1;font-family:inherit;font-weight:700;font-size:20px;}

/* --- sekcje, pasek klas --- */
body[data-strona="dzial"] main > .wrap{padding-top:10px;padding-bottom:48px;}
body[data-strona="dzial"] .sec-title{font-family:inherit;font-weight:700;font-size:clamp(1.35rem,2.4vw,1.7rem);letter-spacing:-.01em;margin-top:30px;}
body[data-strona="dzial"] .sec-sub{font-size:15.5px;color:var(--ink-2);}
body[data-strona="dzial"] .classbar{background:var(--surface);border:1px solid var(--rule);border-radius:var(--dz-radius);box-shadow:var(--dz-shadow);
  padding:12px 16px;margin-top:10px;gap:10px 14px;flex-wrap:wrap;}
body[data-strona="dzial"] .cb-lab{font-family:inherit;font-size:14px;letter-spacing:0;text-transform:none;font-weight:600;color:var(--ink-2);}
body[data-strona="dzial"] .cb-pill{font-family:inherit;font-weight:600;font-size:14px;border-radius:999px;padding:6px 14px;}
body[data-strona="dzial"] .cb-pill.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent,#fff);}
body[data-strona="dzial"] .cb-sum{font-size:14px;}
body[data-strona="dzial"] .pas{border-radius:12px;font-family:inherit;}

/* --- kafelki lekcji --- */
body[data-strona="dzial"] .cards{gap:16px;}
body[data-strona="dzial"] .card{border:1px solid var(--rule);border-radius:var(--dz-radius);box-shadow:var(--dz-shadow);background:var(--surface);overflow:hidden;
  transition:border-color .15s,transform .15s;}
body[data-strona="dzial"] .card:hover{border-color:var(--accent);transform:translateY(-2px);}
body[data-strona="dzial"] .card-open{font-family:inherit;padding:18px 20px 12px;}
body[data-strona="dzial"] .card-no{font-family:inherit;font-size:13px;letter-spacing:0;font-weight:600;}
body[data-strona="dzial"] .card h3{font-family:inherit;font-weight:700;font-size:17.5px;line-height:1.3;}
body[data-strona="dzial"] .card p{font-size:14.5px;line-height:1.5;}
body[data-strona="dzial"] .card-meta{background:transparent;border-top:1px solid var(--rule);padding:10px 20px 14px;font-family:inherit;gap:8px;flex-wrap:wrap;}
body[data-strona="dzial"] .chip{font-family:inherit;font-size:12.5px;letter-spacing:0;border-radius:999px;padding:3px 10px;font-weight:600;}
body[data-strona="dzial"] .card-date{font-family:inherit;font-size:13px;letter-spacing:0;}
body[data-strona="dzial"] .card-meta .mini{font-family:inherit;font-size:13.5px;letter-spacing:0;font-weight:600;border-radius:9px;padding:7px 13px;}
body[data-strona="dzial"] .card-meta .mini.go{background:var(--accent);border-color:var(--accent);color:var(--on-accent,#fff);}
body[data-strona="dzial"] .card-meta .mini.go:hover{background:var(--accent-2);border-color:var(--accent-2);}

/* --- wskazówki i zapis --- */
body[data-strona="dzial"] .hub-note{border:1px solid var(--rule);border-radius:var(--dz-radius);background:var(--surface);padding:18px 22px;margin-top:30px;}
body[data-strona="dzial"] .hub-note h4{font-family:inherit;font-size:16px;letter-spacing:0;text-transform:none;font-weight:700;color:var(--ink);}
body[data-strona="dzial"] .hub-note p{font-size:14.5px;line-height:1.6;}
body[data-strona="dzial"] .backup{border-radius:12px;overflow:hidden;}
body[data-strona="dzial"] .backup summary{font-family:inherit;font-size:14px;letter-spacing:0;text-transform:none;}

/* ============ okno prezentacji (#deck) ============
   Tylko kształty, czcionki i odstępy — bez zmian rozmiarów tekstu na slajdach, żeby dopasowanie
   w trybie projektora (projektor.js/.css) liczyło się tak samo jak dotąd. */
body[data-strona="dzial"] .deck{font-family:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;}
body[data-strona="dzial"] .deck-panel{border-radius:18px;border-color:var(--rule);box-shadow:0 30px 80px -20px rgba(15,27,45,.45);}
body[data-strona="dzial"] .deck.wide .deck-panel,
body[data-strona="dzial"] .deck.projektor .deck-panel,
body[data-strona="dzial"] .deck-panel:fullscreen{border-radius:0;}
body[data-strona="dzial"] .deck-bar{height:4px;}
body[data-strona="dzial"] .deck-bar i{border-radius:0 4px 4px 0;}
body[data-strona="dzial"] .deck-head,
body[data-strona="dzial"] .deck-foot{background:var(--surface);}
body[data-strona="dzial"] .deck-head{padding:12px 20px;gap:10px;}
body[data-strona="dzial"] .deck-head .no{font-family:inherit;font-size:12.5px;border:0;border-radius:999px;padding:3px 10px;
  background:var(--accent-soft);color:var(--accent);}
body[data-strona="dzial"] .deck-head h2{font-family:inherit;font-weight:700;letter-spacing:-.01em;}
body[data-strona="dzial"] .deck-status{font-family:inherit;}
body[data-strona="dzial"] .ds-cls{font-family:inherit;font-weight:700;border-radius:999px;}
body[data-strona="dzial"] .ds-info{font-family:inherit;font-size:12.5px;letter-spacing:0;}
body[data-strona="dzial"] .deck .icon-btn{font-family:inherit;font-size:13px;font-weight:600;letter-spacing:0;border-radius:9px;
  padding:6px 12px;color:var(--ink-2);border-color:var(--rule);background:var(--surface);}
body[data-strona="dzial"] .deck .icon-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);}
body[data-strona="dzial"] .deck .icon-btn[aria-pressed="true"],
body[data-strona="dzial"] .deck .icon-btn[aria-expanded="true"]{background:var(--accent);border-color:var(--accent);color:var(--on-accent,#fff);}
body[data-strona="dzial"] .deck-foot{padding:12px 20px;}
body[data-strona="dzial"] .deck .nav-btn{font-family:inherit;font-weight:600;border-radius:10px;border-color:var(--rule);}
body[data-strona="dzial"] .deck .nav-btn.primary{border-color:var(--accent);}
body[data-strona="dzial"] .deck .nav-btn.primary:hover:not(:disabled){background:var(--accent-2);border-color:var(--accent-2);color:var(--on-accent,#fff);}
body[data-strona="dzial"] .deck .counter{font-family:inherit;letter-spacing:0;}

/* spis slajdów */
body[data-strona="dzial"] .deck .toc{border-radius:14px 0 0 14px;padding:14px 8px;}
body[data-strona="dzial"] .deck .toc h5{font-family:inherit;letter-spacing:0;text-transform:none;font-size:13px;padding:0 12px;}
body[data-strona="dzial"] .deck .toc button{border-left:0;border-radius:9px;padding:8px 12px;}
body[data-strona="dzial"] .deck .toc button.cur{font-weight:600;}
body[data-strona="dzial"] .deck .toc button .n{font-family:inherit;font-weight:600;}

/* treść slajdu */
body[data-strona="dzial"] .deck .slide-kicker{font-family:inherit;letter-spacing:.06em;}
body[data-strona="dzial"] .deck .slide h3,
body[data-strona="dzial"] .deck .slide h4,
body[data-strona="dzial"] .deck .col h5,
body[data-strona="dzial"] .deck .layer .lname,
body[data-strona="dzial"] .deck .metric .v,
body[data-strona="dzial"] .deck .score{font-family:inherit;font-weight:700;}
body[data-strona="dzial"] .deck .slide h3{letter-spacing:-.02em;}
body[data-strona="dzial"] .deck .slide ul li::before{height:2px;border-radius:2px;}
body[data-strona="dzial"] .deck .slide ol li::before{font-family:inherit;border:0;border-radius:999px;background:var(--accent-soft);}
body[data-strona="dzial"] .deck .def{border-radius:0 12px 12px 0;}
body[data-strona="dzial"] .deck .tip,
body[data-strona="dzial"] .deck .col,
body[data-strona="dzial"] .deck .tbl,
body[data-strona="dzial"] .deck .stack,
body[data-strona="dzial"] .deck .metric,
body[data-strona="dzial"] .deck .qa details,
body[data-strona="dzial"] .deck .q{border-radius:12px;}
body[data-strona="dzial"] .deck .tip.exam,
body[data-strona="dzial"] .deck .tip.warn,
body[data-strona="dzial"] .deck .tip.step{border-radius:0 12px 12px 0;}
body[data-strona="dzial"] .deck .opt{border-radius:10px;}
body[data-strona="dzial"] .deck .def .lab,
body[data-strona="dzial"] .deck .tip .lab,
body[data-strona="dzial"] .deck th,
body[data-strona="dzial"] .deck .tl-year,
body[data-strona="dzial"] .deck .pill,
body[data-strona="dzial"] .deck .opt .ltr,
body[data-strona="dzial"] .deck .q-head .n,
body[data-strona="dzial"] .deck .expl .lab,
body[data-strona="dzial"] .deck .qa summary::before,
body[data-strona="dzial"] .deck .qa summary::after{font-family:inherit;letter-spacing:.04em;}
body[data-strona="dzial"] .deck .qa summary::after{text-transform:none;font-size:12.5px;font-weight:600;letter-spacing:0;color:var(--accent);}
body[data-strona="dzial"] .deck .pill{border-radius:999px;}