/* Mam Wynik – kartka z zeszytu w kratkę. Jedna rodzina: Lexend. */
@font-face{font-family:"Lexend";font-style:normal;font-weight:300 700;font-display:swap;
  src:url(/statyczne/fonty/lexend-latin-ext-wght-normal.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:"Lexend";font-style:normal;font-weight:300 700;font-display:swap;
  src:url(/statyczne/fonty/lexend-latin-wght-normal.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{
  /* Paleta z logo Mam Wynik (_marka/mamwynik_F_logo.svg) */
  --papier:#F7F4EC;      /* kremowe tło logo */
  --kratka:#DDE5F5;      /* kratka logo #C9D6F2, rozjaśniona pod tekstem */
  --margines:#C99A1C;    /* złoto W z logo zamiast czerwonej linii zeszytu */
  --atrament:#1F2937;
  --szary:#334155;       /* ramka logo */
  --niebieski:#1D4ED8;   /* M z logo */
  --zloto:#C99A1C;       /* W z logo */
  --zloto-jasne:#F3E6C2;
  --krok:8mm;
}
*{box-sizing:border-box}
html{font-size:112.5%}
body{margin:0;font-family:"Lexend",system-ui,sans-serif;font-weight:350;line-height:1.65;color:var(--atrament);
  background-color:var(--papier);
  background-image:linear-gradient(var(--kratka) 1px,transparent 1px),linear-gradient(90deg,var(--kratka) 1px,transparent 1px);
  background-size:var(--krok) var(--krok)}
a{color:var(--niebieski);text-underline-offset:.18em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--zloto);outline-offset:3px;border-radius:2px}
img{max-width:100%;height:auto}

.pomin{position:absolute;left:-999px;top:0;background:var(--atrament);color:#fff;padding:.5rem 1rem;z-index:10}
.pomin:focus{left:1rem}

.naglowek{display:flex;flex-wrap:wrap;gap:.75rem 2rem;align-items:center;justify-content:space-between;
  max-width:62rem;margin:0 auto;padding:1rem 1rem .5rem}
.marka{display:flex;align-items:center;gap:.6rem;font-weight:650;font-size:1.15rem;color:var(--atrament);text-decoration:none}
.naglowek nav{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem}
.naglowek nav a{color:var(--atrament);text-decoration:none;font-weight:500;padding:.25rem 0;border-bottom:2px solid transparent}
.naglowek nav a:hover{border-bottom-color:var(--zloto)}

/* Kartka: czerwona linia marginesu po lewej */
.kartka{position:relative;max-width:62rem;margin:0 auto;padding:1.5rem 1rem 3rem 3.25rem}
.kartka::before{content:"";position:absolute;top:0;bottom:0;left:2rem;width:2px;background:var(--margines);opacity:.7}
.kartka>*{max-width:40rem}

h1,h2,h3{line-height:1.2;font-weight:650;letter-spacing:-.01em}
h1{font-size:clamp(1.9rem,4.5vw,2.8rem);margin:.5rem 0 .75rem}
h2{font-size:1.35rem;margin:2.25rem 0 .6rem}
h3{font-size:1.1rem;margin:1.25rem 0 .4rem}
.lead{font-size:1.15rem;color:var(--szary);margin-top:0}
.drobne{font-size:.85rem;color:var(--szary)}
.maly{font-size:.85rem;margin-left:.5rem}
ul,ol{padding-left:1.25rem}
li{margin:.35rem 0}

.przycisk{display:inline-block;background:var(--niebieski);color:#fff;text-decoration:none;font-weight:550;
  padding:.7rem 1.2rem;border-radius:6px}
.przycisk:hover{background:#1E40AF}

/* Strona główna: jedno zadanie, trzy drogi */
.hero{max-width:none}
.hero>h1,.hero>.lead{max-width:40rem}
.zadanie{max-width:56rem;margin:1.75rem 0 1.25rem}
.zad-tresc{font-size:1.2rem;font-weight:500;max-width:40rem;margin:0 0 1rem}
.zad-nr{font-weight:700;color:var(--niebieski)}
.sposoby{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:0}
.sposob{padding:.25rem 1.25rem .5rem;border-left:2px dashed var(--kratka-ciemna,#9DB4D8)}
.sposob:first-child{border-left:0;padding-left:0}
.sp-nazwa{font-size:.9rem;font-weight:600;color:var(--niebieski);margin:0 0 .35rem}
.rach{font-size:1.25rem;line-height:var(--krok);margin:0;font-variant-numeric:tabular-nums;font-weight:450}
.rach b{font-weight:700}
.odp{font-size:1.2rem;font-weight:500;margin:1.25rem 0 0}
.obwod{display:inline-block;font-weight:700;padding:0 .45rem;border:2.5px solid var(--zloto);border-radius:50% / 60%;
  transform:rotate(-2deg)}
.kartka .sposob p,.kartka .zad-tresc{background:transparent}
@media (max-width:40rem){.sposob{border-left:0;padding-left:0;border-top:2px dashed #9DB4D8;padding-top:.75rem;margin-top:.5rem}
  .sposob:first-child{border-top:0;margin-top:0}}
.kto dt{font-weight:600;margin-top:1rem}
.kto dd{margin:.2rem 0 0;color:var(--szary)}
.lista-lekcji{list-style:none;padding:0}
.lista-lekcji li{padding:.45rem 0;border-bottom:1px solid var(--kratka);background:var(--papier)}
.dzial{font-size:.85rem;color:var(--szary);margin-left:.5rem}

/* Lekcja */
.okruszki{font-size:.9rem;color:var(--szary)}
.okruszki a{color:var(--szary)}
.film{position:relative;aspect-ratio:16/9;max-width:48rem;background:#0F172A;border-radius:6px;overflow:hidden;margin:1.25rem 0}
.lekcja>.film{max-width:48rem}
.film img{width:100%;height:100%;object-fit:cover;display:block}
.film iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.odtworz{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.6rem;
  font:inherit;font-weight:600;font-size:1.05rem;color:var(--atrament);background:#fff;border:0;border-radius:999px;
  padding:.75rem 1.3rem;cursor:pointer;box-shadow:0 2px 0 var(--zloto)}
.trojkat{width:0;height:0;border-left:.8rem solid var(--niebieski);border-top:.5rem solid transparent;border-bottom:.5rem solid transparent}
.film-uwaga{position:absolute;left:0;right:0;bottom:0;margin:0;padding:.4rem .75rem;font-size:.8rem;color:#E2E8F0;background:rgba(15,23,42,.75)}
.film--wkrotce{display:flex;align-items:center;justify-content:center;color:#E2E8F0;padding:1rem;text-align:center}
.plan{padding-left:0;list-style:none;font-variant-numeric:tabular-nums}
.plan li{display:flex;gap:.75rem}
.drogi{display:grid;gap:1rem;max-width:48rem}
.droga{background:var(--papier);border-left:4px solid var(--niebieski);padding:.25rem 0 .25rem 1rem}
.droga h3{margin-top:.25rem}
.zapis{font-size:1.1rem;font-weight:500;font-variant-numeric:tabular-nums}
.blad{background:var(--zloto-jasne);border-left:4px solid var(--zloto);padding:.5rem 1rem;margin-top:2rem}
.blad h2{margin-top:.5rem}
.transkrypcja{background:var(--papier);border:1px solid var(--kratka);padding:.5rem 1rem;margin-top:1rem}
.transkrypcja summary{cursor:pointer;font-weight:550}
.podstawa{font-size:.9rem;color:var(--szary)}
.sasiedzi{display:flex;justify-content:space-between;gap:1rem;margin-top:2.5rem;flex-wrap:wrap}

.stopka{max-width:62rem;margin:0 auto;padding:1.5rem 1rem 2.5rem 3.25rem;font-size:.9rem;color:var(--szary);
  border-top:2px solid var(--atrament);background:var(--papier)}
.stopka p{margin:.3rem 0}
.stopka a{color:var(--szary)}

/* Tekst czytelny na kratce: akapity i listy dostają białe tło */
.kartka p,.kartka li,.kartka dd,.kartka dt{background:var(--papier)}

@media (max-width:40rem){
  .kartka{padding-left:2.25rem}
  .kartka::before{left:1.25rem}
  .stopka{padding-left:2.25rem}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media print{body{background:none}.naglowek nav,.film,.stopka{display:none}.kartka::before{display:none}}
.kartka .film p,.kartka .blad p,.kartka .blad li,.kartka .transkrypcja p{background:transparent}
.kartka .odp,.kartka .hero>p:last-child{background:transparent}

/* Artykuły */
.meta-art{font-size:.9rem;color:var(--szary);margin-top:-.25rem}
.szybka{background:var(--papier);border-left:4px solid var(--niebieski);padding:.6rem 1rem;margin:1.25rem 0;font-size:1.05rem}
.szybka p{background:transparent;margin:.4rem 0}
.tldr ol{padding-left:1.4rem}
.tldr li::marker{font-weight:700;color:var(--niebieski)}
.artykul table{border-collapse:collapse;width:100%;max-width:40rem;background:var(--papier);font-size:.95rem;margin:1rem 0}
.artykul th,.artykul td{border:1px solid #CBD5E1;padding:.45rem .6rem;text-align:left;vertical-align:top}
.artykul th{background:#EEF3FB;font-weight:600}
.tabela-przewin{overflow-x:auto;max-width:40rem}
.w-praktyce{background:var(--zloto-jasne);border-left:4px solid var(--zloto);padding:.5rem 1rem}
.kartka .w-praktyce,.kartka .akordeon div p,.kartka .szybka p{background:transparent}
.akordeon{background:var(--papier);border:1px solid #CBD5E1;border-radius:6px;margin:.5rem 0;max-width:40rem}
.akordeon summary{cursor:pointer;font-weight:600;padding:.65rem 2.2rem .65rem 1rem;position:relative;list-style:none}
.akordeon summary::-webkit-details-marker{display:none}
.akordeon summary::after{content:"+";position:absolute;right:1rem;top:.5rem;font-size:1.3rem;color:var(--niebieski)}
.akordeon[open] summary::after{content:"–"}
.akordeon[open] summary{border-bottom:1px solid #E2E8F0}
.akordeon>div{padding:.25rem 1rem .75rem}
.zrodla{font-size:.92rem}
.lista-art{list-style:none;padding:0}
.lista-art li{background:var(--papier);padding:.75rem 0;border-bottom:1px solid var(--kratka)}
.lista-art li>a{font-weight:600;font-size:1.1rem}
.lista-art p{margin:.25rem 0}

/* Kolory logo jako wiodące (26.10.2026) */
.naglowek{border-bottom:3px solid var(--szary);background:var(--papier);max-width:none;padding-left:max(1rem,calc((100% - 62rem)/2 + 1rem));padding-right:max(1rem,calc((100% - 62rem)/2 + 1rem))}
.naglowek nav a:hover,.naglowek nav a[aria-current]{border-bottom-color:var(--zloto)}
h2{color:var(--szary)}
h2::after{content:"";display:block;width:2.5rem;height:3px;background:var(--zloto);margin-top:.35rem}
.trzy h2::after,.blad h2::after,.zadanie h2::after{display:none}
.zad-nr,.sp-nazwa{color:var(--niebieski)}
.przycisk{background:var(--niebieski);box-shadow:0 3px 0 var(--zloto)}
.przycisk:hover{background:#1E40AF}
.obwod{border-color:var(--zloto);background:var(--zloto-jasne)}
.stopka{border-top:3px solid var(--szary)}
.akordeon,.artykul table,.transkrypcja{border-color:#C9D6F2}
.artykul th{background:#E6ECF8;color:var(--szary)}
.kartka .lista-lekcji li,.kartka .lista-art li{border-bottom-color:#C9D6F2}

/* Kalkulator punktów */
.kalk{background:var(--papier);border:2px solid var(--szary);border-radius:6px;padding:1rem;max-width:40rem;margin:1rem 0}
.kalk fieldset{border:0;padding:0;margin:0 0 .75rem}
.kalk legend{font-weight:600;color:var(--szary);margin-bottom:.35rem}
.kalk .pola{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.5rem .75rem}
.kalk label{display:flex;flex-direction:column;font-size:.92rem;gap:.2rem}
.kalk input[type=number],.kalk select{font:inherit;padding:.4rem .5rem;border:1px solid #94A3B8;border-radius:4px;background:#fff}
.kalk .check{flex-direction:row;align-items:center;gap:.5rem}
.kalk-wynik{font-size:1.6rem;font-weight:700;margin:.25rem 0 0}
.kalk-wynik span{display:inline-block;padding:.15rem .6rem;border:3px solid var(--zloto);border-radius:14px;background:var(--zloto-jasne);line-height:1.3}
@media (max-width:40rem){.kalk-wynik{font-size:1.3rem}}

/* Strona główna: półki z kartami przewijane w bok (26.10.2026) */
.hero .lead{margin-bottom:.5rem}
.skroty{display:flex;flex-wrap:wrap;gap:.75rem;background:transparent!important}
.przycisk--jasny{background:var(--papier);color:var(--niebieski);border:2px solid var(--niebieski);box-shadow:none}
.przycisk--jasny:hover{background:#E6ECF8}
.polka{position:relative;max-width:none;margin-top:2.25rem}
.kartka>.polka{max-width:none}
.polka-gora{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;max-width:56rem}
.polka-gora h2{margin:0}
.polka-wiecej{font-weight:550;background:var(--papier);padding:0 .25rem}
.polka-tor{display:grid;grid-auto-flow:column;grid-auto-columns:min(17rem,78%);gap:1rem;overflow-x:auto;
  scroll-snap-type:x mandatory;padding:.75rem .25rem 1rem;scrollbar-width:thin;max-width:56rem;overscroll-behavior-x:contain}
.polka-tor:focus-visible{outline:3px solid var(--zloto)}
.karta{scroll-snap-align:start;display:flex;flex-direction:column;gap:.4rem;text-decoration:none;color:var(--atrament);
  background:var(--papier);border:1px solid #C9D6F2;border-radius:8px;overflow:hidden}
.karta img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;border-bottom:1px solid #C9D6F2}
.karta-tytul{font-weight:600;line-height:1.3;padding:0 .75rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.karta-meta{font-size:.85rem;color:var(--szary);padding:0 .75rem .75rem}
.karta:hover .karta-tytul{color:var(--niebieski);text-decoration:underline}
.karta:hover{border-color:var(--niebieski)}
.polka-strzalki{display:none}
@media (hover:hover) and (min-width:48rem){
  .polka-strzalki{display:flex;gap:.4rem;position:absolute;top:0;right:max(0px,calc(100% - 56rem));margin-right:6.5rem}
  .polka-strzalki button{font:inherit;font-size:1.3rem;line-height:1;width:2.2rem;height:2.2rem;border-radius:999px;
    border:2px solid var(--szary);background:var(--papier);color:var(--szary);cursor:pointer}
  .polka-strzalki button:hover{border-color:var(--niebieski);color:var(--niebieski)}
}
.polka-strzalki[hidden]{display:none!important}
.kalk-blad{color:#B42318;font-weight:550;min-height:1em;margin:.25rem 0}

/* Kalkulator procentów (26.10.2026) */
.narzedzie>.kalk,.narzedzie>.proc-wyniki{max-width:48rem}
.proc-tryby{display:flex;flex-wrap:wrap;gap:.4rem .5rem}
.proc-tryby label{flex-direction:row;align-items:center;gap:.4rem;border:2px solid #C9D6F2;border-radius:999px;padding:.3rem .8rem;cursor:pointer;background:#fff}
.proc-tryby label:has(input:checked){border-color:var(--niebieski);background:#E6ECF8;font-weight:550}
.proc-tryby input{accent-color:var(--niebieski)}
.proc-zdanie{font-size:1.15rem;line-height:2.4;margin:.5rem 0}
.proc-zdanie p{margin:0;background:transparent}
.proc-zdanie input[type=text]{font:inherit;font-weight:600;width:6.5em;padding:.15rem .4rem;border:2px solid #94A3B8;border-radius:4px;background:#fff;text-align:center}
.proc-zdanie input[type=text]:focus{border-color:var(--niebieski)}
.proc-kier{display:flex;gap:1rem}
.proc-kier label{flex-direction:row;align-items:center;gap:.35rem}
.kartka .proc p{background:transparent}
.proc-wyniki .sposoby{margin:.5rem 0 1rem}
.proc-spr{color:var(--szary)}
.proc-czesty{background:var(--zloto-jasne)!important;border-left:4px solid var(--zloto);padding:.4rem .75rem}
.kratki{display:grid;grid-template-columns:repeat(10,1.4rem);gap:3px;margin:1rem 0 .25rem}
.kratki .kr{width:1.4rem;height:1.4rem;border:1.5px solid #9DB4D8;border-radius:2px;background:#fff}
.kratki .kr.pelna{background:var(--niebieski);border-color:var(--niebieski)}
.kratki .kr.czesc{background:linear-gradient(90deg,var(--niebieski) var(--wyp),#fff var(--wyp));border-color:var(--niebieski)}
@media (max-width:40rem){.kratki{grid-template-columns:repeat(10,1.15rem)}.kratki .kr{width:1.15rem;height:1.15rem}}
.narzedzia-lista{list-style:none;padding:0}
.narzedzia-lista li{padding:.6rem 0;border-bottom:1px solid #C9D6F2}
.narzedzia-lista a{font-weight:600;font-size:1.1rem}

/* Odliczanie do egzaminu (26.10.2026) */
.odl-glowne{background:var(--papier);border:2px solid var(--szary);border-radius:8px;padding:1rem 1.25rem;max-width:40rem;margin:1rem 0}
.odl-glowne .odl-liczba{font-size:clamp(3rem,12vw,5rem);font-weight:700;color:var(--niebieski);line-height:1;font-variant-numeric:tabular-nums}
.odl-glowne .odl-opis{font-size:1.6rem;font-weight:600}
.odl-glowne .odl-pod{margin:.5rem 0 0;background:transparent}
.odl-lista{list-style:none;padding:0;max-width:40rem}
.odl-lista li{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid #C9D6F2}
.odl-lista b{color:var(--niebieski);font-variant-numeric:tabular-nums}

.rach,.kalk-wynik,.proc-czesty,.proc-spr{overflow-wrap:anywhere}
.proc-zdanie input[aria-invalid=true]{border-color:#B42318}

/* Wzory, które widać (26.10.2026) */
.wzor-uklad{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;align-items:center}
.wzor svg{width:100%;height:auto;max-width:22rem;background:#fff;border:1px solid #C9D6F2;border-radius:6px}
.wzor-pola{display:flex;flex-direction:column;gap:.35rem}
.wzor-pola label{font-weight:550}
.wzor-pola input[type=text]{font:inherit;font-weight:600;width:7em;padding:.2rem .4rem;border:2px solid #94A3B8;border-radius:4px;background:#fff;text-align:center}
.wzor-pola input[type=text][aria-invalid=true]{border-color:#B42318}
.wzor-pola input[type=range]{width:100%;height:44px;margin:0 0 .2rem;accent-color:var(--niebieski);touch-action:pan-y}
.wzor-dodatki p{background:transparent!important;margin:.3rem 0}
@media (max-width:40rem){.wzor-uklad{grid-template-columns:1fr}}

/* Strona główna: pasek egzaminu i skróty do narzędzi (26.10.2026) */
.odl-pasek{margin:1rem 0 0;background:transparent!important}
.odl-pasek a{display:inline-block;font-weight:600;color:var(--atrament);text-decoration:none;border:2px solid var(--zloto);background:var(--zloto-jasne);border-radius:8px;padding:.45rem .8rem}
.odl-pasek a:hover{border-color:var(--niebieski)}
.narz-start{margin-top:2.25rem;max-width:56rem}
.narz-skroty{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.6rem;margin:.75rem 0 0}
.narz-skroty li{margin:0;background:transparent!important}
.narz-skroty a{display:inline-block;font-weight:550;text-decoration:none;border:2px solid var(--niebieski);background:#fff;border-radius:8px;padding:.45rem .8rem}
.narz-skroty a:hover{background:#E6ECF8}

/* Przelicznik jednostek (26.10.2026) */
.jedn-pola{display:grid;grid-template-columns:minmax(0,9rem) minmax(0,1fr) auto minmax(0,1fr);gap:.6rem;align-items:end}
.jedn-pola label{display:flex;flex-direction:column;gap:.3rem;font-weight:550}
.jedn-pola input,.jedn-pola select{font:inherit;min-height:44px;padding:.3rem .5rem;border:2px solid #94A3B8;border-radius:4px;background:#fff;max-width:100%}
.jedn-pola input{font-weight:600;text-align:center}
.jedn-pola input[aria-invalid=true]{border-color:#B42318}
.jedn-zamien{font:inherit;min-height:44px;padding:.3rem .7rem;border:2px solid var(--niebieski);border-radius:4px;background:#fff;color:var(--niebieski);font-weight:600;cursor:pointer}
.jedn-tabela{overflow-x:auto}
.jedn-tabela table,.jedn-dawne{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
.jedn-tabela th,.jedn-tabela td,.jedn-dawne th,.jedn-dawne td{text-align:left;padding:.4rem .5rem;border-bottom:1px solid #D7DEEA;vertical-align:top}
.jedn-tabela td:last-child{overflow-wrap:anywhere}
.jedn-schodki{font-variant-numeric:tabular-nums}
.jedn-pola label{min-width:0}
.jedn-pola select{width:100%;min-width:0}
.jedn-rys{width:100%;max-width:20rem;height:auto;display:block;margin:.5rem 0}
@media (max-width:40rem){.jedn-pola{grid-template-columns:minmax(0,1fr)}.jedn-zamien{justify-self:start}
.jedn-dawne thead{display:none}.jedn-dawne tr{display:block;padding:.5rem 0;border-bottom:1px solid #D7DEEA}.jedn-dawne td{display:block;border:0;padding:.1rem 0}.jedn-dawne td:first-child{font-weight:600}}
#jedn-sposoby .rach,.jedn-tabela td:last-child{overflow-wrap:break-word}
@media (max-width:40rem){#jedn-tabela thead{display:none}#jedn-tabela tr{display:block;padding:.4rem 0;border-bottom:1px solid #D7DEEA}#jedn-tabela td{display:block;border:0;padding:.05rem 0}#jedn-tabela td:first-child{font-size:.9em;color:#475569}}
@media (max-width:40rem){.jedn-dawne td[data-l]::before{content:attr(data-l);color:#475569}}

/* Strona główna: kafle terminów i narzędzia w grupach (26.10.2026) */
.terminy{margin-top:2.25rem;max-width:56rem}
.terminy-kafle{list-style:none;padding:0;margin:.75rem 0 .4rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}
.terminy-kafle li{margin:0;display:flex;flex-direction:column;gap:.15rem;background:#fff!important;border:1px solid #C9D6F2;border-radius:8px;padding:.7rem .8rem}
.terminy-kafle .termin-glowny{border:2px solid var(--zloto);background:var(--zloto-jasne)!important}
.termin-nazwa{font-weight:600}
.termin-ile .odl-liczba{font-size:2rem;line-height:1.1;font-variant-numeric:tabular-nums}
.termin-glowny .odl-liczba{font-size:2.4rem}
.termin-data{font-size:.9rem;color:#475569}
.narz-grupy{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:.75rem}
.narz-grupa h3{font-size:1rem;margin:0 0 .4rem;color:#475569}
.narz-grupa ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}
.narz-grupa li{margin:0;background:transparent!important}
.narz-grupa a{display:block;font-weight:600;color:var(--niebieski);text-decoration:none;border-left:3px solid var(--zloto);padding:.35rem .6rem;min-height:44px;display:flex;align-items:center}
.narz-grupa a:hover{background:#fff;text-decoration:underline}
@media (max-width:48rem){.terminy-kafle,.narz-grupy{grid-template-columns:repeat(2,minmax(0,1fr))}}
.terminy-kafle{max-width:none}
.polka-wiecej{white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;padding:0 .25rem}
@media (max-width:24rem){.terminy-kafle li{padding:.6rem .5rem}.termin-nazwa{font-size:.88rem}.termin-ile .odl-liczba{font-size:1.7rem}.termin-glowny .odl-liczba{font-size:2rem}}
@media (max-width:24rem){.polka-gora{flex-wrap:wrap;gap:0 1rem}}
.wzor-tryby{border:0;padding:0;margin:0 0 .4rem;display:flex;flex-direction:column;gap:.25rem}
.wzor-tryby legend{font-weight:600;margin-bottom:.2rem}
.wzor-tryby label{display:flex;align-items:center;gap:.4rem;min-height:36px;font-weight:500}

.wzor-tryby label{flex-direction:row!important;align-items:center}

/* Planer nauki (26.10.2026) */
.plan fieldset{border:0;padding:0;margin:0 0 1rem}
.plan legend{font-weight:600;margin-bottom:.4rem}
.plan-dni label,.plan-slabe label{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:.35rem;min-height:44px;padding:0 .7rem;margin:0 .35rem .35rem 0;border:2px solid #C9D6F2;border-radius:8px;background:#fff;font-weight:500}
.plan-dni label:has(input:checked),.plan-slabe label:has(input:checked){border-color:var(--niebieski);background:#E6ECF8}
.plan-pola{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-bottom:1rem}
.plan-pola label{display:flex;flex-direction:column;gap:.3rem;font-weight:550}
.plan-pola select,.plan-pola input{font:inherit;min-height:44px;padding:.3rem .5rem;border:2px solid #94A3B8;border-radius:4px;background:#fff}
.plan-akcje{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}
.plan-akcje .przycisk{min-height:44px}
.plan-tydz{font-size:1rem;margin:1.2rem 0 .3rem;color:#475569}
.plan-lista{list-style:none;padding:0;margin:0}
.plan-lista li{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:.6rem;padding:.45rem 0;border-bottom:1px solid #D7DEEA;background:transparent!important;margin:0}
.plan-data{font-variant-numeric:tabular-nums;color:#475569}
.plan-powt .plan-tresc b,.plan-arkusz .plan-tresc b{color:#8A6A10}
.plan-uwaga{border-left:4px solid var(--zloto);padding:.4rem .7rem;background:#fff}
@media (max-width:40rem){.plan-pola{grid-template-columns:minmax(0,1fr)}.plan-lista li{grid-template-columns:minmax(0,1fr);gap:.1rem}}
@media print{header,footer,nav,.plan,.plan-akcje,.drobne,.narzedzie>section:not(#plan-wynik),.narzedzie>p,.okruszki{display:none!important}.plan-wynik{display:block}body{background:#fff}}

.plan legend{font-size:1rem}.plan-pods.kalk-wynik{font-size:1.1rem;line-height:1.4}
.plan-akcje[hidden]{display:none}
.plan-h{margin-top:1.5rem}
@media print{.plan-pods{display:block!important}}


/* długie słowa w h1 (np. „prostopadłościanu”) nie mogą rozpychać strony na 320 px – ocena 27.10.2026 */
h1 { overflow-wrap: break-word; -webkit-hyphens: auto; hyphens: auto; }
@media (max-width: 400px) { h1 { font-size: 1.4rem; } }

/* gra „Znajdź parę” (szkic 27.10.2026) */
.gra-ustaw{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:end}
.gra-ustaw label{display:flex;flex-direction:column;gap:.25rem}
.gra-plansza{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;margin:1rem 0}
.gra-kol{display:flex;flex-direction:column;gap:.5rem}
.gra-karta{min-height:3.25rem;padding:.5rem;border:2px solid #94A3B8;border-radius:.5rem;background:#fff;color:#1F2937;font:inherit;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center}
.gra-karta[aria-pressed="true"]{border-color:#1D4ED8;border-width:3px;background:#E6ECF8}
.gra-karta.gra-ok{border-color:#166534;border-style:dashed;background:#F0F7F2;cursor:default}
.gra-karta.gra-ok::after{content:" ✓";color:#166534;margin-left:.35rem}
.gra-pasek{width:100%;max-width:9rem;height:auto}
.gra-kom{min-height:3em;font-size:1.05rem}
.gra-stan{font-weight:600}
.gra-ustaw label{min-width:0;max-width:100%}
.gra-ustaw select{max-width:100%;min-height:44px}
.gra-karta{flex-direction:column;gap:.25rem}
.gra-pasek{max-width:100%;width:auto;max-height:5.5rem}
.gra-pods{font-size:.8rem;color:#475569}
.gra-pasek--duzy{max-height:8rem}
.gra-pods{white-space:nowrap}
/* Wynik dnia */
.wd-tryby,.wd-akcje{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}
.wd-cel-wiersz{font-size:1.2rem;margin:.5rem 0}
.wd-cel{font-size:1.6rem}
.wd-plansza{display:flex;flex-direction:column;gap:.35rem;margin:.75rem 0;max-width:22rem}
.wd-wiersz{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.35rem}
.wd-kratka{position:relative;display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1;min-width:2.4rem;
  border:2px solid #94A3B8;border-radius:.4rem;background:#fff;color:#1F2937;font-size:clamp(1.05rem,4.5vw,1.35rem);font-weight:600}
.wd-kratka i{position:absolute;right:.12rem;top:.05rem;font-style:normal;font-size:.85rem;line-height:1;font-weight:700}
.wd-kursor{border-color:#1D4ED8;border-width:3px}
.wd-o2{background:#DCFCE7;border-color:#166534;color:#14532D}
.wd-o1{background:#F3E6C2;border-color:#8A6A12;border-style:dashed;color:#5B4508}
.wd-o0{background:#E2E8F0;border-color:#94A3B8;color:#475569}
.wd-klawiatura{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:.35rem;max-width:26rem;margin:.75rem 0}
.wd-klaw{min-height:48px;border:2px solid #94A3B8;border-radius:.4rem;background:#fff;color:#1F2937;font:inherit;font-size:1.25rem;font-weight:600;cursor:pointer}
.wd-klaw:disabled{opacity:.6;cursor:default}
.wd-klaw.wd-o2{background:#DCFCE7;border-color:#166534}
.wd-klaw.wd-o1{background:#F3E6C2;border-color:#8A6A12;border-style:dashed}
.wd-klaw.wd-o0{background:#E2E8F0;color:#64748B;text-decoration:line-through}
.wd-legenda{list-style:none;padding:0;display:flex;flex-direction:column;gap:.35rem;font-size:.95rem}
.wd-legenda li{display:flex;align-items:center;gap:.6rem;margin:0}
.wd-legenda .wd-kratka{min-width:2rem;font-size:1rem}
.wd-wynik textarea{width:100%;max-width:22rem;font:inherit;font-size:1rem;padding:.5rem;border:2px solid #94A3B8;border-radius:.4rem;background:#fff}
.pomin-wzrok{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wd-tryby [aria-pressed="true"]{background:#1D4ED8;color:#fff}
/* Gdzie leży? */
.gl-pytanie{font-size:1.2rem}
.gl-liczba{font-size:1.7rem;padding:0 .3rem}
.gl-os{width:100%;max-width:40rem;height:auto;display:block;margin:.5rem 0;cursor:pointer;touch-action:pan-y}
.gl-linia{stroke:#1F2937;stroke-width:3}
.gl-calosc{stroke:#1F2937;stroke-width:3}
.gl-pol{stroke:#475569;stroke-width:2}
.gl-podzial{stroke:#1D4ED8;stroke-width:2;stroke-dasharray:3 3}
.gl-opis{font:600 19px Lexend,system-ui,sans-serif;fill:#1F2937}
.gl-opis-dobre{fill:#166534}
.gl-twoj{fill:#1D4ED8}
.gl-dobre{fill:#fff;stroke:#166534;stroke-width:4}
#gl-suwak{width:100%;max-width:40rem;min-height:44px}
.gl-suwak-et{display:block;font-size:.9rem;color:#334155}
.wd-akcje [hidden],.wd-tryby [hidden]{display:none!important}
.przycisk:disabled{opacity:.55;cursor:not-allowed}
/* Cztery liczby */
.cl-karty{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;max-width:26rem;margin:.75rem 0}
.cl-karta{min-height:64px;border:2px solid #94A3B8;border-radius:.5rem;background:#fff;color:#1F2937;font:inherit;font-size:1.5rem;font-weight:650;cursor:pointer}
.cl-karta[aria-pressed="true"]{border-color:#1D4ED8;border-width:3px;background:#E6ECF8}
.cl-ops{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;max-width:26rem}
.cl-ops button{min-height:52px;border:2px solid #334155;border-radius:.5rem;background:#F7F4EC;color:#1F2937;font:inherit;font-size:1.5rem;font-weight:700;cursor:pointer}
.cl-ops button[aria-pressed="true"]{background:#1D4ED8;color:#fff;border-color:#1D4ED8}
.cl-ops button:disabled,.cl-karta:disabled{opacity:.55;cursor:default}
.cl-kroki li{font-size:1.1rem}
.cl-h{font-size:1.1rem;margin-top:1rem}
.cl-inne-lista li,#cl-inne-lista li{margin:.6rem 0;line-height:1.5}
/* Waga */
.wg-rys{width:100%;max-width:34rem;height:auto;display:block;margin:.5rem 0}
.wg-belka{stroke:#334155;stroke-width:6;stroke-linecap:round}
.wg-szalka{stroke:#C99A1C;stroke-width:4}
.wg-stojak{fill:#334155}
.wg-x{fill:#E6ECF8;stroke:#1D4ED8;stroke-width:2}
.wg-xt{font:700 22px Lexend,system-ui,sans-serif;fill:#1D4ED8}
.wg-j{fill:#F3E6C2;stroke:#8A6A12;stroke-width:2}
.wg-jt{font:700 18px Lexend,system-ui,sans-serif;fill:#5B4508}
.wg-zn{font:700 26px Lexend,system-ui,sans-serif;fill:#1F2937}
.wg-rown-w{font-size:1.2rem}
.wg-rown{font-size:1.5rem}
.wg-ruchy{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.5rem 0}
.wg-ruchy input{width:5rem;min-height:44px;font:inherit;font-size:1.2rem;padding:.25rem .5rem;border:2px solid #94A3B8;border-radius:.4rem}
.wg-ruchy .przycisk{min-height:44px}
.wg-ruchy .przycisk:disabled{opacity:.55}
/* Dwie kostki */
.kk-wykres{width:100%;max-width:34rem;height:auto;display:block;margin:.5rem 0}
.kk-slupek{fill:#C9D6F2;stroke:#1D4ED8;stroke-width:1.5}
.kk-twoj{fill:#1D4ED8}
.kk-opis{font:600 20px Lexend,system-ui,sans-serif;fill:#1F2937}
.kk-ile{font:600 22px Lexend,system-ui,sans-serif;fill:#334155}
.kk-wyniki,.kk-6{border-collapse:collapse;margin:.75rem 0;background:#fff;font-size:.95rem}
.kk-wyniki th,.kk-wyniki td,.kk-6 th,.kk-6 td{border:1px solid #94A3B8;padding:.3rem .5rem;text-align:center}
.kk-wyniki caption,.kk-6 caption{text-align:left;font-size:.9rem;color:#334155;padding-bottom:.3rem}
.kk-tr-twoj th,.kk-tr-twoj td{background:#E6ECF8;font-weight:650}
.kk-6 td{min-width:2rem}
.kk-6 th,.kk-6 td{padding:.25rem .3rem}
.kk-6 caption,.kk-wyniki caption{caption-side:top;max-width:18rem}
.kk-tak{background:#E6ECF8;font-weight:700;outline:2px solid #1D4ED8;outline-offset:-2px}
.kk-wyniki{width:100%;max-width:34rem}
.kk-wyniki{table-layout:fixed}
.kk-wyniki th,.kk-wyniki td{white-space:normal;word-break:normal}
.kk-tabela-wrap{overflow-x:auto;max-width:100%}
/* Pole z kratek */
.pk-rys{width:100%;max-width:28rem;height:auto;display:block;margin:.5rem 0}
.pk-siatka{stroke:#C9D6F2;stroke-width:1.5}
.pk-figura{fill:rgba(29,78,216,.18);stroke:#1D4ED8;stroke-width:3;stroke-linejoin:round}
.pk-cala{font:600 16px Lexend,system-ui,sans-serif;fill:#1F2937}
.pk-pol{font:700 17px Lexend,system-ui,sans-serif;fill:#8A6A12}
.pk-ramka{fill:none;stroke:#334155;stroke-width:2;stroke-dasharray:6 4}
.pk-rog{fill:#F3E6C2;stroke:#8A6A12;stroke-width:2;stroke-dasharray:4 3}
.pk-roglicz{font:700 15px Lexend,system-ui,sans-serif;fill:#5B4508}
.pk-pas{stroke:#166534;stroke-width:2;stroke-dasharray:6 4}
#pk-pole{width:6rem;min-height:44px;font:inherit;font-size:1.2rem;padding:.25rem .5rem;border:2px solid #94A3B8;border-radius:.4rem}
/* Klatki */
.kl-plansza{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:22rem;margin:.75rem 0;border:3px solid #1F2937;background:#fff}
.kl-pole{position:relative;aspect-ratio:1;min-width:0;min-height:44px;border:0;border-right:1px solid #64748B;border-bottom:1px solid #64748B;background:#fff;color:#1F2937;font:inherit;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}
.kl-gp{border-right:3px solid #1F2937}.kl-gd{border-bottom:3px solid #1F2937}
.kl-plansza .kl-pole:nth-child(4n){border-right-width:0}.kl-plansza .kl-pole:nth-last-child(-n+4){border-bottom-width:0}
.kl-et{position:absolute;left:.25rem;top:.1rem;font-size:clamp(.75rem,3.4vw,.95rem);font-weight:700;color:#1D4ED8;line-height:1.1}
.kl-cyfra{font-size:clamp(1.4rem,7vw,2rem);font-weight:650;margin-top:.6rem}
.kl-kursor{background:#E6ECF8;outline:3px solid #1D4ED8;outline-offset:-4px}
.kl-pole:focus-visible{outline:3px solid #1D4ED8;outline-offset:-4px}
.kl-zle{background:#FDECEC}.kl-zle .kl-cyfra{color:#B91C1C;text-decoration:line-through}
.kl-zle i{position:absolute;right:.2rem;bottom:.1rem;font-style:normal;font-weight:700;color:#B91C1C;font-size:.95rem}
.kl-ok{background:#F0F7F2}.kl-ok .kl-cyfra{color:#166534}
.kl-ok::after{content:"✓";position:absolute;right:.2rem;bottom:.05rem;color:#166534;font-size:.8rem;font-weight:700}
.kl-klawiatura{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;max-width:22rem;margin:.5rem 0}
.kl-klawiatura button{min-height:52px;border:2px solid #334155;border-radius:.5rem;background:#F7F4EC;color:#1F2937;font:inherit;font-size:1.5rem;font-weight:700;cursor:pointer}
/* Gdzie leży? – podpowiedzi (27.10) */
.gl-os,.gl-os text{-webkit-user-select:none;user-select:none}
.gl-kratka{stroke:#9DB8E6;stroke-width:1}
.gl-pewn{font:600 14px Lexend,system-ui,sans-serif;fill:#475569}
/* Waga – cel, kroki, podpowiedź (27.10) */
.wg-cel{background:#E6ECF8;border-left:4px solid #1D4ED8;padding:.5rem .75rem;margin:.5rem 0;max-width:40rem}
.wg-uklad{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem 1.5rem}
@media (min-width:52rem){.wg-uklad{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start}}
.wg-plan-h{font-size:1.1rem;margin:.25rem 0}
.wg-plan{margin:0;padding-left:1.4rem}
.wg-plan li{margin:.3rem 0;color:#334155}
.wg-plan li.wg-teraz{font-weight:700;color:#1F2937;background:#FFF7E0;border-left:4px solid #C99A1C;padding:.2rem .4rem;list-style-position:inside;margin-left:-1.4rem}
.wg-plan li.wg-teraz::before{content:"Teraz: "}
.wg-plan li.wg-zrob{color:#166534}
.wg-ruch{display:flex;flex-wrap:wrap;gap:.4rem .6rem;align-items:center;width:100%;padding:.35rem 0;border-bottom:1px solid #E2E8F0}
.wg-ruch label{min-width:11rem}
.wg-ruch input{width:5rem;min-height:44px;font:inherit;font-size:1.2rem;padding:.25rem .5rem;border:2px solid #64748B;border-radius:.4rem}
.wg-akcje{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0 .25rem}
.wg-akcje [hidden]{display:none!important}
.przycisk.wg-podsw{outline:4px solid #C99A1C;outline-offset:3px}
.wg-klik{cursor:pointer}
.wg-klik:hover .wg-x,.wg-klik:hover .wg-j{stroke-width:3}
/* Dwie kostki – animacja rzutu (27.10) */
.kk-kostki{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;margin:.75rem 0}
.kk-fig{margin:0;text-align:center;font-size:.85rem;color:#334155}
.kk-kostka{width:4.25rem;height:4.25rem;display:block}
.kk-sciana{fill:#fff;stroke-width:4}
.kk-k1 .kk-sciana{stroke:#1D4ED8}
.kk-k2 .kk-sciana{stroke:#C99A1C}
.kk-oczko{fill:#1F2937}
.kk-dzial{font-size:1.5rem;font-weight:700;margin:0;min-height:1.6em}
.kk-rzut{animation:kk-rzut .6s ease-out}
@keyframes kk-rzut{0%{transform:translateY(0) rotate(0)}40%{transform:translateY(-14px) rotate(200deg)}100%{transform:translateY(0) rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.kk-rzut{animation:none}}
.kk-slupek.kk-ost{stroke:#C99A1C;stroke-width:4}
.wg-ruch[hidden]{display:none!important}
/* Poprawki po ocenie gier (27.10) */
button,input,select,textarea,.przycisk{font-family:inherit}
.gl-kratka-g{stroke:#6F93D6;stroke-width:1.6}
@media (max-width:40rem){.gl-opis{font-size:26px}.gl-pewn{font-size:20px}}
.wg-plan li.wg-pomin{color:#64748B;font-style:italic}
.kk-pusta{font:700 30px Lexend,system-ui,sans-serif;fill:#64748B}
.narz-grupa h3,.narz-grupa a{overflow-wrap:anywhere;hyphens:auto}
@media (max-width:24rem){.narz-grupy{grid-template-columns:minmax(0,1fr)}}
#kk-nota[hidden]{display:none}
@media (max-width:30rem){.kk-wyniki{font-size:.8rem}.kk-wyniki th,.kk-wyniki td{padding:.25rem .2rem}}
/* Zwarte menu na telefonie: jeden wiersz przewijany w bok (wszystkie strony) */
@media (max-width:40rem){
  .naglowek{gap:.35rem 1rem;padding-top:.4rem;padding-bottom:.4rem}
  .naglowek .marka img{width:36px;height:36px}
  .naglowek nav{flex-wrap:nowrap;overflow-x:auto;width:100%;gap:0 1rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;
    -webkit-mask-image:linear-gradient(to right,#000 85%,transparent);mask-image:linear-gradient(to right,#000 85%,transparent);padding-right:1.5rem}
  .naglowek nav a{white-space:nowrap;flex:0 0 auto;padding:.45rem 0}
}
/* wersje jezykowe narzedzi */
.jezyki{font-size:.9rem;margin:.25rem 0 1rem;color:#4B5563}
.jezyki a{margin:0 .1rem}
.slowniczek{columns:2 14rem;padding-left:1.2rem}
.po-pl{font-size:.8em;opacity:.8}

/* kalkulator punktów rekrutacyjnych (29.10.2026) */
.pkt{max-width:48rem}
.pkt-akcje{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 .75rem;background:transparent}
.pkt input[type=text]{font:inherit;font-weight:600;padding:.4rem .5rem;border:2px solid #94A3B8;border-radius:4px;background:#fff;text-align:center}
.pkt input[aria-invalid=true]{border-color:#B42318}
.pkt .akordeon{margin:.35rem 0}
.pkt .akordeon summary{cursor:pointer;font-size:.95rem}
.pkt .akordeon label.check{margin:.3rem 0}
.pkt-tab{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
.pkt-tab th,.pkt-tab td{border-bottom:1px solid var(--kratka);padding:.35rem .5rem;text-align:left;background:var(--papier)}
.pkt-tab .pkt-l{text-align:right;white-space:nowrap}
.pkt-tab .pkt-suma td{font-weight:700;border-top:2px solid var(--atrament)}
.pkt-tab .pkt-brak td{color:var(--szary)}
.pkt-uwaga p{background:var(--zloto-jasne);border-left:4px solid var(--zloto);padding:.5rem 1rem}
.narzedzie.rzutnik .pkt{max-width:none;font-size:1.5rem}
.narzedzie.rzutnik .pkt .kalk-wynik{font-size:3rem}
.narzedzie.rzutnik .pkt input[type=text]{font-size:1.4rem}
.narzedzie.rzutnik .pkt select{font-size:1.05rem}
.narzedzie.rzutnik .pkt .pola{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.narzedzie.rzutnik .pkt .drobne{font-size:1.1rem}
.narzedzie.rzutnik>*:not(h1):not(.pkt):not(.okruszki){display:none}
@media print{.pkt-akcje{display:none}}

/* Menu główne jako przyciski (Karol 29.10.2026): na telefonie jeden rząd przewijany w bok, kolejny przycisk wystaje na krawędzi */
.naglowek nav{gap:.5rem;margin-left:auto;justify-content:flex-end}   /* przyciski zawsze po prawej, także gdy zawiną się do drugiego rzędu */
.naglowek nav a{display:inline-flex;align-items:center;min-height:44px;padding:.35rem 1rem;border:2px solid var(--szary);border-radius:10px;
  background:#fff;color:var(--atrament);font-weight:600;font-size:.95rem;line-height:1.2;text-decoration:none;white-space:nowrap;
  box-shadow:0 3px 0 var(--szary);transition:transform .12s,box-shadow .12s,background .12s}
.naglowek nav a:hover{background:var(--zloto-jasne);border-color:var(--szary);transform:translateY(-1px);box-shadow:0 4px 0 var(--szary)}
.naglowek nav a:active{transform:translateY(2px);box-shadow:0 1px 0 var(--szary)}
.naglowek nav a[aria-current]{background:var(--niebieski);border-color:var(--niebieski);color:#fff;box-shadow:0 3px 0 var(--zloto)}
.naglowek nav a .po-pl{font-weight:400;opacity:.8}
@media (max-width:40rem){
  .naglowek nav{justify-content:flex-start;margin-left:0;flex-wrap:nowrap;width:100%;overflow-x:auto;padding:.2rem .1rem .6rem;scroll-snap-type:x proximity;scrollbar-width:none}
  .naglowek nav::-webkit-scrollbar{display:none}
  .naglowek nav a{scroll-snap-align:start;flex:0 0 auto}
}