@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonty/barlow-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonty/barlow-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonty/barlow-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonty/barlow-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonty/barlow-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonty/barlow-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonty/barlow-semi-condensed-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonty/barlow-semi-condensed-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonty/barlow-semi-condensed-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonty/barlow-semi-condensed-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonty/ibm-plex-mono-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonty/ibm-plex-mono-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonty/ibm-plex-mono-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonty/ibm-plex-mono-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonty/ibm-plex-mono-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonty/ibm-plex-mono-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Fizyka na kartce — „arkusz rysunku technicznego” (projekt Design v2, 29.10.2026). Stary wygląd: kopie\glowny-v1-20261029.css */
:root{--ink:#0B1F3A;--linia:#1287B5;--cy:#0B6B93;--papier:#F7F9FB;--bialy:#fff;--szary:#33475F;--szary2:#5B6B80;--jl:#C5D4E0;--kropki:#9CC9DD;--zolty:#FFE04A;--pas:#EEF4F8;--pas2:#EAF5FA;
--sans:'Barlow',system-ui,-apple-system,'Segoe UI',sans-serif;--kond:'Barlow Semi Condensed','Arial Narrow',sans-serif;--mono:'IBM Plex Mono',ui-monospace,Consolas,monospace}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);font-size:18px;line-height:1.55;color:var(--ink);background-color:var(--papier);background-image:linear-gradient(rgba(18,135,181,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(18,135,181,.13) 1px,transparent 1px),linear-gradient(rgba(18,135,181,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(18,135,181,.05) 1px,transparent 1px);background-size:50px 50px,50px 50px,10px 10px,10px 10px;padding:14px 24px 24px}
a{color:var(--cy)}a:hover{color:var(--ink)}
img{max-width:100%;height:auto}
h1,h2,h3{font-family:var(--kond);font-weight:700;line-height:1.05;margin:0}
.m{font-family:var(--mono)}
.k{font-family:var(--kond)}
.mark{background:linear-gradient(transparent 18%,var(--zolty) 18%,var(--zolty) 88%,transparent 88%);padding:0 .15em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:9;background:var(--zolty);color:var(--ink);padding:10px 14px}
:focus-visible{outline:3px solid var(--zolty);outline-offset:2px}
.etyk{font-family:var(--mono);font-size:13px;color:var(--cy);margin:0}
.ukryj{position:absolute;left:-9999px}

/* ramka arkusza i strefy */
.strefy{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));font-family:var(--mono);font-size:11px;color:var(--linia);text-align:center;padding:0 0 4px}
.arkusz{max-width:1240px;margin:0 auto;border:2px solid var(--ink);padding:6px}
.arkusz__in{border:1px solid var(--ink);background:rgba(247,249,251,.55)}
.pole{padding-left:48px;padding-right:48px}

/* tabliczka = nagłówek */
.tab{display:grid;grid-template-columns:300px minmax(0,1fr) 190px;border-bottom:2px solid var(--ink)}
.logo{display:flex;align-items:center;gap:12px;padding:14px 18px;border-right:1px solid var(--ink);color:var(--ink);text-decoration:none}
.logo svg{flex:none}
.logo__t{display:flex;flex-direction:column;line-height:1}
.logo__t b{font-family:var(--kond);font-size:28px;font-weight:700;letter-spacing:.01em}
.logo__t span{font-family:var(--mono);font-size:14px;font-weight:500;letter-spacing:.04em}
.menu{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));font-family:var(--kond);font-size:17px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.menu a{display:flex;flex-direction:column;justify-content:center;padding:10px 14px;border-right:1px solid var(--ink);color:var(--ink);text-decoration:none;line-height:1.2}
.menu a span{font-family:var(--mono);font-size:10px;color:var(--cy);letter-spacing:0;font-weight:400}
.menu a:hover{background:var(--pas2)}
.menu a[aria-current=page]{background:var(--zolty)}
.menu a[aria-current=page] span{color:var(--ink)}
.tab__ark{display:grid;grid-template-rows:1fr 1fr;font-family:var(--mono);font-size:12px}
.tab__ark span{padding:8px 14px;display:flex;align-items:center}
.tab__ark span+span{border-top:1px solid var(--ink)}
.menu-tel,.klasy-tel{display:none}

