/* School IT: układ lekcji i paleta zgodna z motywem potomnym. Bez zmian HTML. */
.sit-doc {
  --bg:#0d1117; --bg2:#151d29; --bg3:#1d2838; --bg4:#243247;
  --bd:#35445a; --bd2:#29364a; --txt:#e8edf5; --txt2:#b1bdcd; --txt3:#98a8bc;
  --blue:#80b7ff; --tel:#66ded0; --pur:#c0a4ff; --grn:#87dca0;
  --org:#efc875; --red:#ff9696;
  --c-bg:var(--bg); --c-bg2:var(--bg2); --c-bg3:var(--bg3);
  --c-bd:var(--bd); --c-bd2:var(--bd2); --c-txt:var(--txt);
  --c-mut:var(--txt2); --c-mut2:var(--txt3); --c-blue:var(--blue);
  --c-tel:var(--tel); --c-pur:var(--pur); --c-grn:var(--grn);
  --c-org:var(--org); --c-yel:var(--org); --c-red:var(--red);
  --font:system-ui,-apple-system,'Segoe UI',sans-serif; --body:var(--font);
  --mono:'Cascadia Code',Consolas,'Liberation Mono',monospace;
  --r:10px; --rl:12px;
  font-family:var(--font)!important; font-size:16px!important; line-height:1.75!important;
  max-width:1440px; margin:0 auto!important; background:var(--bg)!important;
  border:1px solid var(--bd2)!important; border-radius:16px!important;
  overflow:clip!important; color:var(--txt)!important; color-scheme:dark;
}
.sit-doc,.sit-doc * { box-sizing:border-box!important; }
.sit-doc .sd-hero {
  padding:clamp(28px,4vw,56px)!important; text-align:left!important;
  background:radial-gradient(ellipse at 0 0,rgba(78,140,230,.16),transparent 65%),var(--bg2)!important;
  border-bottom:1px solid var(--bd2)!important;
}
.sit-doc .sd-hero h1 {
  font-family:var(--font)!important; font-size:clamp(1.8rem,3.2vw,2.75rem)!important;
  line-height:1.2!important; letter-spacing:-.035em!important;
  text-align:left!important; max-width:32ch; margin:0 0 20px!important;
}
.sit-doc .sd-hero h1 .hl {
  display:inline!important; color:var(--blue)!important; background:none!important;
  -webkit-text-fill-color:currentColor!important; border:0!important;
  margin:0!important; padding:0!important; box-shadow:none!important;
}
.sit-doc p { font-family:var(--font)!important; font-size:1rem!important; line-height:1.75!important; }
.sit-doc .sd-hero .sd-lead,.sit-doc .sd-hero-desc {
  color:var(--txt2)!important; font-size:1.08rem!important;
  max-width:76ch!important; margin:0 0 24px!important;
}
.sit-doc .sd-eyebrow { color:var(--tel)!important; font-size:.76rem!important; }
.sit-doc .sd-tags { justify-content:flex-start!important; gap:8px!important; }
.sit-doc .sd-tag { padding:5px 11px!important; border-radius:6px!important; font-size:.76rem!important; }
.sit-doc .sd-wrap { display:grid!important; grid-template-columns:236px minmax(0,1fr)!important; align-items:start; }
.sit-doc .sd-wrap > .sd-nav,.sit-doc .sd-sidebar {
  display:block!important; position:sticky!important; top:16px!important;
  align-self:start; height:auto!important; max-height:calc(100dvh - 32px);
  overflow-y:auto; padding:24px 14px!important; background:var(--bg)!important;
  border-right:1px solid var(--bd2)!important;
}
.sit-doc .sd-nav a { display:block!important; padding:9px 12px!important; font-size:.85rem!important; line-height:1.5!important; color:var(--txt2)!important; border-radius:6px!important; }
.sit-doc .sd-nav a:hover { background:var(--bg3)!important; color:var(--txt)!important; text-decoration:none!important; }
.sit-doc .sd-sidebar .sd-nav { display:block!important; position:static!important; max-height:none!important; padding:0!important; border:0!important; }
.sit-doc .sd-nav-t,.sit-doc .sd-sidebar-title { color:var(--txt3)!important; font-size:.72rem!important; }
.sit-doc .sd-content { min-width:0; padding:clamp(24px,3.5vw,48px)!important; }
.sit-doc .sd-section { margin-bottom:44px!important; scroll-margin-top:24px; }
.sit-doc .sd-section h2 { font-family:var(--font)!important; font-size:clamp(1.35rem,2vw,1.7rem)!important; line-height:1.35!important; margin:0 0 14px!important; }
.sit-doc .sd-section h3 { font-family:var(--font)!important; line-height:1.4!important; }
.sit-doc .sd-content ul:not(.sd-nav),.sit-doc .sd-content ol { padding-left:24px!important; margin:0 0 18px!important; }
.sit-doc .sd-content li { list-style:inherit!important; padding:0!important; margin:0 0 8px!important; }
.sit-doc .sd-content ul > li { list-style-type:disc!important; }
.sit-doc .sd-content ol > li { list-style-type:decimal!important; }
.sit-doc .sd-content li::marker { color:var(--tel); }
.sit-doc p code,.sit-doc li code,.sit-doc td code { white-space:normal!important; overflow-wrap:anywhere; }
.sit-doc .sd-code { border:1px solid var(--bd)!important; border-radius:12px!important; margin:20px 0!important; min-width:0; }
.sit-doc .sd-code-head,.sit-doc .sd-code-bar { background:var(--bg2)!important; padding:12px 16px!important; gap:12px; flex-wrap:wrap; }
.sit-doc .sd-fname,.sit-doc .sd-code-name { color:var(--txt2)!important; min-width:0; overflow-wrap:anywhere; }
.sit-doc pre,.sit-doc .sd-code pre { font-family:var(--mono)!important; font-size:.85rem!important; line-height:1.75!important; padding:20px!important; max-width:100%; overflow-x:auto!important; tab-size:4; }
.sit-doc pre code { font-size:inherit!important; white-space:pre!important; }
.sit-doc pre .cm,.sit-doc pre .t-comment,.sit-doc .ft-cm { color:var(--txt3)!important; }
.sit-doc .sd-copy { min-height:36px; padding:6px 12px!important; color:var(--txt)!important; background:var(--bg3)!important; border:1px solid var(--bd)!important; border-radius:6px!important; cursor:pointer; }
.sit-doc .sd-copy:hover { border-color:var(--tel)!important; }
.sit-doc .sd-box,.sit-doc .sd-callout,.sit-doc .sd-task,.sit-doc .sd-card { border-radius:12px!important; padding:20px!important; }
.sit-doc .sd-scroll,.sit-doc .sd-tw { max-width:100%; overflow-x:auto; }
.sit-doc table { width:100%!important; border-collapse:collapse!important; }
.sit-doc th { background:var(--bg3)!important; color:var(--txt)!important; text-align:left!important; }
.sit-doc td,.sit-doc th { padding:12px 16px!important; border-bottom:1px solid var(--bd2)!important; line-height:1.6; }
.sit-doc .sd-grid,.sit-doc .sd-cmp,.sit-doc .sd-lessons { grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important; }
.sit-doc img,.sit-doc video,.sit-doc svg { max-width:100%; }
.sit-doc img,.sit-doc video { height:auto; }
.sit-doc :focus-visible { outline:3px solid var(--tel)!important; outline-offset:3px!important; }
.sit-doc details summary { padding:14px 16px!important; line-height:1.5; }
.sit-doc details > summary::before { content:'\25B8\00A0'!important; }
.sit-doc details[open] > summary::before { content:'\25BE\00A0'!important; }
@media(max-width:860px) {
  .sit-doc .sd-wrap { grid-template-columns:minmax(0,1fr)!important; }
  .sit-doc .sd-wrap > .sd-nav,.sit-doc .sd-sidebar {
    display:block!important; position:static!important; max-height:none!important;
    border-right:0!important; border-bottom:1px solid var(--bd2)!important; padding:16px!important;
  }
  .sit-doc .sd-nav a { display:inline-block!important; margin:3px!important; background:var(--bg2)!important; }
  .sit-doc .sd-content { padding:24px 18px!important; }
  .sit-doc .sd-hero { padding:28px 20px!important; }
  .sit-doc .course-grid { grid-template-columns:minmax(0,1fr)!important; }
}
@media(prefers-reduced-motion:reduce) {
  .sit-doc *,.sit-doc *::before,.sit-doc *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}
