@font-face{font-family:'Brygada 1918';font-style:italic;font-weight:600;font-display:swap;src:url(/assets/fonty/Brygada1918-italic-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:'Brygada 1918';font-style:italic;font-weight:600;font-display:swap;src:url(/assets/fonty/Brygada1918-italic-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:'Brygada 1918';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonty/Brygada1918-normal-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:'Brygada 1918';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonty/Brygada1918-normal-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:'Brygada 1918';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonty/Brygada1918-normal-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:'Brygada 1918';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonty/Brygada1918-normal-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:'Hanken Grotesk';font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonty/HankenGrotesk-italic-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:'Hanken Grotesk';font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonty/HankenGrotesk-italic-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:'Hanken Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonty/HankenGrotesk-normal-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:'Hanken Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonty/HankenGrotesk-normal-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:'Hanken Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonty/HankenGrotesk-normal-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:'Hanken Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonty/HankenGrotesk-normal-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:'Hanken Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonty/HankenGrotesk-normal-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:'Hanken Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonty/HankenGrotesk-normal-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}
/* Karta Pytania — „Karta egzaminacyjna”, wersja śliwkowo-fioletowa (29.10 wieczór): Brygada 1918 + Hanken Grotesk. Projekt: https://claude.ai/artifact/G2w5oNwfiNc7gAbCx27gUB */
:root{
  --grafit:#22192B;--grafit-2:#2E2238;--grafit-linia:#3D3346;
  --kosc:#F7F3EE;--karta:#FFFDF9;--linia:#E3DBE6;--linia-2:#D3C8D9;--piasek:#EEE8EF;
  --tekst:#22192B;--tekst-2:#3D3346;--tekst-3:#5A5163;--jasny-tekst:#DCD3E2;--jasny-3:#A99FB2;
  --zloto:#D9A441;--zloto-tekst:#8A5A12;
  --fiolet:#6A2C91;--fiolet-ciemny:#4E1D6E;--fiolet-jasny:#B98BE0;--fiolet-mgla:#D7BDF0;--fiolet-tlo:#EEE4F6;--fiolet-pol:#CDB3E6;
  --miod-tlo:#F3E7CC;--miod-tekst:#6B4C10;
  --szeryf:'Brygada 1918',Georgia,'Times New Roman',serif;
  --sans:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  --szer:1200px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--kosc);color:var(--tekst);font:400 17px/1.6 var(--sans);font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}
img{max-width:100%;height:auto;display:block}
a{color:var(--fiolet)}a:hover{color:var(--fiolet-ciemny)}
:focus-visible{outline:3px solid var(--zloto);outline-offset:2px}
h1,h2,h3{font-family:var(--szeryf);font-weight:700;line-height:1.15;margin:0}
.ukryj{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kontener{max-width:var(--szer);margin:0 auto;padding-left:32px;padding-right:32px}
.skok{position:absolute;left:-9999px;top:0;background:var(--karta);color:var(--tekst);padding:10px 16px;z-index:99}.skok:focus{left:12px;top:12px}
.etykieta{font:500 13px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--zloto-tekst)}
.ciemne .etykieta{color:var(--zloto)}

/* nagłówek */
.naglowek{background:var(--grafit);color:var(--kosc);border-bottom:1px solid var(--grafit-linia)}
.naglowek .kontener{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;padding-top:14px;padding-bottom:14px}
.logo{display:flex;align-items:center;gap:12px;color:var(--kosc);text-decoration:none}
.logo:hover{color:var(--kosc)}
.logo__karta{display:inline-flex;align-items:center;justify-content:center;width:34px;height:42px;background:var(--karta);color:var(--grafit);border-top:5px solid var(--zloto);font:700 18px var(--szeryf)}
.logo__nazwa{font:700 24px var(--szeryf);letter-spacing:.01em}
.menu{display:flex;flex-wrap:wrap;gap:4px 26px;font-size:15px}
.menu a{color:var(--jasny-tekst);text-decoration:none;padding:10px 0;border-bottom:2px solid transparent}
.menu a:hover{color:var(--kosc)}
.menu a[aria-current]{color:var(--kosc);border-bottom-color:var(--zloto)}
.menu-tel{display:none}
@media (max-width:900px){
  .kontener{padding-left:16px;padding-right:16px}
  .logo__karta{width:28px;height:36px;font-size:15px;border-top-width:4px}.logo__nazwa{font-size:20px}
  .menu{display:none}
  .menu-tel{display:block}
  .menu-tel summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--grafit-linia);border-radius:6px;cursor:pointer;color:var(--kosc)}
  .menu-tel summary::-webkit-details-marker{display:none}
  .menu-tel[open] .menu{display:flex;flex-direction:column;gap:0;width:100%;padding:8px 0 4px}
  .menu-tel[open]{width:100%;display:flex;flex-direction:column;align-items:flex-end}
  .menu-tel[open] .menu a{padding:12px 0;border-bottom:1px solid var(--grafit-linia);width:100%}
}