/* nagłówki sekcji z balonem */
.sh{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.balon{width:40px;height:40px;flex:none;border:2px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--kond);font-size:20px;font-weight:700;background:var(--papier)}
.sh h2{font-size:36px}
.sh__l{flex:1;height:1px;background:var(--ink);min-width:20px}
.sh__p{font-family:var(--mono);font-size:12px;color:var(--cy)}

/* przyciski: pary komórek */
.btny{display:flex;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:10px;border:2px solid var(--ink);padding:13px 22px;font-family:var(--kond);font-size:19px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink)!important;text-decoration:none;background:var(--bialy);cursor:pointer;line-height:1.15}
.btn+.btn{border-left:0}
.btn--z{background:var(--zolty)}
.btn--g{background:var(--ink);color:#fff!important}
.btn:hover{background:var(--pas2)}.btn--z:hover{background:#ffe866}.btn--g:hover{background:#13305a}
.btn--maly{font-size:15px;padding:8px 14px}

/* hero główna */
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;padding-top:56px;padding-bottom:64px;align-items:start}
.hero__t{display:flex;flex-direction:column;gap:22px}
.hero h1{font-size:66px;line-height:1;letter-spacing:-.005em}
.hero p{margin:0;font-size:20px;color:var(--szary);max-width:560px}
.wymiar{display:flex;align-items:center;color:var(--linia);max-width:520px}
.wymiar i{width:1px;height:18px;background:var(--linia)}
.wymiar b{flex:1;height:1px;background:var(--linia)}
.wymiar span{font-family:var(--mono);font-size:13px;padding:0 10px;white-space:nowrap}

/* detal (karta z nagłówkiem) */
.detal-wrap{position:relative;padding-top:30px}
.detal-wrap__balon{position:absolute;top:0;left:-10px;display:flex;align-items:center}
.detal-wrap__balon .balon{width:46px;height:46px;font-size:24px}
.detal-wrap__balon i{width:60px;height:1px;background:var(--ink)}
.detal-wrap .detal{margin-left:24px}
.detal{border:2px solid var(--ink);background:var(--bialy)}
.detal__g{display:flex;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--ink);font-family:var(--kond);font-size:15px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.detal__g span{font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--cy)}
.detal__c{padding:20px 16px;display:flex;flex-direction:column;gap:14px}
.detal__c p{margin:0;font-size:16px;color:var(--szary)}
.detal__tresc{margin:0;padding:14px 16px;font-size:17px;border-bottom:1px dashed var(--linia)}

/* kroki rozwiązania (pionowe) */
.kroki{list-style:none;margin:0;padding:6px 16px 10px}
.krok{display:grid;grid-template-columns:40px 120px minmax(0,1fr);gap:12px;align-items:start;padding:12px 0;border-bottom:1px dotted var(--kropki)}
.krok:last-child{border-bottom:0}
.krok__n{width:30px;height:30px;border:1.5px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:13px;background:var(--bialy)}
.krok:last-child .krok__n{background:var(--zolty)}
.krok__t{font-family:var(--kond);font-size:15px;font-weight:600;letter-spacing:.08em;color:var(--cy);padding-top:4px}
.krok__w{display:flex;flex-direction:column;gap:6px;min-width:0;overflow-x:auto;overflow-y:hidden;font-size:16px}
.krok__uw{font-size:15px;color:var(--szary)}
.wynik{background:linear-gradient(transparent 8%,var(--zolty) 8%,var(--zolty) 92%,transparent 92%);padding:2px 6px;align-self:flex-start;max-width:100%;overflow-x:auto}
.zad{border:2px solid var(--ink);background:var(--bialy);display:grid;grid-template-columns:minmax(0,1fr) 280px;margin-bottom:24px}
.zad__lewa{border-right:1px solid var(--ink);min-width:0}
.zad__tresc{padding:16px 20px;border-bottom:1px dashed var(--linia);display:flex;gap:16px;align-items:baseline}
.zad__tresc b{font-family:var(--kond);font-size:16px;letter-spacing:.08em;white-space:nowrap}
.zad__tresc p{margin:0;font-size:18px}
.zad__bok{padding:20px;display:flex;flex-direction:column;gap:16px;justify-content:center;background-image:repeating-linear-gradient(135deg,rgba(18,135,181,.07) 0 2px,transparent 2px 9px)}
.stempel{align-self:flex-start;font-family:var(--mono);font-size:13px;border:2px solid var(--linia);color:var(--cy);padding:6px 10px;transform:rotate(-4deg);background:var(--bialy);max-width:100%;overflow-x:auto}
.stempel small{display:block;font-size:12px;letter-spacing:.06em}
.zad__bok p{margin:0;font-size:16px}
.detal .kroki{padding-top:6px}
.detal .krok{grid-template-columns:34px 96px minmax(0,1fr);padding:8px 0}
.detal .krok__n{width:26px;height:26px;font-size:12px}
.detal .krok__t{font-size:14px;padding-top:3px}
.detal__stopka{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--ink);flex-wrap:wrap}
.detal__stopka .stempel{transform:rotate(-3deg);font-size:12px;padding:3px 8px}
.detal__stopka>span:last-child{font-size:15px}