@media print {
  .sit-doc { color-scheme:light; border:0!important; overflow:visible!important; }
  .sit-doc .sd-wrap { display:block!important; }
  .sit-doc .sd-sidebar,.sit-doc .sd-wrap > .sd-nav,.sit-doc .sd-copy,.sit-doc .sd-progress { display:none!important; }
  .sit-doc,.sit-doc * { color:#111!important; background:transparent!important; box-shadow:none!important; -webkit-text-fill-color:currentColor!important; }
  .sit-doc pre,.sit-doc pre code { white-space:pre-wrap!important; overflow-wrap:anywhere; }
}

/* Both historical lesson namespaces use the same theme palette. */
.sl-site .sl-article .sit-doc {
  --bg:var(--sl-panel); --bg2:var(--sl-bg); --bg3:var(--sl-soft); --bg4:var(--sl-soft);
  --txt:var(--sl-ink); --txt2:var(--sl-muted); --txt3:var(--sl-muted);
  --bd:var(--sl-line); --bd2:var(--sl-line);
  --blue:#245c85; --tel:#205e4d; --pur:#704199; --grn:#26643a; --org:#805310; --red:#a93434;
  --c-bg:var(--bg); --c-bg2:var(--bg2); --c-bg3:var(--bg3);
  --c-txt:var(--txt); --c-mut:var(--txt2); --c-mut2:var(--txt3);
  --c-bd:var(--bd); --c-bd2:var(--bd2); --c-blue:var(--blue); --c-tel:var(--tel);
  --c-pur:var(--pur); --c-grn:var(--grn); --c-org:var(--org); --c-yel:var(--org); --c-red:var(--red);
  color-scheme:light; width:100%; max-width:100%; padding:0!important;
  background:var(--bg)!important; color:var(--txt)!important;
  border-color:var(--bd)!important; box-shadow:0 8px 30px #173f3205;
}
.sl-site.sl-dark .sl-article .sit-doc {
  --blue:#9bc6f0; --tel:#b7dc93; --pur:#d2b3ee; --grn:#a4d7ad; --org:#ebcc8d; --red:#f2aaa5;
  color-scheme:dark;
}
.sl-site .sl-article .sit-doc :is(h1,h2,h3,h4,h5,h6,strong,b) {
  color:var(--txt)!important; font-family:var(--font)!important;
  -webkit-text-fill-color:currentColor!important;
}
.sl-site .sl-article .sit-doc p {color:var(--txt)!important;text-align:left!important;}
.sl-site .sl-article .sit-doc .sd-hero {
  background:var(--sl-soft)!important; border-bottom:1px solid var(--bd)!important;
  padding:clamp(26px,4vw,48px)!important;
}
.sl-site .sl-article .sit-doc .sd-hero::before {display:none!important;}
.sl-site .sl-article .sit-doc .sd-hero h1 {
  color:var(--txt)!important;font-size:clamp(1.65rem,3vw,2.65rem)!important;
  line-height:1.2!important;letter-spacing:-.035em!important;text-align:left!important;
}
.sl-site .sl-article .sit-doc :is(.sd-lead,.sd-hero-desc) {color:var(--txt2)!important;max-width:70ch!important;}
.sl-site .sl-article .sit-doc :is(.sd-tag,.sd-badge,.sd-task-n) {
  color:var(--tel)!important;background:var(--bg3)!important;border-color:var(--bd)!important;
}
.sl-site .sl-article .sit-doc .sd-hero .sd-tag {background:var(--bg)!important;}
.sl-site .sl-article .sit-doc :is(.sd-goals,.sd-card,.sd-box,.sd-task,.sd-ftree) {
  background:var(--bg2)!important;border-color:var(--bd)!important;color:var(--txt)!important;
}
.sl-site .sl-article .sit-doc :is(.sd-box-t,.sd-ct) {color:var(--tel)!important;}
.sl-site .sl-article .sit-doc :is(.sd-nav-t,.sd-sidebar-title) {color:var(--txt2)!important;}
.sl-site .sl-article .sit-doc .sd-wrap {grid-template-columns:200px minmax(0,1fr)!important;}
.sl-site .sl-article .sit-doc .sd-nav a {min-height:44px;display:flex!important;align-items:center;}
.sl-site .sl-article .sit-doc .sd-section {scroll-margin-top:24px;}
.sl-site .sl-article .sit-doc :is(.sd-content,.sd-section,.sd-card,.sd-box,.sd-task) {min-width:0;}
.sl-site .sl-article .sit-doc code,
.sl-site .sl-article .sit-doc .sd-tw td:first-child {color:var(--tel)!important;}
.sl-site .sl-article .sit-doc code {background:var(--bg3)!important;border-color:var(--bd)!important;}
.sl-site .sl-article .sit-doc :is(th,td,table) {border-color:var(--bd)!important;}
.sl-site .sl-article .sit-doc th {color:var(--txt)!important;background:var(--bg3)!important;}
.sl-site .sl-article .sit-doc td {color:var(--txt)!important;background:var(--bg)!important;}
.sl-site .sl-article .sit-doc :is(.fb-blue,.t-blue,.ft-java) {color:var(--blue)!important;}
.sl-site .sl-article .sit-doc :is(.fb-green,.t-green) {color:var(--grn)!important;}
.sl-site .sl-article .sit-doc :is(.fb-purple,.t-purple) {color:var(--pur)!important;}
.sl-site .sl-article .sit-doc :is(.fb-orange,.t-orange) {color:var(--org)!important;}
.sl-site .sl-article .sit-doc :is(.fb-teal,.t-teal) {color:var(--tel)!important;}
.sl-site .sl-article .sit-doc :is(.fb-red,.t-red) {color:var(--red)!important;}
/* Code retains a dark surface and its syntax colours in both themes. */
.sl-site .sl-article .sit-doc :is(.sd-code,.sd-out,pre) {
  background:#142b23!important;color:#e5eee4!important;border-color:#3c5447!important;color-scheme:dark;
}
.sl-site .sl-article .sit-doc :is(.sd-code-head,.sd-code-bar,.sd-out-t) {
  background:#203c30!important;color:#d6e6d3!important;border-color:#3c5447!important;
}
.sl-site .sl-article .sit-doc :is(.sd-fname,.sd-fname span,.sd-code-name,.sd-lang) {color:#d6e6d3!important;}
.sl-site .sl-article .sit-doc pre code {
  background:transparent!important;color:#edf5ee!important;border:0!important;
  font-family:var(--mono)!important;overflow-wrap:normal!important;
}
.sl-site .sl-article .sit-doc pre,
.sl-site .sl-article .sit-doc pre * {-webkit-text-fill-color:currentColor!important;}
.sl-site .sl-article .sit-doc pre :is(strong,b) {color:inherit!important;font-family:var(--mono)!important;}
.sl-site .sl-article .sit-doc pre :is(.cm,.t-com,.t-comment,.ft-cm) {color:#a6bcae!important;}
.sl-site .sl-article .sit-doc .sd-copy {
  background:#2f4b3c!important;color:#e2eedc!important;border-color:#617963!important;min-height:44px;
}
.sl-site .sl-article .sit-doc details summary {color:var(--tel)!important;background:var(--bg2)!important;min-height:44px;}
@media(max-width:1100px) {
  .sl-site .sl-article .sit-doc .sd-wrap {grid-template-columns:minmax(0,1fr)!important;}
  .sl-site .sl-article .sit-doc :is(.sd-wrap>.sd-nav,.sd-sidebar) {
    display:block!important;position:static!important;max-height:none!important;
    border-right:0!important;border-bottom:1px solid var(--bd)!important;padding:16px!important;
  }
  .sl-site .sl-article .sit-doc .sd-nav a {display:inline-flex!important;margin:3px!important;background:var(--bg2)!important;}
  .sl-site .sl-article .sit-doc .sd-sidebar .sd-nav {display:block!important;}
  .sl-site .sl-article .sit-doc .sd-nav li {display:inline-block!important;}
  .sl-site .sl-article .sit-doc .sd-content {padding:26px 20px!important;}
}
@media(max-width:600px) {
  .sl-site .sl-article .sit-doc .sd-hero {padding:26px 20px!important;}
  .sl-site .sl-article .sit-doc .sd-content {padding:24px 16px!important;}
  .sl-site .sl-article .sit-doc pre {padding:16px!important;font-size:13px!important;}
  .sl-site .sl-article .sit-doc table {display:block!important;max-width:100%;overflow-x:auto!important;}
  .sl-site .sl-article .sit-doc :is(.sd-box,.sd-card,.sd-callout,.sd-task) {padding:16px!important;}
}
@media print {
  .sl-site .sl-article .sit-doc,.sl-site .sl-article .sit-doc * {color:#111!important;background:transparent!important;box-shadow:none!important;}
}