/* przyciski */
.przycisk{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:6px;font:600 16px var(--sans);text-decoration:none;cursor:pointer;border:0}
.przycisk--glowny{background:var(--fiolet-jasny);color:#1A1020}.przycisk--glowny:hover{background:var(--fiolet-mgla);color:#1A1020}
.przycisk--zielony{background:var(--fiolet);color:var(--karta)}.przycisk--zielony:hover{background:var(--fiolet-ciemny);color:var(--karta)}
.przycisk--zloty{border:1px solid var(--zloto);color:var(--kosc);background:transparent;font-weight:500}.przycisk--zloty:hover{color:var(--kosc);background:var(--grafit-2)}
.przycisk--obrys{border:1px solid var(--grafit);color:var(--grafit);background:transparent;min-height:48px}.przycisk--obrys:hover{background:var(--piasek);color:var(--grafit)}

/* hero */
.hero{background:var(--grafit);color:var(--kosc)}
.hero .kontener{display:flex;flex-wrap:wrap;gap:56px;align-items:center;padding-top:72px;padding-bottom:88px}
.hero__tekst{flex:1 1 520px;min-width:0}
.hero h1{font-size:64px;line-height:1.04}
.hero__lead{margin:24px 0 0;font-size:19px;line-height:1.6;color:var(--jasny-tekst);max-width:560px}
.hero__przyciski{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.hero__zrodlo{margin:26px 0 0;font-size:14px;color:var(--jasny-3)}
.hero__karta-wrap{flex:1 1 380px;min-width:0;display:flex;justify-content:center}
.kartonik-wrap{position:relative;width:100%;max-width:420px}
.kartonik{display:block;background:var(--karta);color:var(--grafit);border-top:10px solid var(--zloto);border-radius:4px;padding:30px 32px 28px;transform:rotate(-2deg);box-shadow:0 24px 48px rgba(0,0,0,.35);text-decoration:none}
.kartonik:hover{color:var(--grafit);transform:rotate(-1deg)}
.kartonik__gora{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--linia);padding-bottom:14px}
.kartonik__nr{font:700 56px/.9 var(--szeryf)}
.kartonik__tytul{margin:18px 0 8px;font:700 26px/1.2 var(--szeryf)}
.kartonik__polecenie{margin:0;font-size:15px;line-height:1.55;color:var(--tekst-2)}
.kartonik__kroki{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:22px}
.kartonik__kroki span{background:var(--fiolet-tlo);color:var(--fiolet-ciemny);font-size:12px;font-weight:600;text-align:center;padding:8px 4px;border-radius:3px}
.stoper{position:absolute;right:-14px;bottom:-62px;background:var(--grafit-2);border:1px solid var(--zloto);border-radius:10px;padding:14px 20px;text-align:center;box-shadow:0 12px 24px rgba(0,0,0,.4)}
.stoper__czas{font:700 44px/1 var(--szeryf);color:var(--kosc);font-variant-numeric:tabular-nums}
.stoper__opis{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--zloto);margin-top:6px}
@media (max-width:900px){
  .hero .kontener{padding-top:28px;padding-bottom:64px;gap:34px}
  .hero h1{font-size:42px;line-height:1.05}
  .hero__lead{font-size:17px}
  .hero__przyciski{flex-direction:column}.hero__przyciski .przycisk{width:100%}
  .kartonik{padding:20px 20px 22px;border-top-width:8px}
  .kartonik__nr{font-size:40px}.kartonik__tytul{font-size:21px}
  .stoper{right:4px;bottom:-36px;padding:8px 14px}.stoper__czas{font-size:30px}
  .hero__zrodlo{margin-top:52px;font-size:13px}
}