/* zestawienie działów (lista części) */
.zest{border:2px solid var(--ink);background:var(--bialy);overflow-x:auto}
.zest table{width:100%;border-collapse:collapse;font-size:17px;min-width:760px}
.kresk{background-image:repeating-linear-gradient(135deg,rgba(18,135,181,.10) 0 2px,transparent 2px 8px)}
.zest th{font-family:var(--kond);font-size:14px;letter-spacing:.08em;text-transform:uppercase;text-align:left;padding:10px 14px;border-right:1px solid var(--ink);border-bottom:2px solid var(--ink);font-weight:600}
.zest th:last-child,.zest td:last-child{border-right:0}
.zest td{padding:12px 14px;border-right:1px solid var(--jl);border-bottom:1px solid var(--jl);vertical-align:middle}
.zest tr.grupa td{font-family:var(--kond);font-weight:700;letter-spacing:.1em;background:var(--pas);border-bottom:1px solid var(--ink);padding:8px 14px}
.zest tr.ost td{border-bottom:1px solid var(--ink)}
.zest tbody tr:last-child td{border-bottom:0}
.zest tr.w:hover td{background:var(--pas2)}
.zest td.poz{font-family:var(--mono);color:var(--cy);width:76px}
.zest td a{font-weight:600;color:var(--ink)}
.zest td.n{font-family:var(--mono);width:96px}
.zest small{display:block;font-size:14px;color:var(--szary2);margin-top:2px}
.brak{color:var(--szary2)}

/* metoda: schemat blokowy */
.flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr 40px 1fr}
.flow__b{border:2px solid var(--ink);background:var(--bialy);padding:18px;display:flex;flex-direction:column;gap:8px}
.flow__b:last-child{background:var(--zolty)}
.flow__b span{font-family:var(--mono);font-size:12px;color:var(--cy)}
.flow__b:last-child span{color:var(--ink)}
.flow__b b{font-family:var(--kond);font-size:26px;font-weight:700;line-height:1}
.flow__b em{font-style:normal;font-size:16px;color:var(--szary)}
.flow__b:last-child em{color:var(--ink)}
.flow__s{display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:22px}
.siatka2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.mini-wz{display:grid;grid-template-columns:auto 1fr auto;gap:8px 18px;font-size:16px;align-items:center}
.mini-wz span:nth-child(3n+2){color:var(--szary)}.mini-wz span:nth-child(3n){color:var(--cy)}
.para{display:grid;grid-template-columns:1fr auto 1fr;align-items:end}
.para__k{font-family:var(--mono);border:1.5px solid var(--ink);padding:12px 14px;font-size:22px}
.para__k--z{background:var(--zolty)}
.para__s{display:flex;flex-direction:column;align-items:center;padding:0 10px;font-family:var(--mono)}
.para__s small{font-size:12px;color:var(--cy)}
.para__s span{font-size:20px}

/* uwaga z kreskowaniem */
.uwaga{display:grid;grid-template-columns:28px minmax(0,1fr) auto;border:2px solid var(--ink);background:var(--bialy);align-items:stretch}
.uwaga__k{background-image:repeating-linear-gradient(135deg,var(--ink) 0 2px,transparent 2px 7px);border-right:2px solid var(--ink)}
.uwaga__t{padding:22px 26px}
.uwaga__t .k{font-size:15px;font-weight:600;letter-spacing:.1em;color:var(--cy);display:block}
.uwaga__t p{margin:6px 0 0;font-size:18px}
.uwaga__a{display:flex;align-items:center;padding:0 26px;border-left:2px solid var(--ink);font-family:var(--kond);font-size:18px;font-weight:700;letter-spacing:.05em;color:var(--ink)!important;text-decoration:none;text-transform:uppercase}
.uwaga__a:hover{background:var(--zolty)}

