/* Kalendarz Drugoklasisty — sprawdziany-klasa-2.pl (projekt Design 29.10.2026) */
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:600 800;font-display:swap;src:url(/assets/fonty/bricolage-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:"Bricolage Grotesque";font-style:normal;font-weight:600 800;font-display:swap;src:url(/assets/fonty/bricolage-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:"Figtree";font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonty/figtree-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:"Figtree";font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonty/figtree-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{--granat:#1F2A55;--granat2:#34406A;--szary:#4A5578;--pom:#F07A1A;--pom-c:#C4510C;--tur:#1FA3A3;--tur-c:#0B7A78;--roz:#F4A3BF;--roz-c:#8A1F45;
--t-pom:#FFE8D6;--t-tur:#D9F2F0;--t-gra:#E7EAF4;--t-roz:#FDE4EC;--tlo:#F5F8FA;--disp:"Bricolage Grotesque",system-ui,sans-serif;--r:16px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--tlo);color:var(--granat);font:400 17px/1.6 Figtree,system-ui,-apple-system,"Segoe UI",sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--granat)}a:hover{color:var(--pom-c)}
h1,h2,h3{font-family:var(--disp);font-weight:800;line-height:1.08;margin:0}
.wrap{max-width:1180px;margin:0 auto;padding-left:24px;padding-right:24px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pomin{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 12px;z-index:60}.pomin:focus{left:8px}
:focus-visible{outline:3px solid var(--pom);outline-offset:2px}

/* nagłówek */
.naglowek{background:#fff;border-bottom:3px solid var(--granat)}
.naglowek__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;padding-top:12px;padding-bottom:12px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--granat)}
.logo__tekst{display:flex;flex-direction:column;line-height:1.1}
.logo__tekst b{font:800 23px/1.05 var(--disp);letter-spacing:-.5px}.logo__tekst b span{color:var(--pom-c)}
.logo__tekst small{font-size:13px;color:var(--szary)}
.menu{display:flex;flex-wrap:wrap;gap:4px;font-size:15px;font-weight:600}
.menu a{padding:10px 14px;border-radius:999px;text-decoration:none}
.menu a:hover{background:var(--t-gra);color:var(--granat)}
.menu a[aria-current]{background:var(--granat);color:#fff}
.menu-przycisk{display:none;width:46px;height:46px;border-radius:12px;border:2px solid var(--granat);background:#fff;color:var(--granat);align-items:center;justify-content:center;cursor:pointer}
.okruchy{font-size:14px;color:var(--szary);padding-top:16px}
.okruchy a{color:var(--szary)}

/* znak (logo): kartka kalendarza z cyfrą 2, zagięty róg, przypinka „zaliczone” */
.znak{position:relative;width:50px;height:55px;flex:none;display:block}
.znak__k{position:absolute;top:0;width:7px;height:13px;border-radius:4px;background:var(--granat);box-shadow:0 0 0 2px #fff;z-index:2}
.znak__k--l{left:11px}.znak__k--p{right:11px}
.znak__kartka{position:absolute;top:5px;left:0;width:50px;height:50px;border:3px solid var(--granat);border-radius:10px;background:#fff;overflow:hidden;display:flex;flex-direction:column}
.znak__pasek{height:12px;background:var(--pom);border-bottom:3px solid var(--granat);flex:none}
.znak__kartka b{flex:1;display:flex;align-items:center;justify-content:center;font:800 32px/1 var(--disp);color:var(--granat)}
.znak__rog{position:absolute;right:-1px;bottom:-1px;width:13px;height:13px;background:linear-gradient(315deg,#fff 0 44%,var(--granat) 44% 58%,var(--roz) 58%)}
.znak__pin{position:absolute;left:-6px;bottom:-4px;width:20px;height:20px;border-radius:50%;background:var(--tur);border:2.5px solid var(--granat);display:flex;align-items:center;justify-content:center;z-index:3}
.znak__pin svg{width:10px;height:10px}
.znak--ciemny .znak__k{background:#fff;box-shadow:0 0 0 2px var(--granat)}
.znak--ciemny .znak__kartka{border-color:#fff}.znak--ciemny .znak__rog{display:none}.znak--ciemny .znak__pin{border-color:#fff}

/* typografia */
.h1{font-size:clamp(34px,5vw,56px);letter-spacing:-1px;line-height:1.03}
.h1--mies{font-size:clamp(30px,4.2vw,48px);letter-spacing:-.8px}
.h2{font-size:clamp(26px,3vw,36px);margin-bottom:18px}
.h3{font-size:22px;margin-bottom:12px}
.lead{font-size:clamp(17px,1.6vw,19px);line-height:1.6;color:var(--granat2);max-width:660px;margin:0}
.nadtytul{font-weight:700;font-size:15px}.nadtytul--turkus{color:var(--tur-c)}.nadtytul--roz{color:var(--roz-c)}
.pigulka{align-self:flex-start;display:inline-block;font-weight:700;font-size:14px;padding:7px 14px;border-radius:999px;background:var(--t-gra)}
.pigulka--roz{background:var(--t-roz);color:var(--roz-c)}.pigulka--turkus{background:var(--t-tur);color:var(--tur-c)}
.przypis{font-size:15px;color:var(--szary);margin:14px 0 0}
.tekst p{max-width:760px}
.link-mocny{font-weight:700;color:var(--pom-c)}

/* kolory */
.kolor-0{background:var(--pom);color:var(--granat)}.kolor-1{background:var(--tur);color:var(--granat)}.kolor-2{background:var(--granat);color:#fff}.kolor-3{background:var(--roz);color:var(--granat)}
.t-mat{background:var(--t-pom)}.t-pol{background:var(--t-tur)}.t-prz{background:var(--t-gra)}.t-spo{background:var(--t-roz)}

/* przyciski */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:700 16px/1.2 Figtree,sans-serif;padding:14px 22px;border-radius:14px;text-decoration:none;border:2px solid transparent;cursor:pointer;text-align:center}
.btn--glowny{background:var(--pom-c);color:#fff;box-shadow:0 4px 0 var(--granat);font-size:17px}
.btn--glowny:hover{color:#fff;background:#A9450A}
.btn--obrys{background:#fff;border-color:var(--granat);color:var(--granat)}
.btn--granat{background:var(--granat);color:#fff}.btn--granat:hover{background:#2E3B6E;color:#fff}
.btn--kup{background:var(--pom-c);color:#fff;padding:11px 16px;border-radius:10px;font-size:15px}.btn--kup:hover{background:#A9450A;color:#fff}
.btn--jasny{background:#fff;border-color:var(--granat);color:var(--granat);padding:9px 14px;border-radius:10px;font-size:14px}
.przyciski{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.link-przycisk{font:inherit;color:#fff;background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}

/* hero główna */
.hero{display:flex;flex-wrap:wrap;gap:48px;align-items:center;padding-top:52px;padding-bottom:40px}
.hero__tekst{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:20px}
.hero__kartka{flex:1 1 340px;display:flex;justify-content:center;position:relative}
.hero__kartka .kartka{width:100%;max-width:360px}
.hero__odznaka{position:absolute;right:max(0px,calc(50% - 236px));bottom:-58px;transform:rotate(-8deg)}

/* kartka kalendarza */
.kartka{position:relative;background:#fff;border:3px solid var(--granat);border-radius:22px;box-shadow:8px 10px 0 var(--tur)}
.kartka__kolka{position:absolute;top:-13px;left:0;right:0;display:flex;justify-content:space-around}
.kartka__kolka i{width:16px;height:30px;border-radius:8px;background:var(--granat);box-shadow:0 0 0 3px #fff}
.kartka__glowa{display:flex;justify-content:space-between;align-items:flex-end;padding:22px 24px 12px;border-bottom:3px solid var(--granat);border-radius:19px 19px 0 0}
.kartka__glowa b{font:800 32px/1 var(--disp);letter-spacing:1px}
.kartka__glowa span{font-size:14px;font-weight:700}
.kartka__cialo{padding:18px 24px 22px;display:flex;flex-direction:column;gap:12px}
.kartka__rzad{display:flex;align-items:center;gap:16px;font-size:15px;line-height:1.45;color:var(--granat2)}
.kartka__cyfra{font:800 92px/.9 var(--disp);color:var(--granat)}
.kartka__edu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;font-size:13px;font-weight:700}
.kartka__edu span{padding:8px 10px;border-radius:10px}
.kartka--mala{flex:0 0 240px;box-shadow:7px 8px 0 var(--tur);display:flex;flex-direction:column}
.kartka--mala .kartka__glowa{padding:20px 18px 10px}.kartka--mala .kartka__glowa b{font-size:26px}
.kartka__srodek{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;font-size:14px;font-weight:700;color:var(--szary)}
.kartka__cyfra--duza{font-size:120px}

/* odznaka (tymczasowa, CSS) */
.odznaka{width:112px;height:112px;border-radius:50%;border:3px solid var(--granat);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.05;box-shadow:inset 0 0 0 6px #fff,inset 0 0 0 8px var(--granat);flex:none}
.odznaka--0{background:var(--pom)}.odznaka--1{background:var(--tur)}.odznaka--2{background:var(--roz)}.odznaka--3{background:var(--roz)}
.odznaka__rzym{font:800 26px/1 var(--disp)}.odznaka__txt{font:800 13px/1.1 var(--disp);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.odznaka__ok{font-size:11px;font-weight:700}

/* sekcje */
.sekcja{padding-top:36px;padding-bottom:44px}
.sekcja__gora{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 16px;margin-bottom:22px}.sekcja__gora .h2{margin:0}
.sekcja__dopisek{font-size:15px;color:var(--szary)}
.sekcja--dwie{display:flex;flex-wrap:wrap;gap:32px;align-items:center}
.sekcja--dwie>*{flex:1 1 400px;min-width:0}
.sekcja__bok p{color:var(--granat2)}
.pas{background:#fff;border-top:3px solid var(--granat);border-bottom:3px solid var(--granat)}
.pas--turkus{background:var(--t-tur);border-bottom:0}
.pas__in{display:flex;flex-wrap:wrap;gap:40px;padding-top:52px;padding-bottom:52px;align-items:flex-start}
.pas__bok{flex:1 1 300px;display:flex;flex-direction:column;gap:14px}.pas__bok p{margin:0;color:var(--granat2)}.pas__bok .h2{margin:0}
.pas__bok .btn{align-self:flex-start}
.pas__glowna{flex:999 1 560px;min-width:0}
.pas__pion{padding-top:52px;padding-bottom:52px}.pas__pion .h2{margin-bottom:6px}
.pas__lead{margin:0 0 22px;color:var(--granat2)}

/* kalendarz miesięcy */
.miesiace{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.miesiac{text-decoration:none;color:var(--granat);background:#fff;border:2.5px solid var(--granat);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s}
.miesiac:hover{transform:translateY(-3px);color:var(--granat)}
.miesiac.teraz{box-shadow:6px 6px 0 var(--pom)}
.miesiac__glowa{display:flex;justify-content:space-between;padding:10px 14px;font:800 17px/1.1 var(--disp);letter-spacing:.5px;border-bottom:2.5px solid var(--granat)}
.miesiac__cialo{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1}
.miesiac__cyfra{font:800 46px/.9 var(--disp)}
.miesiac__tematy{font-size:14px;line-height:1.45;color:var(--granat2)}
.miesiac__znacznik{font-size:12.5px;font-weight:700;color:var(--szary);margin-top:auto}.miesiac.teraz .miesiac__znacznik{color:var(--pom-c)}

/* tabela gotowości */
.tabela-box{overflow-x:auto}
.tabela{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;line-height:1.5;background:#fff;border:2.5px solid var(--granat);border-radius:16px;overflow:hidden}
.tabela thead th{text-align:left;background:var(--granat);color:#fff;padding:12px 14px;font-weight:700}
.tabela td,.tabela tbody th{padding:13px 14px;border-bottom:2px solid var(--t-gra);text-align:left;vertical-align:top}
.tabela tbody th{font-weight:700}
.tabela tr:last-child td,.tabela tr:last-child th{border-bottom:0}

/* quiz */
.quiz{background:var(--granat);color:#fff;border-radius:22px;padding:26px 28px;display:flex;flex-direction:column;gap:16px}
.quiz__gora{display:flex;justify-content:space-between;align-items:center;gap:12px}
.quiz__tytul{font-size:24px;color:#fff;margin:0}
.quiz__licznik{font-size:14px}
.quiz__lista{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px}
.quiz__lista details{display:inline;font-size:14px;color:#C9D0EA}.quiz__lista summary{cursor:pointer;display:inline}
.quiz__info{margin:0;font-size:13px;color:#C9D0EA}
.quiz__pytanie{margin:0;font:800 clamp(26px,3.2vw,36px)/1.15 var(--disp)}
.quiz__odp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.quiz__odp button{font:800 clamp(18px,2.4vw,26px)/1.15 var(--disp);padding:18px 8px;border-radius:16px;border:3px solid #fff;background:#fff;color:var(--granat);cursor:pointer;min-height:64px}
.quiz__odp button:hover:not(:disabled){border-color:var(--pom)}
.quiz__odp button.dobrze{background:#BFEDE9;border-color:var(--tur)}
.quiz__odp button.zle{background:#FBD0DE;border-color:var(--roz)}
.quiz__odp button:disabled{cursor:default}
.quiz__info2{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#2E3B6E;border-radius:14px;padding:12px 16px}
.quiz__dalej{font:700 16px Figtree,sans-serif;background:var(--pom);color:var(--granat);border:0;border-radius:10px;padding:11px 18px;cursor:pointer}
.quiz__kropki{display:flex;gap:6px}.quiz__kropki i{width:12px;height:12px;border-radius:50%;background:#48558A}.quiz__kropki i.ok{background:var(--tur)}.quiz__kropki i.nie{background:var(--roz)}.quiz__kropki i.teraz{background:var(--pom)}
.quiz__wynik{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.quiz__wynik .odznaka{color:var(--granat)}
.quiz__wynik p{margin:0}
.quiz__obszary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
.quiz__obszary span{background:#2E3B6E;border-radius:10px;padding:8px 12px;font-size:15px}

.odznaka-ramka{background:var(--t-roz);border:2.5px solid var(--granat);border-radius:22px;padding:28px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}
.odznaka-ramka__tytul{font-size:22px}.odznaka-ramka p{margin:0;color:var(--granat2);max-width:360px}

/* edukacje i tematy */
.edukacje{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.edukacja,.temat{text-decoration:none;color:var(--granat);border:2.5px solid var(--granat);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:8px}
.edukacja b,.temat b{font:800 23px/1.1 var(--disp)}.edukacja span,.temat span{font-size:14.5px;line-height:1.5}
.temat small{font-size:13px;color:var(--szary);margin-top:auto}
.edukacja:hover,.temat:hover{color:var(--granat);box-shadow:5px 5px 0 var(--granat)}
.tematy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}

/* produkty */
.produkty{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.produkt{background:#fff;border:2.5px solid var(--granat);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:12px}
.produkt__okladka img{border-radius:10px;aspect-ratio:4/5;object-fit:cover;width:100%;background:var(--t-gra)}
.produkt__opis{display:flex;flex-direction:column;gap:8px;flex:1}
.produkt__typ{font-size:12.5px;font-weight:700;color:var(--tur-c);text-transform:uppercase;letter-spacing:.4px}
.produkt__nazwa{font:700 16px/1.35 Figtree,sans-serif}.produkt__nazwa a{text-decoration:none}
.produkt__akcje{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;align-items:center}
.produkt--duzy{flex-direction:row;flex-wrap:wrap;gap:22px;padding:20px}
.produkt--duzy .produkt__okladka{flex:0 0 180px}
.produkt--duzy .produkt__opis{flex:1 1 260px}
.produkt--duzy .produkt__nazwa{font:800 26px/1.1 var(--disp)}
.produkt__lista{margin:0;padding-left:20px;font-size:15px;color:var(--granat2)}
.spr-uklad{display:flex;flex-wrap:wrap;gap:24px;align-items:stretch}
.spr-uklad>.produkt{flex:2 1 520px}
.spr-lista{flex:1 1 280px;display:flex;flex-direction:column;gap:12px}
.spr-lista__el{background:#fff;border:2.5px solid var(--granat);border-radius:14px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:15px}
.spr-lista__el small{display:block;font-weight:400;font-size:13px;color:var(--szary)}
.spr-lista__el b{color:var(--pom-c);white-space:nowrap}

/* strona miesiąca */
.pasek-miesiecy{display:flex;gap:8px;overflow-x:auto;padding-top:16px;padding-bottom:4px;font-weight:700;font-size:14px;scrollbar-width:thin}
.pasek-miesiecy a{text-decoration:none;padding:8px 13px;border-radius:999px;border:2px solid var(--granat);background:#fff;white-space:nowrap}
.pasek-miesiecy a span{font-weight:600}
.pasek-miesiecy a[aria-current]{background:var(--pom)}
.mies-hero{display:flex;flex-wrap:wrap;gap:36px;padding-top:30px;padding-bottom:30px;align-items:stretch}
.mies-hero__tekst{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:16px;justify-content:center}
.kotwice{display:flex;flex-wrap:wrap;gap:10px;font-size:14px;font-weight:700}
.kotwice a{text-decoration:none;background:#fff;border:2px solid var(--granat);padding:9px 14px;border-radius:999px}
.kotwice a.kotwice__mocna{background:var(--pom-c);border-color:var(--pom-c);color:#fff}
.zakres{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.zakres__kol{background:#fff;border:2.5px solid var(--granat);border-radius:16px;overflow:hidden}
.zakres__glowa{font:700 17px/1.3 Figtree,sans-serif;padding:12px 16px;border-bottom:2.5px solid var(--granat)}.zakres__glowa a{text-decoration:none}
.zakres__kol ul{margin:0;padding:14px 16px 16px 34px;font-size:15px;line-height:1.55;display:flex;flex-direction:column;gap:4px}
.sasiedzi{display:flex;justify-content:space-between;gap:16px;padding-top:28px;padding-bottom:36px;font-weight:700}
.sasiedzi a{text-decoration:none;background:#fff;border:2.5px solid var(--granat);border-radius:14px;padding:14px 20px}
.klucz-ekran{background:var(--t-gra);border-radius:12px;padding:12px 16px;font-size:15px}.klucz-ekran summary{cursor:pointer;font-weight:700}.klucz-ekran ol{margin:10px 0 0;padding-left:22px}

/* arkusz do druku */
.arkusz__strona{background:#fff;border:2px solid #C9CFE0;border-radius:6px;padding:28px 32px;box-shadow:0 10px 24px rgba(31,42,85,.12);display:flex;flex-direction:column;gap:18px;font-size:16px}
.arkusz__gora{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:13px;color:var(--szary);border-bottom:1.5px solid var(--granat);padding-bottom:8px}.arkusz__gora b{color:var(--granat)}
.arkusz__stopka{margin:0;font-size:11px;color:var(--szary);text-align:right}
.arkusz__klucz{display:none}
.zad{display:flex;flex-direction:column;gap:8px;break-inside:avoid}
.zad__pyt{margin:0}
.zad__tekst,.zad__wzor{margin:0;font-size:18px}
.zad__dzialania{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px;font-size:18px;font-weight:600}
.zad__opcje{display:flex;flex-wrap:wrap;gap:10px 24px}.zad__opcje>span{display:flex;align-items:center;gap:8px}
.kolko{width:18px;height:18px;border:2px solid var(--granat);border-radius:50%;flex:none}
.zad__zegary{display:flex;flex-wrap:wrap;gap:22px}
.zad__zegar{display:flex;flex-direction:column;align-items:center;gap:8px}
.zegar{width:84px;height:84px}
.luka{display:inline-block;min-width:48px;border-bottom:2px solid var(--granat);height:1.1em;vertical-align:baseline}
.luka--dluga{min-width:80px}.luka--znak{min-width:34px}.luka--zdanie{display:block;width:100%;height:1.6em}
.zad__odp{margin:0;display:flex;gap:8px;align-items:flex-end}.zad__odp .luka{flex:1}
.kratka{height:20mm;background-image:linear-gradient(#D5DAE8 1px,transparent 1px),linear-gradient(90deg,#D5DAE8 1px,transparent 1px);background-size:5mm 5mm;border:1px solid #D5DAE8}
.tl{display:block;width:100%;overflow:visible}

/* temat */
.temat-hero{padding-top:30px;padding-bottom:20px;display:flex;flex-direction:column;gap:16px}
.kiedy{margin:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:15px;font-weight:700}
.kiedy__mies{text-decoration:none;padding:6px 12px;border-radius:999px;border:2px solid var(--granat);font-size:14px}
.lista-kropki{margin:0;padding-left:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 32px}
.czytanka{margin:0;background:#fff;border:2.5px solid var(--granat);border-radius:16px;padding:22px 26px;font-size:19px;line-height:1.75;max-width:820px}
.bledy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.blad{background:#fff;border:2.5px solid var(--granat);border-radius:16px;overflow:hidden}
.blad__co{margin:0;background:var(--t-roz);padding:12px 16px;font-weight:700;border-bottom:2.5px solid var(--granat)}
.blad__rada{margin:0;padding:12px 16px;font-size:15.5px}
.inne__lista{display:flex;flex-wrap:wrap;gap:10px}.inne__lista a{background:#fff;border:2px solid var(--granat);border-radius:999px;padding:9px 14px;text-decoration:none;font-weight:700;font-size:15px}

/* rok w edukacji */
.rok{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.rok__el{background:#fff;border:2.5px solid var(--granat);border-radius:14px;overflow:hidden}
.rok__mies{display:block;padding:9px 14px;font:800 16px/1.2 var(--disp);text-decoration:none;border-bottom:2.5px solid var(--granat)}
.rok__el ul{margin:0;padding:10px 14px 12px 32px;font-size:15px}

/* faq */
.faq{display:flex;flex-direction:column;gap:10px;max-width:860px}
.faq__el{background:#fff;border:2.5px solid var(--granat);border-radius:14px}
.faq__el summary{cursor:pointer;padding:14px 18px;font-weight:700;list-style-position:outside}
.faq__el p{margin:0;padding:0 18px 16px;color:var(--granat2)}

/* stopka */
.stopka{background:var(--granat);color:#fff;margin-top:24px}
.stopka__in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:30px;padding-bottom:30px;font-size:14px}
.stopka__marka{display:flex;align-items:center;gap:12px;font:800 20px var(--disp);letter-spacing:-.4px;text-decoration:none}.stopka__marka>span span{color:#F7A35C}
.stopka__linki{display:flex;flex-wrap:wrap;gap:8px 18px}.stopka a{color:#fff}

/* zgoda */
.zgoda{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;max-width:560px;margin:0 auto;padding:14px 16px;border-radius:14px;background:#fff;color:var(--granat);border:2.5px solid var(--granat);box-shadow:0 8px 30px rgba(0,0,0,.18);font-size:14px;line-height:1.45}
.zgoda p{margin:0 0 10px}.zgoda__przyciski{display:flex;gap:8px;flex-wrap:wrap}
.zgoda button{font:inherit;font-weight:700;padding:9px 14px;border-radius:10px;border:2px solid var(--granat);background:#fff;color:var(--granat);cursor:pointer}
.zgoda button[data-zgoda=tak]{background:var(--granat);color:#fff}

/* responsywność */
@media (max-width:1000px){.miesiace{grid-template-columns:repeat(3,minmax(0,1fr))}.produkty{grid-template-columns:repeat(3,minmax(0,1fr))}.zakres,.edukacje{grid-template-columns:repeat(2,minmax(0,1fr))}.tematy,.bledy{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
 body{font-size:16px}
 .wrap{padding-left:16px;padding-right:16px}
 .js .menu-przycisk{display:inline-flex}
 .js .menu{display:none;width:100%;flex-direction:column}
 .js .menu.otwarte{display:flex}
 .menu a{padding:12px 14px}
 .logo__tekst small{display:none}.logo__tekst b{font-size:18px}.logo{gap:9px}.naglowek .znak{width:36px;height:39px}.naglowek .znak__k{width:5px;height:10px;left:8px}.naglowek .znak__k--p{left:auto;right:8px}.naglowek .znak__kartka{top:3px;width:36px;height:36px;border-width:2.5px;border-radius:8px}.naglowek .znak__pasek{height:9px;border-bottom-width:2.5px}.naglowek .znak__kartka b{font-size:21px}.naglowek .znak__rog,.naglowek .znak__pin{display:none}
 .hero{padding-top:26px;gap:40px}.hero__kartka{padding-top:12px}.hero__odznaka{right:-4px;bottom:-40px}.hero__odznaka .odznaka{width:92px;height:92px}
 .kartka__cyfra{font-size:70px}.kartka__glowa b{font-size:26px}
 .miesiace,.produkty,.edukacje{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .miesiac__cyfra{font-size:34px}.miesiac__glowa{font-size:15px;padding:8px 12px}.miesiac__tematy{font-size:13px}
 .zakres,.tematy,.bledy,.rok,.lista-kropki{grid-template-columns:minmax(0,1fr)}
 .mies-hero{gap:16px;padding-top:20px}
 .kartka--mala{flex:0 0 100%;flex-direction:row;align-items:stretch;box-shadow:4px 5px 0 var(--tur)}
 .kartka--mala .kartka__glowa{border-bottom:0;border-right:3px solid var(--granat);border-radius:19px 0 0 19px;align-items:center;padding:14px}
 .kartka--mala .kartka__glowa b{font-size:20px}
 .kartka--mala .kartka__srodek{flex-direction:row;gap:10px;padding:8px 14px}.kartka__cyfra--duza{font-size:56px}
 .pas__in,.pas__pion{padding-top:32px;padding-bottom:32px;gap:24px}
 .arkusz__strona{padding:16px}.zad__dzialania{grid-template-columns:repeat(2,minmax(0,1fr));font-size:16px}
 .zegar{width:70px;height:70px}
 .quiz{padding:20px 16px}.quiz__odp{gap:8px}
 .tabela thead{display:none}.tabela,.tabela tbody,.tabela tr,.tabela td,.tabela tbody th{display:block;width:100%}
 .tabela{border:0;background:none;border-radius:0}
 .tabela tr{background:#fff;border:2.5px solid var(--granat);border-radius:14px;overflow:hidden;margin-bottom:12px}
 .tabela tbody th{background:var(--granat);color:#fff;border:0}
 .tabela td{border-bottom:0;padding:6px 14px}.tabela td:last-child{padding-bottom:12px}
 .tabela td::before{content:attr(data-k) ": ";font-weight:700}
 .produkt--duzy .produkt__okladka{flex:0 0 110px}.produkt--duzy .produkt__nazwa{font-size:20px}
 .sasiedzi a{padding:12px 14px}
 .sekcja{padding-top:26px;padding-bottom:30px}
}

/* druk: tylko arkusz + klucz na drugiej stronie */
@media print{
 @page{size:A4;margin:12mm}
 body{background:#fff;font-size:12pt}
 .nie-drukuj,.pas__bok,.okruchy,.zgoda,.pomin{display:none!important}
 .pas{border:0}.pas__in{padding:0;display:block}.wrap{padding:0;max-width:none}
 .arkusz__strona{border:0;box-shadow:none;padding:0;gap:6mm}
 .arkusz__klucz{display:block;break-before:page}
 .arkusz__klucz h3{font-size:16pt;margin-bottom:4mm}
 .zad__dzialania{grid-template-columns:repeat(3,minmax(0,1fr))}
 .luka{border-bottom-width:1px}
}