/* sekcje */
.sekcja{padding-top:64px;padding-bottom:24px}
.sekcja h2{font-size:40px}
.sekcja__lead{margin:10px 0 0;font-size:17px;color:var(--tekst-3)}
.sekcja__gora{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px}
@media (max-width:900px){.sekcja{padding-top:36px}.sekcja h2{font-size:30px}}

.przelacznik{display:inline-flex;background:var(--piasek);border-radius:8px;padding:4px}
.przelacznik a{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:6px;color:var(--grafit);text-decoration:none;font-weight:500;font-size:15px}
.przelacznik a[aria-current]{background:var(--grafit);color:var(--kosc);font-weight:600}
@media (max-width:900px){.przelacznik{display:flex;width:100%}.przelacznik a{flex:1;justify-content:center}}

.filtry{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:30px}
.szukaj{flex:1 1 280px;min-width:0;min-height:48px;padding:0 16px;border:1px solid var(--linia-2);border-radius:6px;background:var(--karta);font:400 16px var(--sans);color:var(--tekst)}
.chipy{display:flex;flex-wrap:wrap;gap:8px}
.chip{min-height:44px;padding:0 16px;border-radius:999px;font:500 14px var(--sans);cursor:pointer;background:transparent;color:var(--grafit);border:1px solid var(--linia-2)}
.chip[aria-pressed=true]{background:var(--fiolet);color:var(--karta);border-color:var(--fiolet)}
@media (max-width:900px){.chipy{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:0 16px 6px;width:calc(100% + 32px)}.chip{flex:0 0 auto}}
.brak-wynikow{margin-top:24px;color:var(--tekst-3)}