/* stopka = tabliczka rysunkowa */
.stopka{display:flex;justify-content:flex-end;padding-left:48px}
.stopka dl{margin:0;display:grid;grid-template-columns:auto auto auto auto;border-top:2px solid var(--ink);border-left:2px solid var(--ink);font-family:var(--mono);font-size:12px}
.stopka dt,.stopka dd{margin:0;padding:8px 12px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.stopka dt{color:var(--cy)}
.stopka dd:nth-of-type(2n){border-right:0}
.stopka dt:nth-last-of-type(-n+2),.stopka dd:nth-last-of-type(-n+2){border-bottom:0}

/* nagłówek arkusza (podstrony) */
.glowa{padding-top:22px;padding-bottom:40px;border-bottom:1px solid var(--ink)}
.okruszki{font-family:var(--mono);font-size:13px;margin-bottom:26px}
.glowa__u{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:end}
.glowa__u--1{grid-template-columns:minmax(0,1fr)}
.glowa__t{display:flex;flex-direction:column;gap:18px;min-width:0}
.glowa h1{font-size:60px;line-height:1}
.glowa p.lead{margin:0;font-size:19px;color:var(--szary);max-width:680px}
.spis{border:2px solid var(--ink);background:var(--bialy)}
.spis__g{padding:8px 14px;border-bottom:1px solid var(--ink);font-family:var(--kond);font-size:14px;font-weight:600;letter-spacing:.1em}
.spis ol{list-style:none;margin:0;padding:0;font-family:var(--mono);font-size:14px}
.spis li+li{border-top:1px dotted var(--kropki)}
.spis a{display:flex;gap:12px;padding:7px 14px;text-decoration:none;color:var(--ink)}
.spis a:hover{background:var(--pas2)}
.spis a span{color:var(--cy)}
.spis dl{margin:0;display:grid;grid-template-columns:auto 1fr;font-family:var(--mono);font-size:13px}
.spis dt,.spis dd{margin:0;padding:7px 14px;border-bottom:1px dotted var(--kropki)}
.spis dt{color:var(--cy);border-right:1px solid var(--jl)}
.spis dt:last-of-type,.spis dd:last-of-type{border-bottom:0}
.spis-tel{display:none}

/* treść podstron */
.tresc{padding-top:40px;padding-bottom:48px;display:flex;flex-direction:column;gap:56px}
.lista{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:2px solid var(--ink);background:var(--bialy);font-size:17px}
.lista li{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--jl)}
.lista li:nth-child(odd){border-right:1px solid var(--jl)}
.lista li::before{content:"";width:16px;height:16px;border:1.5px solid var(--ink);flex:none;margin-top:4px}
.przypis{margin:12px 0 0;font-family:var(--mono);font-size:13px;color:var(--cy)}
.tabela{border:2px solid var(--ink);background:var(--bialy);overflow-x:auto}
.tabela table{width:100%;border-collapse:collapse;font-size:17px;min-width:600px}
.tabela th{font-family:var(--kond);font-size:14px;letter-spacing:.08em;text-transform:uppercase;text-align:left;padding:10px 16px;border-right:1px solid var(--ink);border-bottom:2px solid var(--ink);font-weight:600}
.tabela th:last-child,.tabela td:last-child{border-right:0}
.tabela td{padding:12px 16px;border-right:1px solid var(--jl);border-bottom:1px solid var(--jl);vertical-align:middle}
.tabela tr:last-child td{border-bottom:0}
.tabela td.poz{font-family:var(--mono);color:var(--cy);width:66px}
.tabela td.wz{font-size:19px;white-space:nowrap}
.tabela td.jd{width:130px}
.tabela .katex{font-size:1.1em}

