/* Wycena Księgowości · tasma.css 3.0.0 · taśma kalkulatora, klawisz "=", pikselowo-papierowa księgowość */
@font-face{font-family:'IBM Plex Sans Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/ibm-plex-sans-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/ibm-plex-sans-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 Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-sans-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-sans-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 Sans';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ibm-plex-sans-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ibm-plex-sans-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:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/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-20C0, 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(fonts/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}

:root{--biurko:#D9DEE4;--biurko2:#C3CAD4;--tasma:#FEFEFC;--atrament:#14213D;--atrament2:#38425D;--mute:#4F5A72;--marker:#FFE14A;--markerCien:#C4A000;--korekta:#C42640;--dlugopis:#2646D4;--linia:#AEB8C6;--display:'IBM Plex Sans Condensed','Arial Narrow',system-ui,sans-serif;--tekst:'IBM Plex Sans',system-ui,'Segoe UI',sans-serif;--mono:'IBM Plex Mono',ui-monospace,'Cascadia Mono',Consolas,monospace;--szer:1240px;--ryn:32px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--biurko);color:var(--atrament);font:400 17px/1.65 var(--tekst)}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,figure,ul,ol,fieldset{margin:0}
ul,ol{padding:0}
a{color:inherit;text-underline-offset:5px}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--dlugopis);outline-offset:3px}
.zapytanie :focus-visible,.paragon :focus-visible,.kalkulatorGlowa :focus-visible{outline-color:var(--marker)}
[hidden]{display:none!important}
.doTresci{position:fixed;left:16px;top:-120px;background:var(--atrament);color:#fff;padding:12px 16px;z-index:100;border-radius:8px}
.doTresci:focus{top:12px}
.etykieta{font:500 12px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:0 0 14px}
.etykietaJasna{color:var(--marker)}
.wstep{font-size:19px;line-height:1.6;color:var(--atrament2)}

/* Klawisz "=" */
.klawisz{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 30px;background:var(--marker);color:var(--atrament);font:600 17px/1.15 var(--tekst);text-align:center;text-decoration:none;border:0;border-radius:14px;box-shadow:0 5px 0 var(--markerCien),0 12px 20px rgba(20,33,61,.18);cursor:pointer;position:relative;transition:transform .09s ease,box-shadow .09s ease,filter .15s}
.klawisz:hover{filter:brightness(1.05)}
.klawisz:active{transform:translateY(4px);box-shadow:0 1px 0 var(--markerCien),0 3px 6px rgba(20,33,61,.22)}
.klawiszMaly{min-height:46px;padding:0 20px;font-size:15px;border-radius:11px;box-shadow:0 4px 0 var(--markerCien),0 8px 14px rgba(20,33,61,.15)}
.klawiszPelny{width:100%}
.linkCichy{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--atrament);text-decoration:underline;text-decoration-color:var(--dlugopis);text-decoration-thickness:2px;text-underline-offset:6px}
.linkJasny{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:#fff;text-decoration:underline;text-decoration-color:var(--marker);text-decoration-thickness:2px;text-underline-offset:6px}
.przyciskBialy{min-height:48px;padding:0 20px;background:#fff;color:var(--atrament);border:2px solid var(--atrament);border-radius:10px;font:600 15px var(--tekst);cursor:pointer;transition:background .15s}
.przyciskBialy:hover{background:var(--marker)}
.przyciskCichy{background:none;border:0;min-height:44px;padding:0 4px;font:600 14px var(--tekst);text-decoration:underline;text-underline-offset:5px;cursor:pointer}
button:disabled{opacity:.5;cursor:not-allowed}

/* Pasek */
.pasek{position:sticky;top:0;z-index:40;background:var(--biurko);border-bottom:1px solid var(--biurko2)}
.pasekWnetrze{max-width:var(--szer);margin:0 auto;padding:12px var(--ryn);display:flex;align-items:center;gap:28px}
.znak{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--atrament)}
.znakRolka{width:40px;height:40px;flex:none}
.znakTekst{font:700 23px/1 var(--display);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}
.znakTekst b{color:var(--atrament2);font-weight:700}
.menuLinki{display:flex;gap:24px;margin-left:auto}
.menuLinki a{display:inline-flex;align-items:center;min-height:44px;font:500 13px var(--mono);text-transform:uppercase;letter-spacing:.06em;text-decoration:none;border-bottom:2px solid transparent}
.menuLinki a:hover,.menuLinki a[aria-current]{border-bottom-color:var(--atrament)}
.menuPrzycisk{display:none}

/* Otwarcie: tekst + taśma */
.otwarcie{max-width:var(--szer);margin:0 auto;padding:56px var(--ryn) 76px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:64px;align-items:start}
.otwarcieTekst h1,.tekstGlowa h1{font:700 clamp(48px,6.4vw,98px)/.92 var(--display);letter-spacing:-.012em;margin:0 0 26px}
.otwarcieTekst h1 em{font-style:normal;background:linear-gradient(transparent 56%,var(--marker) 56%,var(--marker) 90%,transparent 90%);padding:0 .06em;margin:0 -.06em}
.otwarcieAkcje{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin:30px 0 26px}
.zaufanie{list-style:none;display:grid;gap:8px;font:500 13px/1.5 var(--mono);color:var(--atrament2)}
.zaufanie li{position:relative;padding-left:22px}
.zaufanie li::before{content:'';position:absolute;left:0;top:6px;width:10px;height:10px;background:var(--marker);box-shadow:inset 0 0 0 2px var(--atrament);border-radius:2px}

/* Kalkulator z taśmą */
.kalkulator{position:relative;filter:drop-shadow(0 20px 30px rgba(20,33,61,.2))}
.kalkulatorGlowa{display:flex;justify-content:space-between;align-items:center;background:var(--atrament);color:#fff;border-radius:16px 16px 0 0;padding:14px 22px 28px;font:500 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;position:relative}
.kalkulatorGlowa::after{content:'';position:absolute;left:22px;right:22px;bottom:0;height:11px;background:#08101F;border-radius:0 0 7px 7px}
.tasma{position:relative;z-index:1;background:var(--tasma);margin:-7px 22px 0;padding:24px 22px 34px;font-family:var(--mono);color:var(--atrament)}
.tasma::after{content:'';position:absolute;left:0;right:0;bottom:-10px;height:10px;background:linear-gradient(135deg,var(--tasma) 5px,transparent 0) 0 0/10px 10px repeat-x,linear-gradient(225deg,var(--tasma) 5px,transparent 0) 0 0/10px 10px repeat-x}
.tasmaNaglowek{font:500 12px/1.55 var(--mono);letter-spacing:.14em;text-transform:uppercase;text-align:center;color:var(--mute);margin:0 0 18px;padding-bottom:14px;border-bottom:2px dashed var(--linia)}
.tasmaWiersz{display:grid;grid-template-columns:auto minmax(10px,1fr) auto;column-gap:8px;align-items:end;margin:0 0 4px}
.tasmaOpis{font:500 13px/1.3 var(--mono);letter-spacing:.03em;text-transform:uppercase;max-width:20ch;padding-bottom:4px}
.tasmaKropki{align-self:end;border-bottom:2px dotted var(--linia);margin-bottom:9px;min-width:8px}
.tasmaPole{display:inline-flex;align-items:baseline;gap:5px}
.tasmaPole input,.ustawPole input{width:112px;min-height:40px;text-align:right;font:500 18px var(--mono);color:var(--atrament);background:transparent;border:0;border-bottom:2px solid var(--atrament);padding:4px 2px 3px;border-radius:0}
.tasmaPole input::placeholder{color:#9AA5B7}
.tasmaPole input:focus{outline:none;background:rgba(255,225,74,.4);box-shadow:0 3px 0 var(--dlugopis)}
.tasmaJednostka{font-size:13px;color:var(--mute);min-width:22px}
.tasmaWynik{grid-column:1/-1;text-align:right;font:500 12px var(--mono);color:var(--mute);min-height:20px;padding:2px 2px 10px}
.tasmaWynik.jestBrak{color:var(--korekta)}
.tasmaKreska{border-top:2px dashed var(--linia);margin:6px 0 16px}
.tasmaSuma{display:flex;align-items:baseline;gap:8px;margin:0}
.tasmaSuma>span:first-child{font:600 13px var(--mono);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.tasmaSuma .tasmaKropki{flex:1}
.tasmaKwota{font:600 27px/1.1 var(--mono);letter-spacing:-.02em;white-space:nowrap;background:linear-gradient(transparent 52%,var(--marker) 52%,var(--marker) 92%,transparent 92%);padding:0 5px}
.tasmaKwota.druk{animation:druk .3s steps(5,end)}
.tasmaKwota:empty{background:none}
.tasmaBraki{margin:16px 0 0;font:500 12px/1.55 var(--mono);color:var(--mute)}
.tasmaBraki.jestBrak{color:var(--korekta)}
.kalkulatorStopka{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;padding:30px 4px 0}

/* Pasek rynku */
.rynek{background:var(--tasma);border-block:1px solid var(--biurko2)}
.rynekWnetrze{max-width:var(--szer);margin:0 auto;padding:26px var(--ryn);display:grid;grid-template-columns:auto minmax(220px,1fr) minmax(0,1.1fr);gap:40px;align-items:center}
.rynekOpis .etykieta{margin:0 0 6px}
.rynekLiczba{font:600 clamp(22px,2.4vw,32px)/1.1 var(--mono);letter-spacing:-.02em}
.rynekLiczba span{font-size:.55em;color:var(--mute);margin:0 .2em;font-weight:500}
.rynekLiczba small{display:block;font:500 12px var(--mono);letter-spacing:.04em;color:var(--mute);margin-top:6px}
.rynekWykres{padding-top:30px}
.rynekTor{position:relative;height:14px;background:var(--biurko);border-radius:7px}
.rynekZakres{position:absolute;top:0;bottom:0;background:var(--marker);border-radius:7px;box-shadow:inset 0 0 0 2px var(--atrament)}
.rynekSrednia{position:absolute;top:-7px;bottom:-7px;width:3px;margin-left:-1px;background:var(--atrament)}
.rynekSrednia b{position:absolute;bottom:100%;left:50%;transform:translate(-50%,-4px);font:600 11px var(--mono);white-space:nowrap;background:var(--atrament);color:#fff;padding:3px 7px;border-radius:5px}
.rynekOsie{display:flex;justify-content:space-between;font:500 11px var(--mono);color:var(--mute);margin-top:10px}
.rynekUwaga{font-size:13px;line-height:1.55;color:var(--atrament2)}
.rynekUwaga a{color:var(--dlugopis)}

/* Cztery pozycje */
.rachunek{padding:80px 0}
.rachunekWnetrze{max-width:var(--szer);margin:0 auto;padding:0 var(--ryn);display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
.rachunekTekst h2,.spisNaglowek h2,.zapytanie h2{font:700 clamp(34px,4.2vw,58px)/1 var(--display);letter-spacing:-.005em;margin:0 0 18px}
.rachunekWstep{font-size:18px;color:var(--atrament2)}
.pozycje{list-style:none;margin:28px 0 0;border-top:2px solid var(--atrament)}
.pozycje li{display:grid;grid-template-columns:24px 1fr;column-gap:14px;padding:15px 0;border-bottom:1px solid var(--biurko2)}
.pozycje li::before{content:'';grid-row:1/3;width:20px;height:20px;margin-top:3px;background:var(--tasma);border:2px solid var(--atrament);border-radius:4px}
.pozycje b{font:600 17px/1.35 var(--tekst)}
.pozycje span{grid-column:2;color:var(--atrament2);font-size:15px;line-height:1.55}
.rachunekZdjecie img{width:100%;height:460px;object-fit:cover;border-radius:6px;filter:saturate(.78) contrast(1.03)}
.rachunekZdjecie figcaption{font:500 12px var(--mono);color:var(--mute);margin-top:10px}

/* Czytelnia: wiersze z kropkowaną prowadnicą */
.spis{background:var(--tasma);padding:76px 0;border-block:1px solid var(--biurko2)}
.spisWnetrze{max-width:var(--szer);margin:0 auto;padding:0 var(--ryn)}
.spisNaglowek{margin-bottom:30px}
.spisNaglowek p:not(.etykieta){font-size:17px;color:var(--atrament2)}
.spisLista{list-style:none;border-top:2px solid var(--atrament)}
.spisLista a{display:grid;grid-template-columns:150px auto minmax(20px,1fr) auto;align-items:baseline;gap:18px;padding:20px 10px;border-bottom:1px solid var(--biurko2);text-decoration:none;min-height:44px;transition:background .15s}
.spisLista a:hover{background:#F1F3F7}
.spisTemat{font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.spisTytul{font:700 clamp(21px,2.1vw,29px)/1.15 var(--display)}
.spisKropki{align-self:end;border-bottom:2px dotted var(--linia);margin-bottom:7px}
.spisCzas{font:500 13px var(--mono);color:var(--mute);white-space:nowrap}
.spisLista a:hover .spisTytul{background:linear-gradient(transparent 62%,var(--marker) 62%)}

/* Zestawienie dwóch ofert */
.zestawienie{padding:80px 0 88px}
.zestawienieWnetrze{max-width:var(--szer);margin:0 auto;padding:0 var(--ryn)}
.zestawUstawienia{display:flex;flex-wrap:wrap;align-items:flex-end;gap:18px 26px;margin:6px 0 34px;padding:20px 24px;background:var(--atrament);color:#fff;border-radius:14px}
.ustawPole{display:flex;flex-direction:column;gap:7px;font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.ustawPole input,.ustawPole select{min-height:48px;min-width:190px;border:0;border-radius:8px;background:#fff;color:var(--atrament);font:500 18px var(--mono);padding:0 12px;text-align:right;letter-spacing:0;text-transform:none}
.ustawPole select{text-align:left}
.ustawPole input:focus,.ustawPole select:focus{outline:3px solid var(--marker)}
.zestawUstawienia .przyciskCichy{margin-left:auto;color:#fff}
.zestawTasmy{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;padding:0 0 22px}
.tasmaOferta{margin:0;border-top:7px solid var(--atrament)}
.tasmaOfertaB{border-top-color:var(--dlugopis)}
.tasmaOferta .tasmaNaglowek{color:var(--atrament);font-size:14px}
.zestawWynik{max-width:900px;margin:30px 0 0}
.zestawWerdykt{font:700 clamp(26px,3vw,42px)/1.08 var(--display);margin:0 0 16px}
.zestawRoznica{display:inline-block;font:600 22px var(--mono);background:var(--marker);padding:8px 16px;border-radius:6px;margin:0 0 18px;box-shadow:inset 0 0 0 2px var(--atrament)}
.zestawUwaga{font-size:15px;color:var(--atrament2);margin:0 0 22px}
.zestawAkcje{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center}
.przykladNota{font:500 12px var(--mono);border:2px dashed var(--linia);padding:8px 12px;margin:0 0 14px;display:inline-block}
.wykres{margin:42px 0 0;background:var(--tasma);border-radius:12px;padding:26px 26px 20px;box-shadow:0 12px 24px rgba(20,33,61,.08)}
.wykres figcaption{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.wykres figcaption b{font:700 24px/1.15 var(--display)}
.wykres figcaption span{font:500 13px/1.5 var(--mono);color:var(--atrament2)}
.wykresSvg{width:100%;height:auto;display:block}
.wykresSvg text{font:500 11px var(--mono);fill:var(--mute)}
.wykresSvg .osLinia{stroke:var(--biurko2);stroke-width:1}
.wykresSvg .osPion{stroke-dasharray:3 4}
.wykresSvg .liniaA{fill:none;stroke:var(--atrament);stroke-width:3.5;stroke-linejoin:round}
.wykresSvg .liniaB{fill:none;stroke:var(--dlugopis);stroke-width:3.5;stroke-linejoin:round}
.wykresSvg .podpisA{fill:var(--atrament);font-weight:600;font-size:14px}
.wykresSvg .podpisB{fill:var(--dlugopis);font-weight:600;font-size:14px}
.wykresSvg .znacznikTeraz{stroke:var(--korekta);stroke-width:2;stroke-dasharray:5 4}
.wykresSvg .znacznikTekst{fill:var(--korekta);font-weight:600}
.wykresSvg .punktPrzeciecia{fill:var(--marker);stroke:var(--atrament);stroke-width:2.5}
.metoda{margin-top:30px;font-size:14px;color:var(--atrament2)}
.metoda summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center;color:var(--atrament)}
.metoda p{margin:6px 0 10px}
.metoda a{color:var(--dlugopis)}

/* Pasmo zapytania */
.zapytanie{background:var(--atrament);color:#fff}
.zapytanieWnetrze{max-width:var(--szer);margin:0 auto;padding:76px var(--ryn);display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center}
.zapytanie h2{color:#fff}
.zapytanie p:not(.etykieta){font-size:18px;color:#DCE2EE}
.zapytanieAkcja{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.uwagaJasna{display:block;font-size:13px;line-height:1.55;color:#C3CCDD}
.notaDomu{max-width:var(--szer);margin:0 auto;padding:30px var(--ryn) 8px;font-size:14px;color:var(--mute)}
.notaDomu a{color:var(--atrament)}

/* Stopka jako paragon */
.paragon{padding:56px 20px 70px}
.paragonKartka{position:relative;max-width:580px;margin:0 auto;background:var(--tasma);padding:42px 36px 46px;font:500 13px/1.6 var(--mono);color:var(--atrament);filter:drop-shadow(0 14px 22px rgba(20,33,61,.15))}
.paragonKartka::before,.paragonKartka::after{content:'';position:absolute;left:0;right:0;height:10px}
.paragonKartka::before{top:-10px;background:linear-gradient(45deg,var(--tasma) 5px,transparent 0) 0 0/10px 10px repeat-x,linear-gradient(315deg,var(--tasma) 5px,transparent 0) 0 0/10px 10px repeat-x}
.paragonKartka::after{bottom:-10px;background:linear-gradient(135deg,var(--tasma) 5px,transparent 0) 0 0/10px 10px repeat-x,linear-gradient(225deg,var(--tasma) 5px,transparent 0) 0 0/10px 10px repeat-x}
.paragonNazwa{font:700 28px/1 var(--display);text-transform:uppercase;letter-spacing:.04em;text-align:center;margin:0 0 8px}
.paragonLinia{text-align:center;color:var(--mute);margin:0 0 20px}
.paragonSpis{list-style:none;margin:0 0 16px;padding:12px 0;border-top:2px dashed var(--linia)}
.paragonSpis a{display:flex;align-items:center;min-height:44px;text-decoration:none;border-bottom:1px dotted var(--linia)}
.paragonSpis li:last-child a{border-bottom:0}
.paragonSpis a:hover span{background:linear-gradient(transparent 60%,var(--marker) 60%)}
.paragonSpisCichy a{color:var(--mute)}
.paragonRazem{display:flex;align-items:baseline;gap:8px;border-top:2px dashed var(--linia);padding-top:16px;margin:0}
.paragonRazem span{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.paragonRazem i{flex:1;border-bottom:2px dotted var(--linia);transform:translateY(-4px)}
.paragonRazem b{font:600 20px var(--mono)}
.paragonDrobne{text-align:center;font-size:12px;line-height:1.7;color:var(--mute);margin:22px 0 0}
.paragonDrobne a{color:inherit}
.dolnyKlawisz{display:none}

/* Strony treści */
.tekstGlowa{padding:44px 0 6px}
.tekstGlowaWnetrze{max-width:var(--szer);margin:0 auto;padding:0 var(--ryn)}
.okruszki{display:flex;gap:10px;flex-wrap:wrap;font:500 12px var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.06em;margin-bottom:20px}
.okruszki a{text-decoration:none}
.okruszki a:hover{text-decoration:underline}
.tekstGlowa h1{font-size:clamp(40px,5.4vw,82px)}
.tekstGlowa .wstep{font-size:20px}
.tekstMeta{font:500 12px/1.5 var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.06em;margin:20px 0 0}
.tekstUklad{max-width:var(--szer);margin:0 auto;padding:30px var(--ryn) 80px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}
.kartka{background:var(--tasma);padding:50px 54px 58px;border-radius:4px;box-shadow:0 16px 30px rgba(20,33,61,.1);font-size:17px;line-height:1.72;min-width:0}
.kartka h2{font:700 clamp(28px,3vw,40px)/1.08 var(--display);margin:46px 0 16px}
.kartka section:first-child h2{margin-top:0}
.kartka section+section{margin-top:6px}
.kartka h3{font:600 20px/1.3 var(--tekst);margin:28px 0 10px}
.kartka p{margin:0 0 18px}
.kartka ul,.kartka ol{padding-left:24px;margin:0 0 18px}
.kartka li{margin-bottom:8px}
.kartka a{color:var(--dlugopis);text-decoration-thickness:2px}
.kartka .note{padding:20px 24px;background:#FFF8CC;border-left:6px solid var(--marker);margin:26px 0}
.kartka .note strong{display:block;font:600 14px var(--mono);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.kartka .note p{margin:0;font-size:16px}
.kartka .table-scroll{overflow-x:auto;margin:22px 0 28px}
.kartka table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5;text-align:left}
.kartka th{background:var(--atrament);color:#fff;font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:13px 16px}
.kartka td{padding:14px 16px;border-bottom:1px solid var(--biurko2);vertical-align:top}
.kartka td:first-child{font-weight:600}
.pytania{margin-top:50px;padding-top:26px;border-top:2px solid var(--atrament)}
.pytania h2{margin:0 0 14px!important}
.pytanie{border-bottom:1px solid var(--biurko2)}
.pytanie summary{cursor:pointer;font:600 17px/1.4 var(--tekst);min-height:48px;padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none}
.pytanie summary::-webkit-details-marker{display:none}
.pytanie summary::after{content:'+';flex:none;width:30px;height:30px;display:grid;place-items:center;background:var(--marker);border-radius:6px;font:600 22px/1 var(--mono)}
.pytanie[open] summary::after{content:'\2212'}
.pytanie p{padding:0 0 16px;margin:0;font-size:16px}
.bok{position:sticky;top:92px;display:flex;flex-direction:column;gap:30px}
.bokSpis ol{list-style:none;margin:0;border-top:2px solid var(--atrament);counter-reset:i}
.bokSpis li{counter-increment:i;border-bottom:1px solid var(--biurko2)}
.bokSpis a{display:flex;gap:10px;padding:11px 2px;min-height:44px;text-decoration:none;font-weight:600;font-size:14px;line-height:1.4}
.bokSpis a::before{content:counter(i,decimal-leading-zero);font:500 12px/1.7 var(--mono);color:var(--mute)}
.bokSpis a:hover{background:linear-gradient(transparent 62%,var(--marker) 62%)}
.bokTasma{position:relative;background:var(--tasma);padding:24px 22px 28px;display:flex;flex-direction:column;gap:12px;filter:drop-shadow(0 12px 18px rgba(20,33,61,.14));margin-bottom:10px}
.bokTasma::after{content:'';position:absolute;left:0;right:0;bottom:-10px;height:10px;background:linear-gradient(135deg,var(--tasma) 5px,transparent 0) 0 0/10px 10px repeat-x,linear-gradient(225deg,var(--tasma) 5px,transparent 0) 0 0/10px 10px repeat-x}
.bokTasma .etykieta{margin:0}
.bokKwota{font:600 24px/1.15 var(--mono);letter-spacing:-.02em}
.bokKwota span{font-size:.6em;color:var(--mute);font-weight:500}
.bokDrobne{font:500 12px/1.5 var(--mono);color:var(--mute)}
.prostaWnetrze{max-width:var(--szer);margin:0 auto;padding:56px var(--ryn) 90px;min-height:52vh}
.prostaWnetrze h1{font:700 clamp(38px,5vw,70px)/.98 var(--display);margin:0 0 20px}
.prostaPozycja{margin-top:26px}

/* Wejście: linie taśmy drukują się po kolei */
@keyframes druk{from{opacity:.15;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes drukLinia{from{clip-path:inset(0 0 100% 0);opacity:.2}to{clip-path:inset(0);opacity:1}}
@keyframes wejscie{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.jestGotowe .otwarcieTekst>*{animation:wejscie .6s cubic-bezier(.2,.7,.2,1) backwards}
.jestGotowe .otwarcieTekst>*:nth-child(2){animation-delay:.07s}
.jestGotowe .otwarcieTekst>*:nth-child(3){animation-delay:.14s}
.jestGotowe .otwarcieTekst>*:nth-child(4){animation-delay:.21s}
.jestGotowe .otwarcieTekst>*:nth-child(5){animation-delay:.28s}
.jestGotowe .kalkulator{animation:wejscie .7s .12s cubic-bezier(.2,.7,.2,1) backwards}
.jestGotowe #tasma .tasmaWiersz{animation:drukLinia .45s steps(8,end) backwards}
.jestGotowe #tasma .tasmaWiersz:nth-of-type(1){animation-delay:.35s}
.jestGotowe #tasma .tasmaWiersz:nth-of-type(2){animation-delay:.65s}
.jestGotowe #tasma .tasmaWiersz:nth-of-type(3){animation-delay:.95s}
.pozycje li,.spisLista li,.rachunekWnetrze,.zapytanieWnetrze,.rynekWnetrze{transition:opacity .5s ease,transform .5s ease}
.jestGotowe .pozycje li:not(.jestWidoczne),.jestGotowe .spisLista li:not(.jestWidoczne),.jestGotowe .rachunekWnetrze:not(.jestWidoczne),.jestGotowe .zapytanieWnetrze:not(.jestWidoczne),.jestGotowe .rynekWnetrze:not(.jestWidoczne){opacity:0;transform:translateY(14px)}

/* Węższe układy: bloki responsywne zawsze na końcu arkusza */
@media(max-width:1100px){
:root{--ryn:24px}
.otwarcie{gap:40px}
.rynekWnetrze{grid-template-columns:1fr 1fr;gap:20px 32px}
.rynekUwaga{grid-column:1/-1}
.tekstUklad{grid-template-columns:minmax(0,1fr) 270px;gap:32px}
.kartka{padding:40px 38px 46px}
.spisLista a{grid-template-columns:130px auto minmax(10px,1fr) auto}
}
@media(max-width:900px){
:root{--ryn:20px}
.pasekWnetrze{gap:14px;padding-block:10px}
.znakTekst{font-size:19px}
.znakRolka{width:34px;height:34px}
.pasekCta{display:none}
.menuPrzycisk{display:inline-flex;align-items:center;margin-left:auto;min-height:46px;padding:0 18px;background:var(--tasma);border:2px solid var(--atrament);border-radius:11px;font:600 14px var(--tekst);box-shadow:0 3px 0 var(--atrament);cursor:pointer}
.menuLinki{display:none;position:absolute;left:0;right:0;top:100%;margin:0;flex-direction:column;gap:0;background:var(--biurko);border-bottom:1px solid var(--biurko2);padding:6px 20px 14px;box-shadow:0 18px 24px rgba(20,33,61,.12)}
.menuLinki.jestOtwarte{display:flex}
.menuLinki a{min-height:52px;border-bottom:1px solid var(--biurko2);font-size:14px}
.otwarcie{grid-template-columns:1fr;padding:32px var(--ryn) 56px;gap:34px}
.otwarcieTekst h1{font-size:clamp(46px,13.4vw,76px)}
.otwarcieAkcje{margin:22px 0 20px}
.kalkulatorStopka{padding-top:26px}
.rynekWnetrze{grid-template-columns:1fr;padding-block:22px}
.rachunek{padding:56px 0}
.rachunekWnetrze{grid-template-columns:1fr;gap:34px}
.rachunekZdjecie img{height:280px}
.spis{padding:56px 0}
.spisLista a{grid-template-columns:1fr auto;gap:4px 14px;padding:18px 4px}
.spisTemat{grid-column:1/-1}
.spisKropki{display:none}
.spisCzas{grid-column:2;grid-row:2}
.zestawienie{padding:56px 0 64px}
.zestawUstawienia{padding:16px}
.zestawUstawienia .przyciskCichy{margin-left:0}
.ustawPole,.ustawPole input,.ustawPole select{width:100%;min-width:0}
.zestawTasmy{grid-template-columns:1fr;gap:34px}
.wykres{padding:18px 14px 14px}
.zapytanieWnetrze{grid-template-columns:1fr;gap:26px;padding-block:52px}
.tekstUklad{grid-template-columns:1fr;padding-bottom:56px}
.bok{position:static}
.kartka{padding:30px 20px 36px;border-radius:0;margin-inline:calc(var(--ryn) * -1)}
.paragon{padding-bottom:110px}
.dolnyKlawisz{display:block;position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--biurko);border-top:1px solid var(--biurko2);box-shadow:0 -10px 24px rgba(20,33,61,.12)}
}
@media(max-width:560px){
.otwarcieAkcje{flex-direction:column;align-items:stretch}
.otwarcieAkcje .klawisz{width:100%}
.otwarcieAkcje .linkCichy{justify-content:center}
.tasma{margin-inline:12px;padding:20px 16px 30px}
.tasmaOpis{max-width:16ch;font-size:12px}
.tasmaPole input{width:96px;font-size:17px}
.tasmaKwota{font-size:23px}
.kalkulatorStopka{flex-direction:column;align-items:stretch}
.zestawAkcje{flex-direction:column;align-items:stretch}
.zestawAkcje .klawisz{width:100%}
.zapytanieAkcja .klawisz{width:100%}
.paragonKartka{padding:34px 20px 38px}
.kartka th,.kartka td{padding:10px 12px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}
.jestGotowe .pozycje li:not(.jestWidoczne),.jestGotowe .spisLista li:not(.jestWidoczne),.jestGotowe .rachunekWnetrze:not(.jestWidoczne),.jestGotowe .zapytanieWnetrze:not(.jestWidoczne),.jestGotowe .rynekWnetrze:not(.jestWidoczne){opacity:1;transform:none}
}
@media print{
body{background:#fff;color:#111;font-size:11pt}
.pasek,.paragon,.zapytanie,.dolnyKlawisz,.bok,.okruszki,.rachunekZdjecie,.spis,.otwarcieAkcje,.zaufanie,.rynek,.kalkulatorStopka,.zestawAkcje,.przyciskCichy,.zestawUstawienia .przyciskCichy{display:none!important}
.otwarcie,.tekstUklad,.zestawTasmy{display:block}
.kalkulator{filter:none}
.tasma{margin:0 0 16px;border:1px solid #777}
.tasma::after,.bokTasma::after{display:none}
.kartka{box-shadow:none;padding:0}
.zestawRoznica{background:#eee}
tr,.note{break-inside:avoid}
}
.kartka .text-button{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;margin:0 0 18px;border:2px solid var(--atrament);background:var(--tasma);color:var(--atrament);font:600 13px var(--mono);text-transform:uppercase;letter-spacing:.06em;box-shadow:0 3px 0 var(--atrament);cursor:pointer;transition:transform .12s,box-shadow .12s,background .12s}
.kartka .text-button:hover{background:var(--marker)}
.kartka .text-button:active{transform:translateY(3px);box-shadow:0 0 0 var(--atrament)}
.kartka .text-button:focus-visible{outline:3px solid var(--dlugopis);outline-offset:3px}
@media print{.text-button{display:none!important}}

.kartka figure{margin:30px 0}
.kartka figure img{width:100%;height:auto;border:2px solid var(--atrament);background:#fff}
.kartka figcaption{margin-top:10px;font:500 12px/1.5 var(--mono);letter-spacing:.03em;color:var(--mute)}
.kartka .pl-lista-poradnikow{list-style:none;padding:0;margin:26px 0}
.kartka .pl-lista-poradnikow li{padding:16px 0;border-bottom:1px dashed var(--linia);margin:0}
.kartka .pl-lista-poradnikow a{font:700 21px/1.3 var(--display);text-decoration:none;color:var(--atrament)}
.kartka .pl-lista-poradnikow a:hover{text-decoration:underline;text-decoration-color:var(--marker);text-decoration-thickness:4px}
.kartka .pl-lista-poradnikow .pl-meta{display:block;margin-top:2px;font:500 12px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--mute)}
.kartka .pl-lista-poradnikow p{margin:6px 0 0;font-size:16px}