/* siatka kart */
.siatka{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:30px}
.karta{display:flex;flex-direction:column;gap:10px;min-height:210px;background:var(--karta);border:1px solid var(--linia);border-top:4px solid var(--zloto);border-radius:4px;padding:20px 22px;color:var(--grafit);text-decoration:none}
.karta:hover{color:var(--grafit);border-color:var(--linia-2);border-top-color:var(--fiolet)}
.karta__gora{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.karta__nr{font:700 44px/.9 var(--szeryf)}
.karta__tytul{font:700 21px/1.25 var(--szeryf)}
.karta__lektura{margin-top:auto;font-size:14px;color:var(--tekst-3)}
@media (max-width:600px){
  .siatka{grid-template-columns:1fr;gap:12px;margin-top:16px}
  .karta{min-height:0;display:grid;grid-template-columns:44px 1fr;column-gap:14px;row-gap:6px;padding:14px 16px}
  .karta__gora{display:contents}
  .karta__nr{grid-row:1/span 3;font-size:34px;line-height:1}
  .karta__tytul{grid-column:2;font-size:18px}
  .karta__lektura{grid-column:2;margin-top:0;font-size:13px}
  .karta .odznaka{grid-column:2;grid-row:3;justify-self:start}
}
.odznaka{font-size:12px;font-weight:600;padding:5px 9px;border-radius:999px;white-space:nowrap;line-height:1.2}
.odznaka--zostaje{background:var(--fiolet-tlo);color:var(--fiolet-ciemny)}
.odznaka--zmienione{background:var(--miod-tlo);color:var(--miod-tekst)}
.odznaka--wypada{background:var(--piasek);color:var(--tekst-2)}
.odznaka--nowe{background:var(--grafit);color:var(--kosc)}
.wiecej{margin:24px 0 0;text-align:center}

/* narzędzia */
.narzedzia{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:28px}
.narzedzie{display:flex;flex-direction:column;gap:14px;background:var(--karta);border:1px solid var(--linia);border-radius:6px;padding:26px;color:var(--grafit);text-decoration:none}
.narzedzie:hover{color:var(--grafit);border-color:var(--fiolet)}
.narzedzie__tytul{font:700 25px/1.2 var(--szeryf)}
.narzedzie__opis{font-size:15px;line-height:1.55;color:var(--tekst-2)}
.mini-mapa{display:grid;grid-template-columns:96px repeat(6,minmax(0,1fr));gap:4px;font-size:11px;color:var(--tekst-3)}
.mini-mapa span{text-align:center}.mini-mapa .m-l{text-align:left}
.mini-mapa i{height:18px;border-radius:2px;background:var(--piasek)}
.mini-mapa i.m1{background:var(--fiolet-pol)}.mini-mapa i.m2{background:var(--fiolet)}
.licznik{display:flex;align-items:baseline;gap:10px}
.licznik b{font:700 64px/1 var(--szeryf);color:var(--fiolet);font-variant-numeric:tabular-nums}
.bilans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.bilans span{padding:10px 12px;border-radius:4px;font-size:14px}
.bilans b{display:block;font:700 26px var(--szeryf)}

/* ciemny pas liczb */
.ciemne{background:var(--grafit);color:var(--kosc)}
.ciemne a{color:var(--fiolet-mgla)}.ciemne a:hover{color:#E6D4F7}
.liczby{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:36px}
.liczba{border-top:2px solid var(--zloto);padding-top:18px}
.liczba__w{font:700 72px/1 var(--szeryf);font-variant-numeric:tabular-nums}
.liczba__w small{font-size:28px;color:var(--zloto)}
.liczba p{margin:10px 0 0;font-size:16px;line-height:1.55;color:var(--jasny-tekst)}
.pas{padding-top:64px;padding-bottom:64px}
.pas h2{font-size:40px}
.pas__lead{margin:12px 0 0;font-size:17px;color:var(--jasny-tekst);max-width:680px}
@media (max-width:900px){.pas{padding-top:36px;padding-bottom:36px}.pas h2{font-size:28px}.liczba__w{font-size:48px}.liczba__w small{font-size:18px}.liczby{gap:18px;margin-top:20px}}

/* produkt */
.produkt{display:flex;flex-wrap:wrap;gap:32px;align-items:center;background:var(--karta);border:1px solid var(--linia);border-radius:6px;padding:32px}
.produkt__okladka{flex:0 0 140px}
.produkt__okladka img{width:140px;height:auto;border:1px solid var(--linia)}
.produkt__tekst{flex:1 1 420px;min-width:0}
.produkt h2{font-size:30px}
.produkt p{margin:10px 0 0;font-size:16px;line-height:1.6;color:var(--tekst-2)}
@media (max-width:600px){.produkt{padding:20px;gap:14px}.produkt__okladka{flex-basis:74px}.produkt__okladka img{width:74px}.produkt__tekst{flex-basis:200px}.produkt h2{font-size:21px}.produkt .przycisk{width:100%}}

/* komplet — mocne CTA (pakiet na pierwszym miejscu) */
.komplet{display:grid;grid-template-columns:auto 1fr auto;gap:18px 28px;align-items:center;background:var(--grafit);color:var(--kosc);border-radius:8px;padding:26px 30px;border-top:5px solid var(--zloto)}
.komplet__okladka{width:96px;height:auto;border-radius:3px;box-shadow:0 8px 18px rgba(0,0,0,.35)}
.komplet__tekst{min-width:0}
.komplet__tekst p{margin:0}
.komplet__etykieta{font:600 12px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--zloto)}
.komplet__tytul{margin-top:6px!important;font:700 26px/1.2 var(--szeryf)}
.komplet__opis{margin-top:6px!important;font-size:15px;color:var(--jasny-tekst)}
.komplet__cena{margin-top:10px!important;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.komplet__cena s{color:var(--jasny-3);font-size:17px}
.komplet__cena b{font:700 34px/1 var(--szeryf);color:#fff}
.komplet__cena span{background:var(--zloto);color:#1A1020;font:700 14px var(--sans);padding:4px 9px;border-radius:999px}
.komplet__oszczednosc{margin-top:4px!important;font-size:14px;color:var(--jasny-3)}
.komplet__przycisk{background:var(--zloto);color:#1A1020;font-size:17px;white-space:nowrap;min-height:56px}
.komplet__przycisk:hover{background:#E8BB66;color:#1A1020}
.komplet__inny{grid-column:1/-1;margin:0;font-size:14px;color:var(--jasny-tekst);border-top:1px solid var(--grafit-linia);padding-top:12px}
.komplet a:not(.przycisk){color:var(--fiolet-mgla)}
@media (max-width:900px){.komplet{grid-template-columns:1fr;padding:20px}.komplet__okladka{display:none}.komplet__tytul{font-size:20px}.komplet__przycisk{grid-column:1/-1;width:100%;white-space:normal}.komplet__cena b{font-size:28px}}

/* FAQ */
.faq{margin-top:24px;display:flex;flex-direction:column;gap:10px}
.faq details{background:var(--karta);border:1px solid var(--linia);border-radius:6px;padding:0 20px}
.faq summary{cursor:pointer;padding:16px 0;font:700 19px/1.3 var(--szeryf);min-height:44px}
.faq details p{margin:0 0 16px;color:var(--tekst-2)}

/* okruszki */
.okruszki{padding-top:22px;font-size:14px;color:var(--tekst-3)}
.okruszki ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.okruszki li+li::before{content:"›";margin-right:8px}
.okruszki a{color:var(--tekst-2)}

/* karta pytania */
.pk-gora{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start;padding-top:28px;padding-bottom:8px}
.pk-numer{flex:0 0 150px;background:var(--karta);border:1px solid var(--linia);border-top:10px solid var(--zloto);border-radius:4px;padding:16px 0 20px;text-align:center}
.pk-numer span{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--tekst-3)}
.pk-numer b{display:block;font:700 96px/1 var(--szeryf)}
.pk-glowa{flex:1 1 560px;min-width:0}
.pk-tagi{display:flex;flex-wrap:wrap;gap:8px}
.tag{font-size:13px;font-weight:500;padding:6px 12px;border-radius:999px;border:1px solid var(--linia-2);color:var(--tekst-2);text-decoration:none}
a.tag:hover{border-color:var(--fiolet);color:var(--fiolet-ciemny)}
.pk-glowa h1{margin-top:16px;font-size:54px;line-height:1.08}
.polecenie{margin:24px 0 0;background:var(--karta);border:1px solid var(--linia);border-radius:4px;padding:20px 24px}
.polecenie figcaption{margin-bottom:8px}
.polecenie blockquote{margin:0;font-size:18px;line-height:1.6}
.pk-uklad{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start;padding-top:40px;padding-bottom:64px}
.pk-tresc{flex:999 1 600px;min-width:0}
.pk-tresc h2{font-size:36px}
.pk-tresc h2.mniejszy{font-size:28px}
.pk-lead{margin:8px 0 26px;font-size:16px;color:var(--tekst-3)}
.kroki{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.krok{display:flex;gap:22px;background:var(--karta);border:1px solid var(--linia);border-radius:6px;padding:24px 26px}
.krok__bok{flex:0 0 64px;text-align:center}
.krok__rzym{font:700 40px/1 var(--szeryf);color:var(--fiolet)}
.krok__czas{font-size:13px;color:var(--tekst-3);margin-top:6px;font-variant-numeric:tabular-nums}
.krok__srodek{flex:1 1 auto;min-width:0}
.krok h3{font:500 13px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--zloto-tekst)}
.krok__mysl{margin:8px 0 0;font:700 22px/1.3 var(--szeryf)}
.krok__opis{margin:10px 0 0;font-size:16px;line-height:1.65;color:var(--tekst-2)}
.krok__zdanie{margin:14px 0 0;padding:12px 16px;background:var(--kosc);border-radius:4px;font-size:15px;line-height:1.6}
.krok__zdanie b{color:var(--fiolet-ciemny)}
.konteksty{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:18px}
.kontekst{background:var(--karta);border:1px solid var(--linia);border-radius:6px;padding:20px}
.kontekst__typ{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fiolet-ciemny)}
.kontekst__tytul{margin:8px 0 6px;font:700 20px/1.25 var(--szeryf)}
.kontekst p{margin:0;font-size:15px;line-height:1.6;color:var(--tekst-2)}
.dwie{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:48px}
.dwie ul{margin:0;padding:0 0 0 20px;font-size:16px;line-height:1.65;color:var(--tekst-2)}
.dwie li+li{margin-top:6px}
.dwie dl{margin:0;font-size:16px;line-height:1.6}
.dwie dt{font-weight:600}.dwie dd{margin:2px 0 12px;color:var(--tekst-2)}
.pk-bok{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:20px}
.pudlo{background:var(--karta);border:1px solid var(--linia);border-radius:6px;padding:22px}
.pudlo h2{font:500 13px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--zloto-tekst);margin-bottom:10px}
.pudlo ul{list-style:none;margin:0;padding:0;font-size:15px;line-height:1.5;display:flex;flex-direction:column;gap:10px}
.pudlo__tytul{margin:8px 0 0;font:700 21px/1.25 var(--szeryf)}
.pudlo p{margin:8px 0 14px;font-size:15px;line-height:1.55;color:var(--tekst-2)}
.pudlo .przycisk{width:100%;min-height:48px}
.mapa-czasu{background:var(--grafit);color:var(--kosc);border-radius:6px;padding:24px}
.mapa-czasu__czas{font:700 56px/1.05 var(--szeryf);margin-top:6px;font-variant-numeric:tabular-nums}
.mapa-czasu__pasek{display:flex;gap:3px;margin-top:14px;height:12px}
.mapa-czasu__pasek span{border-radius:2px}
.mapa-czasu ul{list-style:none;margin:14px 0 0;padding:0;font-size:14px;line-height:1.9;color:var(--jasny-tekst)}
.mapa-czasu li.teraz{color:var(--kosc);font-weight:600}
.mapa-czasu button{margin-top:16px;width:100%;min-height:48px;border:1px solid var(--zloto);background:transparent;color:var(--kosc);border-radius:6px;font:600 15px var(--sans);cursor:pointer}
.mapa-czasu button:hover{background:var(--grafit-2)}
.sasiedzi{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-bottom:56px}
.sasiedzi a{display:flex;flex-direction:column;min-height:44px;color:var(--grafit);text-decoration:none;max-width:48%}
.sasiedzi a:hover .s-t{color:var(--fiolet)}
.sasiedzi .s-n{font-size:13px;color:var(--tekst-3)}
.sasiedzi .s-t{font:700 19px/1.3 var(--szeryf)}
.sasiedzi a.nast{align-items:flex-end;text-align:right;margin-left:auto}
@media (max-width:900px){
  .pk-gora{display:grid;grid-template-columns:84px 1fr;column-gap:14px;row-gap:0;padding-top:18px;align-items:center}
  .pk-glowa{display:contents}.pk-glowa h1,.pk-glowa .polecenie{grid-column:1/-1}
  .pk-numer{flex-basis:84px;border-top-width:7px;padding:8px 0 10px}
  .pk-numer span{font-size:10px}.pk-numer b{font-size:52px}
  .pk-glowa{flex-basis:200px}
  .pk-glowa h1{font-size:36px;line-height:1.1}
  .polecenie{padding:14px 16px}.polecenie blockquote{font-size:16px}
  .pk-uklad{padding-top:24px;gap:30px;flex-direction:column}
  .pk-bok{order:-1;width:100%;flex-basis:auto}
  .pk-bok .pudlo{display:none}
  .pk-tresc h2{font-size:28px}.pk-tresc h2.mniejszy{font-size:24px}
  .krok{flex-direction:column;gap:8px;padding:18px}
  .krok__bok{display:flex;align-items:baseline;gap:12px;text-align:left;flex-basis:auto}
  .krok__rzym{font-size:32px}.krok__czas{margin:0 0 0 auto}
  .krok__mysl{font-size:19px}
  .mapa-czasu{padding:16px 18px}.mapa-czasu__czas{font-size:40px}
  .mapa-czasu ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));font-size:12px;line-height:1.6;gap:2px 8px}
  .sasiedzi a{max-width:none;flex:1 1 140px;padding:12px;border:1px solid var(--linia-2);border-radius:6px}
}
.pk-bok-dol{display:none}
@media (max-width:900px){.pk-bok-dol{display:flex;flex-direction:column;gap:14px;margin-top:30px}}