/* przelicznik */
.przel{border:2px solid var(--ink);background:var(--bialy);padding:22px}
.przel__u{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;margin-bottom:16px}
.przel__pola{display:flex;flex-direction:column;gap:10px}
.przel label{display:flex;flex-direction:column;gap:6px;font-family:var(--kond);font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.przel input,.przel select{font-family:var(--mono);font-size:20px;padding:10px 14px;border:2px solid var(--ink);background:var(--papier);color:var(--ink);border-radius:0;min-height:50px;width:100%}
.przel select{font-size:17px}
.przel__s{display:flex;flex-direction:column;align-items:center;padding:0 18px 14px;font-family:var(--mono)}
.przel__s .op{font-size:14px;color:var(--cy)}
.przel__s b{font-size:26px;font-weight:400}
.przel__w{border:2px solid var(--ink);background:var(--zolty);padding:16px 18px;display:flex;flex-direction:column;gap:4px;font-family:var(--mono);min-width:0}
.przel__w .l{font-size:14px}
.przel__w .wynik-p{font-size:28px;font-weight:600;overflow-wrap:anywhere}
.przel__lista{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px;font-family:var(--mono);font-size:13px}
.przel__lista li{border:1px solid var(--jl);padding:5px 9px;background:var(--papier)}

/* produkty */
.wyd{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:2px solid var(--ink);background:var(--bialy)}
.wyd__k{padding:24px;display:flex;flex-direction:column;gap:12px}
.wyd__k+.wyd__k{border-left:1px solid var(--ink)}
.wyd__k h3{font-size:28px}
.wyd__k p{margin:0;font-size:17px;color:var(--szary)}
.wyd__d{margin-top:auto;display:flex;align-items:stretch;flex-wrap:wrap}
.cena{font-family:var(--mono);border:2px solid var(--ink);padding:10px 14px;font-size:22px;font-weight:600;display:flex;align-items:center;gap:8px}
.cena s{font-size:15px;color:var(--szary2);font-weight:400}
.wyd__d .btn{border-left:0}
.wyd__k>.btn{align-self:flex-start;margin-top:auto}
.wiecej{margin-top:24px}
.wiecej h3{font-size:22px;margin-bottom:10px}
.pl{list-style:none;margin:0;padding:0;border:2px solid var(--ink);background:var(--bialy)}
.pl li{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--jl)}
.pl li:last-child{border-bottom:0}
.pl img{width:62px;height:78px;object-fit:cover;border:1px solid var(--jl);background:var(--papier)}
.pl__t{display:flex;flex-direction:column;gap:2px;min-width:0}
.pl__t span{font-family:var(--mono);font-size:12px;color:var(--cy)}
.pl__t b{font-size:17px;line-height:1.3}
.pl__l{display:flex;gap:14px;flex-wrap:wrap;font-weight:600;font-size:15px;justify-content:flex-end}

/* uwagi i pytania */
.bledy{list-style:none;margin:0;padding:0;border:2px solid var(--ink);background:var(--bialy)}
.bledy li{display:grid;grid-template-columns:56px minmax(0,1fr);border-bottom:1px solid var(--jl)}
.bledy li:last-child{border-bottom:0}
.bledy li>span:first-child{display:flex;align-items:center;justify-content:center;border-right:1px solid var(--jl)}
.bledy li>span:last-child{padding:14px 18px;font-size:17px}
.faq-blok{margin-top:24px}
details.faq{border:2px solid var(--ink);border-top:0;background:var(--bialy);padding:14px 18px}
.faq-blok details.faq:first-child{border-top:2px solid var(--ink)}
details.faq summary{font-family:var(--kond);font-size:19px;font-weight:600;cursor:pointer}
details.faq p{margin:10px 0 0;font-size:17px;color:var(--szary)}
.sasiedzi{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--ink);background:var(--bialy)}
.sasiedzi a{padding:14px 18px;text-decoration:none;color:var(--ink)}
.sasiedzi a+a{border-left:1px solid var(--ink);text-align:right}
.sasiedzi a:hover{background:var(--pas2)}
.sasiedzi span{font-family:var(--mono);font-size:12px;color:var(--cy);display:block}
.sasiedzi b{font-family:var(--kond);font-size:20px}

/* strony proste */
.proza{max-width:820px}
.proza section{margin-bottom:40px}
.proza h2{font-size:32px;margin-bottom:12px}
.proza p{margin:0 0 14px}
.blok-dzial{margin-bottom:44px}
.blok-dzial h3{font-size:26px;margin:4px 0 12px}
.blok-dzial h3 a{color:inherit;text-decoration:none}

/* KaTeX */
.katex{font-size:1.06em}
.mini-wz .katex{font-size:1.1em}

/* responsywność */
@media (max-width:1100px){
  .tab{grid-template-columns:260px minmax(0,1fr)}
  .tab__ark{display:none}
  .hero{grid-template-columns:1fr}
  .zad{grid-template-columns:1fr}.zad__lewa{border-right:0;border-bottom:1px solid var(--ink)}
  .flow{grid-template-columns:1fr 30px 1fr}
  .flow>.flow__s:nth-child(4){display:none}
  .glowa__u{grid-template-columns:1fr}
}
@media (max-width:760px){
  body{padding:8px;font-size:17px;background-size:25px 25px,25px 25px,5px 5px,5px 5px}
  .strefy{display:none}
  .arkusz{padding:3px}
  .pole{padding-left:14px;padding-right:14px}
  .tab{grid-template-columns:minmax(0,1fr) 56px}
  .menu{display:none}
  .logo{padding:10px 12px}
  .logo svg{width:38px;height:38px}
  .logo__t b{font-size:23px}.logo__t span{font-size:12px}
  .menu-tel{display:block;position:relative}
  .menu-tel summary{list-style:none;height:100%;min-height:56px;display:flex;align-items:center;justify-content:center;cursor:pointer}
  .menu-tel summary::-webkit-details-marker{display:none}
  .menu-tel nav{position:absolute;right:-1px;top:100%;z-index:20;background:var(--bialy);border:2px solid var(--ink);min-width:240px;display:flex;flex-direction:column}
  .menu-tel nav a{padding:13px 16px;border-bottom:1px solid var(--jl);font-family:var(--kond);font-size:18px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);text-decoration:none}
  .menu-tel nav a:last-child{border-bottom:0}
  .klasy-tel{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--ink);font-family:var(--kond);font-size:17px;font-weight:700;letter-spacing:.05em}
  .klasy-tel a{padding:12px;text-align:center;color:var(--ink);text-decoration:none}
  .klasy-tel a+a{border-left:1px solid var(--ink)}
  .klasy-tel a[aria-current=page],.klasy-tel a.z{background:var(--zolty)}
  .sh{gap:10px;margin-bottom:12px}
  .balon{width:30px;height:30px;font-size:15px}
  .sh h2{font-size:25px}
  .sh__p{display:none}
  .btny{flex-direction:column}
  .btn{justify-content:center;font-size:17px;padding:12px}
  .btny .btn+.btn{border-left:2px solid var(--ink);border-top:0}
  .hero{padding-top:22px;padding-bottom:26px;gap:22px}
  .hero__t{gap:14px}
  .hero h1{font-size:38px}
  .hero p{font-size:16px}
  .wymiar span{font-size:11px}
  .detal-wrap{padding-top:0}.detal-wrap__balon{display:none}.detal-wrap .detal{margin-left:0}
  .detal .krok{grid-template-columns:28px minmax(0,1fr);gap:8px}
  .detal .krok__t{display:none}
  .detal__tresc{font-size:15px;padding:10px 12px}
  .siatka2{grid-template-columns:1fr;gap:12px}
  .zest{overflow:visible}
  .zest table,.zest tbody,.zest td{display:block;min-width:0}
  .zest table{min-width:0}
  .zest thead{display:none}
  .zest tr{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;border-bottom:1px solid var(--jl)}
  .zest td{border:0!important;padding:11px 10px}
  .zest td.wz,.zest td.n{display:none}
  .zest td.poz{width:auto;font-size:12px}
  .zest td.ga{font-size:13px;color:var(--szary2)}
  .zest tr.grupa{display:block;border-bottom:1px solid var(--ink)}
  .zest tr.grupa td{padding:6px 12px}
  .zest tr.ost{border-bottom:1px solid var(--ink)}
  .zest small{display:none}
  .flow{grid-template-columns:1fr}
  .flow__s{font-size:0;height:26px}
  .flow__s::before{content:"↓";font-size:18px}
  .flow>.flow__s:nth-child(4){display:flex}
  .flow__b{padding:10px 12px;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
  .flow__b b{font-size:20px}.flow__b em{font-size:15px;flex-basis:100%}
  .para__k{font-size:16px;padding:8px}
  .uwaga{grid-template-columns:18px minmax(0,1fr)}
  .uwaga__t{padding:12px 14px}.uwaga__t p{font-size:15px}
  .uwaga__a{grid-column:2;border-left:0;border-top:1px solid var(--ink);padding:12px 14px;font-size:16px}
  .stopka{padding-left:0;display:block}
  .stopka dl{grid-template-columns:auto minmax(0,1fr);border-left:0;font-size:11px}
  .stopka dt,.stopka dd{border-bottom:1px solid var(--ink)!important}
  .stopka dd{border-right:0}
  .stopka dt:last-of-type,.stopka dd:last-of-type{border-bottom:0!important}
  .glowa{padding-top:14px;padding-bottom:20px}
  .okruszki{font-size:11px;margin-bottom:12px}
  .glowa h1{font-size:34px;line-height:1.02}
  .glowa p.lead{font-size:15px}
  .glowa__u{gap:16px}
  .glowa__u>.spis{display:none}
  .spis-tel{display:flex;overflow-x:auto;border-bottom:2px solid var(--ink);background:var(--bialy);font-family:var(--mono);font-size:12px;white-space:nowrap}
  .spis-tel a{padding:12px;border-right:1px solid var(--ink);color:var(--ink);text-decoration:none}
  .tresc{padding-top:22px;padding-bottom:24px;gap:30px}
  .lista{grid-template-columns:1fr;font-size:15px}
  .lista li{padding:10px 12px;border-right:0!important}
  .lista li::before{width:14px;height:14px;margin-top:3px}
  .tabela{overflow:visible}
  .tabela table{min-width:0;font-size:15px}
  .tabela thead{display:none}
  .tabela table,.tabela tbody{display:block}
  .tabela tr{display:grid;grid-template-columns:34px minmax(0,1fr) auto;border-bottom:1px solid var(--jl);align-items:center}
  .tabela tr:last-child{border-bottom:0}
  .tabela td{border:0!important;padding:10px 8px;display:block}
  .tabela td.poz{width:auto;font-size:11px;padding-left:12px;grid-row:1}
  .tabela td.wz{grid-column:2;font-size:17px;white-space:normal;overflow-x:auto}
  .tabela td.jd{grid-column:3;grid-row:1;width:auto;text-align:right;padding-right:12px}
  .tabela td.op{grid-column:2/-1;padding-top:0;font-size:14px;color:var(--szary)}
  .zad__tresc{padding:12px;flex-direction:column;gap:4px}
  .zad__tresc p{font-size:15px}
  .kroki{padding:4px 12px}
  .krok{grid-template-columns:28px minmax(0,1fr);gap:4px 8px;padding:9px 0}
  .krok__n{width:22px;height:22px;font-size:11px;grid-row:span 2}
  .krok__t{font-size:12px;padding-top:2px}
  .krok__w{grid-column:2;font-size:15px}
  .krok__uw{grid-column:2}
  .zad__bok{padding:12px;gap:8px}
  .stempel{font-size:11px;padding:4px 8px;transform:rotate(-3deg)}
  .zad__bok p{font-size:15px}
  .przel{padding:12px}
  .przel__u{grid-template-columns:1fr}
  .przel__s{flex-direction:row;gap:8px;padding:8px 0;justify-content:center}
  .przel__s b{transform:rotate(90deg);font-size:20px}
  .przel__w .wynik-p{font-size:24px}
  .wyd{grid-template-columns:1fr}
  .wyd__k{padding:14px}
  .wyd__k+.wyd__k{border-left:0;border-top:1px solid var(--ink)}
  .wyd__k h3{font-size:22px}
  .wyd__k>.btn{align-self:stretch}
  .wyd__d{flex-direction:column}
  .wyd__d .btn{border-left:2px solid var(--ink);border-top:0}
  .pl li{grid-template-columns:48px minmax(0,1fr);gap:10px}
  .pl img{width:48px;height:60px}
  .pl__l{grid-column:2;justify-content:flex-start}
  .bledy li{grid-template-columns:40px minmax(0,1fr)}
  .bledy li>span:last-child{padding:10px 12px;font-size:15px}
  .sasiedzi b{font-size:16px}.sasiedzi a{padding:10px}
  .proza h2{font-size:24px}
}

/* druk: ściąga wzorów */
@media print{
  body{background:#fff;padding:0;font-size:11pt;color:#000}
  .strefy,.tab,.klasy-tel,.spis-tel,.stopka,.btny,.nie-drukuj,.zgoda,.spis{display:none!important}
  .arkusz,.arkusz__in{border:0;padding:0}
  body.druk-sciaga .tresc>section:not(#wzory),body.druk-sciaga .sasiedzi,body.druk-sciaga .glowa p.lead,body.druk-sciaga .okruszki{display:none!important}
  .glowa{padding:0 0 10pt;border:0}.glowa h1{font-size:18pt}
  .tabela{border:1px solid #000}
  a{color:#000;text-decoration:none}
  .blok-dzial{break-inside:avoid;margin-bottom:14pt}
}