/* strony tekstowe */
.tekst{max-width:780px}
.tekst h1{font-size:54px;line-height:1.08;margin-top:24px}
.tekst h2{font-size:32px;margin-top:44px}
.tekst h3{font-size:22px;margin-top:28px}
.tekst p,.tekst li{color:var(--tekst-2)}
.tekst .lead{font-size:19px;color:var(--tekst-2)}
.tabela-wrap{overflow-x:auto;margin-top:18px;border:1px solid var(--linia);border-radius:6px;background:var(--karta)}
table{border-collapse:collapse;width:100%;font-size:15px}
th,td{padding:10px 12px;border-bottom:1px solid var(--linia);text-align:left;vertical-align:top}
th{font-weight:600;background:var(--piasek)}
@media (max-width:900px){.tekst h1{font-size:36px}.tekst h2{font-size:26px}}

/* mapa lektur */
.mapa{border-collapse:separate;border-spacing:3px;font-size:13px;min-width:860px}
.mapa th{background:none;border:0;padding:4px;font-weight:500;color:var(--tekst-3);vertical-align:bottom}
.tekst.szeroka{max-width:none}.tekst.szeroka>p,.tekst.szeroka>h1,.tekst.szeroka>h2,.tekst.szeroka>h3,.tekst.szeroka>ul{max-width:780px}
.mapa thead th{writing-mode:vertical-rl;transform:rotate(180deg);height:118px;text-align:left;white-space:nowrap}
.mapa thead th a{color:var(--tekst-2);text-decoration:none}.mapa thead th a:hover{color:var(--fiolet)}
.mapa tbody th{position:sticky;left:0;background:var(--kosc);z-index:1;padding-right:10px}
.mapa tbody th{white-space:nowrap;text-align:left;color:var(--tekst)}
.mapa td{border:0;padding:0}
.mapa td button,.mapa td span{display:block;width:100%;min-width:34px;height:34px;border:0;border-radius:3px;background:var(--piasek);font:600 13px var(--sans);color:var(--tekst);cursor:pointer}
.mapa td .p1{background:var(--fiolet-pol)}
.mapa td .p2{background:var(--fiolet);color:var(--karta)}
.mapa td .p3{background:var(--fiolet-ciemny);color:var(--karta)}
.mapa td button[aria-pressed=true]{outline:3px solid var(--zloto);outline-offset:1px}
.legenda{display:flex;flex-wrap:wrap;gap:14px;font-size:14px;color:var(--tekst-3);margin-top:12px}
.legenda i{display:inline-block;width:16px;height:16px;border-radius:3px;vertical-align:-3px;margin-right:6px;background:var(--piasek)}
.wynik-mapy{margin-top:20px;background:var(--karta);border:1px solid var(--linia);border-radius:6px;padding:22px}
.wynik-mapy h2{font-size:26px}

/* plan powtórek */
.plan-form{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;background:var(--karta);border:1px solid var(--linia);border-radius:6px;padding:24px;margin-top:28px}
.plan-form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:15px}
.plan-form input,.plan-form select{min-height:48px;padding:0 12px;border:1px solid var(--linia-2);border-radius:6px;background:#fff;font:400 16px var(--sans);color:var(--tekst)}
.plan-dni{display:flex;flex-wrap:wrap;gap:6px}
.plan-dni label{flex-direction:row;align-items:center;gap:6px;font-weight:500;min-height:44px;padding:0 12px;border:1px solid var(--linia-2);border-radius:999px;cursor:pointer}
.plan-podsumowanie{margin-top:24px;display:flex;flex-wrap:wrap;gap:24px;align-items:baseline}
.plan-podsumowanie b{font:700 56px/1 var(--szeryf);color:var(--fiolet)}
.plan-lista{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.plan-dzien{background:var(--karta);border:1px solid var(--linia);border-radius:6px;padding:14px 18px;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline}
.plan-dzien__data{flex:0 0 200px;font:700 18px var(--szeryf)}
.plan-dzien__karty{flex:1 1 300px;display:flex;flex-direction:column;gap:6px}
.plan-dzien label{display:flex;gap:10px;align-items:flex-start;cursor:pointer;min-height:32px}
.plan-dzien input{width:20px;height:20px;margin-top:3px;accent-color:var(--fiolet)}
.plan-dzien.powtorka{border-left:4px solid var(--zloto)}
.plan-dzien.zrobione{opacity:.65}

/* porównanie */
.porownanie td:first-child,.porownanie th:first-child{width:70px}
.bilans-duzy{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}
.bilans-duzy span{padding:16px;border-radius:6px;font-size:15px}
.bilans-duzy b{display:block;font:700 44px/1 var(--szeryf);margin-bottom:6px}
@media (max-width:700px){.bilans-duzy{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* lektura */
.lektura-fakty{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:20px}
.lektura-fakty div{background:var(--karta);border:1px solid var(--linia);border-radius:6px;padding:18px}
.lektura-fakty b{display:block;font:700 18px/1.3 var(--szeryf);margin-bottom:6px}
.lektura-fakty p{margin:0;font-size:15px;color:var(--tekst-2)}

/* stopka */
.stopka{border-top:1px solid var(--linia);margin-top:24px}
.stopka .kontener{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:32px;padding-bottom:40px;font-size:14px;color:var(--tekst-3)}
.stopka nav{display:flex;gap:22px}
.stopka a{color:var(--tekst-2);display:inline-block;padding:10px 0}

@media print{
  .naglowek,.stopka,.hero__przyciski,.plan-form,.zgoda,.pk-bok,.sasiedzi,.przycisk{display:none!important}
  body{background:#fff;font-size:12pt}
  .plan-dzien,.krok{break-inside:avoid;border-color:#999}
}