/* sprawdziany-matematyka.pl — „Kratka i atrament”
   Paleta: głęboki morski zielony, ciepła biel papieru, koralowy akcent.
   Fonty (OFL, lokalnie): Fraunces (nagłówki), IBM Plex Sans (tekst), IBM Plex Mono (etykiety, punkty). */

@font-face{font-family:"Fraunces";font-style:normal;font-display:swap;font-weight:300 800;src:url(../fonts/fraunces-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:"Fraunces";font-style:normal;font-display:swap;font-weight:300 800;src:url(../fonts/fraunces-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}
@font-face{font-family:"Plex";font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/ibm-plex-sans-latin-ext-400-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:"Plex";font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/ibm-plex-sans-latin-400-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}
@font-face{font-family:"Plex";font-style:normal;font-display:swap;font-weight:600;src:url(../fonts/ibm-plex-sans-latin-ext-600-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:"Plex";font-style:normal;font-display:swap;font-weight:600;src:url(../fonts/ibm-plex-sans-latin-600-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}
@font-face{font-family:"Plex Mono";font-style:normal;font-display:swap;font-weight:500;src:url(../fonts/ibm-plex-mono-latin-ext-500-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:"Plex Mono";font-style:normal;font-display:swap;font-weight:500;src:url(../fonts/ibm-plex-mono-latin-500-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{
  --morze-900:#08302B; --morze-800:#0E4A43; --morze-700:#17625A; --morze-200:#C6DAD4; --morze-100:#E2EDE9; --morze-50:#EFF5F2;
  --papier:#F7F4EC; --karta:#FFFDF8; --atrament:#14211F; --szary:#4A5856; --linia:#DAD9CF;
  --koral:#E5603F; --koral-txt:#AE3B1F; --koral-50:#FBEAE3; --koral-jasny:#F7B4A2;
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Plex",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:"Plex Mono",ui-monospace,Consolas,monospace;
  --kratka:linear-gradient(rgba(14,74,67,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(14,74,67,.06) 1px,transparent 1px);
  --r:10px;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]:not([hidden="until-found"]){display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:16px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{margin:0;background:var(--papier);color:var(--atrament);font:400 1.0625rem/1.6 var(--sans);overflow-wrap:break-word}
img{max-width:100%;height:auto}
a{color:var(--morze-700);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{color:var(--morze-900);text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--koral);outline-offset:2px;border-radius:4px}
p{margin:0 0 1em}
ul,ol{padding:0;margin:0;list-style:none}
.wrap{width:100%;max-width:1180px;margin-inline:auto;padding-inline:16px}
@media (min-width:600px){.wrap{padding-inline:24px}}
.skip{position:absolute;left:-9999px;top:8px;background:var(--morze-800);color:#fff;padding:10px 14px;z-index:10}
.skip:focus{left:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ik{flex:none;vertical-align:-4px}
.ik--koral{color:var(--koral-txt)} .ik--morze{color:var(--morze-700)}

/* Typografia */
.h1{font:620 clamp(2rem,1.35rem + 2.9vw,3.25rem)/1.08 var(--serif);letter-spacing:-.015em;color:var(--morze-900);margin:0 0 .45em;text-wrap:balance}
.h1--hero{font-size:clamp(2.25rem,1.4rem + 3.6vw,3.75rem)}
.h2{font:600 clamp(1.5rem,1.25rem + 1.1vw,2rem)/1.15 var(--serif);color:var(--morze-900);margin:0 0 .7em;letter-spacing:-.01em;text-wrap:balance}
.h2::before{content:"";display:block;width:28px;height:3px;background:var(--koral);margin-bottom:14px}
.etyk{font:500 .8125rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--koral-txt);margin:0 0 14px}
.etyk__sep{color:var(--szary);margin:0 4px}
.lead{font-size:1.1875rem;line-height:1.55;color:var(--szary);max-width:62ch}

/* Przyciski */
.btn{display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:11px 18px;border-radius:7px;border:1.5px solid transparent;font:600 1rem/1.2 var(--sans);text-decoration:none;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.btn--glowny{background:var(--morze-800);color:#fff}
.btn--glowny:hover{background:var(--morze-700);color:#fff}
.btn--obrys{background:transparent;color:var(--morze-800);border-color:var(--morze-800)}
.btn--obrys:hover{background:var(--morze-50);color:var(--morze-900)}
.btn--jasny{background:var(--karta);color:var(--morze-900)}
.btn--jasny:hover{background:#fff;color:var(--morze-900)}
.btn--duzy{min-height:54px;padding:14px 24px;font-size:1.0625rem}

/* Zastępnik ilustracji (do czasu wgrania PNG) */
.ilu{position:relative;display:block;overflow:hidden;background:repeating-linear-gradient(135deg,#ECE9DF 0 10px,#F3F0E7 10px 20px);border:1px dashed #BDB8AA;border-radius:var(--r)}
.ilu img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ilu img[hidden]{display:none}
.ilu__zast{position:absolute;inset:0;display:grid;place-content:center;text-align:center;font:500 .75rem/1.5 var(--mono);color:#5D5B53;padding:8px}

/* Nagłówek */
.naglowek{background:var(--karta);border-bottom:1px solid var(--linia)}
.naglowek__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;padding-block:12px}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--morze-900)}
.logo__znak{width:34px;height:34px;border-radius:7px}
.logo__znak .ilu__zast{font-size:0}
.logo__txt{font:640 1.125rem/1 var(--serif);letter-spacing:-.01em}
.logo__kreska{color:var(--koral-txt)}
.logo__pl{color:var(--szary);font-weight:450}
.menu ul{display:flex;flex-wrap:wrap;gap:6px}
.menu a{display:inline-flex;align-items:center;min-height:40px;min-width:40px;justify-content:center;padding:6px 11px;border-radius:7px;color:var(--morze-800);font:600 .9375rem/1 var(--sans);text-decoration:none;border:1px solid var(--linia);background:var(--papier)}
.menu a:hover{border-color:var(--morze-700)}
.menu a[aria-current]{background:var(--morze-800);border-color:var(--morze-800);color:#fff}
.menu__o a{border-color:transparent;background:none}
.menu__kl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:719px){.naglowek__in{padding-block:10px}.menu{width:100%}.menu ul{flex-wrap:nowrap;justify-content:space-between}.menu li{flex:1 1 auto}.menu a{width:100%;padding-inline:6px}.menu__o{flex:2 1 auto}}
@media (min-width:1000px){.menu__kl{position:static;width:auto;height:auto;clip:auto;margin-right:.3em}}

/* Okruszki */
.okruszki{font-size:.875rem;padding-block:14px 0}
.okruszki ol{display:flex;flex-wrap:wrap;gap:4px 0}
.okruszki li:not(:last-child)::after{content:"/";margin:0 8px;color:#8B948F}
.okruszki span[aria-current]{color:var(--szary)}

/* Sekcje */
.sekcja{margin-block:52px}
.notatka{background:var(--morze-50);border-left:4px solid var(--morze-700);padding:18px 20px;border-radius:0 var(--r) var(--r) 0}
.notatka p:last-child{margin:0}

/* Strona główna */
.hero{background-color:var(--papier);background-image:var(--kratka);background-size:24px 24px;border-bottom:1px solid var(--linia);-webkit-mask-image:none}
.hero__in{display:grid;gap:28px;padding-block:36px 44px;align-items:center}
.hero__ilu{border-radius:14px}
@media (min-width:900px){.hero__in{grid-template-columns:1.05fr 1fr;gap:48px;padding-block:64px 72px}}
.kafle{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.kafle li:last-child:nth-child(odd){grid-column:span 2}
.kafle li:last-child:nth-child(odd) .kafel__ilu{aspect-ratio:16/6!important}
@media (min-width:720px){.kafle{grid-template-columns:repeat(3,1fr);gap:16px}.kafle li:last-child:nth-child(odd){grid-column:auto}.kafle li:last-child:nth-child(odd) .kafel__ilu{aspect-ratio:4/3!important}}
@media (min-width:1040px){.kafle{grid-template-columns:repeat(5,1fr)}}
.kafel{display:flex;flex-direction:column;height:100%;background:var(--karta);border:1px solid var(--linia);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--atrament);transition:transform .15s,border-color .15s,box-shadow .15s}
.kafel:hover{transform:translateY(-2px);border-color:var(--koral);box-shadow:0 8px 24px -14px rgba(8,48,43,.45);color:var(--atrament)}
.kafel__ilu{border:0;border-radius:0;border-bottom:1px solid var(--linia)}
.kafel__dol{display:flex;align-items:center;gap:12px;padding:12px 14px 14px}
.kafel__nr{font:600 2.75rem/1 var(--serif);color:var(--morze-800);min-width:.8em}
.kafel__opis{display:flex;flex-direction:column;flex:1;min-width:0}
.kafel__kl{font-weight:600}
.kafel__ile{font:500 .8125rem/1.4 var(--mono);color:var(--szary)}
.kafel__ik{color:var(--koral-txt)}
.kroki{display:grid;gap:14px;counter-reset:k}
@media (min-width:760px){.kroki{grid-template-columns:repeat(3,1fr);gap:20px}}
.kroki li{background:var(--karta);border:1px solid var(--linia);border-radius:12px;padding:20px}
.kroki__nr{display:grid;place-items:center;width:40px;height:40px;border:1.5px solid var(--morze-800);border-radius:50%;font:500 1rem/1 var(--mono);color:var(--morze-800);margin-bottom:12px}
.kroki h3{font:600 1.25rem/1.2 var(--serif);margin:0 0 6px;color:var(--morze-900)}
.kroki p{margin:0;color:var(--szary)}
.teksty{display:grid;gap:8px 48px;margin-block:52px}
@media (min-width:900px){.teksty{grid-template-columns:1fr 1fr}}
.tekst p{color:var(--szary)}

/* Listy działów */
.lista-dzialow{border-top:1px solid var(--linia)}
.lista-dzialow a{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"nr srodek ik" "nr ile ik";gap:2px 14px;align-items:center;padding:16px 6px;border-bottom:1px solid var(--linia);text-decoration:none;color:var(--atrament);transition:background .15s}
.lista-dzialow a:hover{background:var(--karta);color:var(--atrament)}
.ld__nr{grid-area:nr;align-self:start;font:500 .875rem/1.9 var(--mono);color:var(--koral-txt)}
.ld__srodek{grid-area:srodek;display:flex;flex-direction:column;min-width:0}
.ld__tyt{font:600 1.1875rem/1.25 var(--serif);color:var(--morze-900)}
.ld__opis{color:var(--szary);font-size:.96875rem;margin-top:3px}
.ld__ile{grid-area:ile;font:500 .8125rem/1.5 var(--mono);color:var(--szary);white-space:nowrap}
.ld__ik{grid-area:ik;color:var(--morze-700);transition:transform .15s}
.lista-dzialow a:hover .ld__ik{transform:translateX(3px)}
@media (min-width:720px){.lista-dzialow a{grid-template-columns:44px 1fr auto 24px;grid-template-areas:"nr srodek ile ik";padding:18px 8px}.ld__ile{text-align:right}}
.lista-dzialow--pop{display:grid;border-top:0;gap:0 28px}
.lista-dzialow--pop a{grid-template-columns:1fr auto;grid-template-areas:"kl ik" "tyt ik"}
.lista-dzialow--pop li:first-child a,.lista-dzialow--pop li:nth-child(2) a{border-top:1px solid var(--linia)}
.lista-dzialow--pop a{grid-template-areas:"kl ik" "tyt ik" "ile ik"}
.lista-dzialow--pop .ld__ile{text-align:left}
.ld__kl{grid-area:kl;font:500 .75rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--koral-txt)}
.lista-dzialow--pop .ld__tyt{grid-area:tyt}
@media (max-width:719px){.lista-dzialow--pop li:nth-child(2) a{border-top:0}}
@media (min-width:720px){.lista-dzialow--pop{grid-template-columns:1fr 1fr}}

/* Hub klasy */
.klasa__glowa{background-color:var(--papier);background-image:var(--kratka);background-size:24px 24px;border-bottom:1px solid var(--linia)}
.klasa__glowa-in{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:28px 36px}
.klasa__nr{font:300 clamp(6rem,4rem + 10vw,11rem)/.8 var(--serif);color:var(--morze-200);letter-spacing:-.04em;flex:none}
@media (max-width:599px){.klasa__nr{display:none}}

/* Podstrona działu */
.dzial__glowa{background-color:var(--papier);background-image:var(--kratka);background-size:24px 24px;border-bottom:1px solid var(--linia);padding-block:22px 32px}
.fakty{display:flex;flex-wrap:wrap;gap:8px 22px;margin:4px 0 22px;color:var(--szary);font-size:.96875rem}
.fakty li{display:flex;align-items:baseline;gap:6px}
.fakty li+li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--koral);margin-right:16px;align-self:center}
.fakty strong{font:600 1.375rem/1 var(--serif);color:var(--morze-900)}
.akcje{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:479px){.akcje .btn{width:100%;justify-content:center}}
.dzial__uklad{display:block}
@media (min-width:1000px){.dzial__uklad{display:grid;grid-template-columns:200px minmax(0,780px);gap:56px}}
.spis{display:none}
@media (min-width:1000px){.spis{display:block;position:sticky;top:20px;align-self:start;margin-top:52px}}
.spis__tyt{font:500 .75rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--szary);margin-bottom:10px}
.spis ol{border-left:1px solid var(--linia)}
.spis a{display:block;padding:6px 0 6px 14px;margin-left:-1px;border-left:2px solid transparent;color:var(--szary);text-decoration:none;font-size:.9375rem}
.spis a:hover,.spis a.jest{color:var(--morze-900);border-left-color:var(--koral)}
.zakres{display:grid;gap:10px}
@media (min-width:720px){.zakres{grid-template-columns:1fr 1fr;gap:10px 28px}}
.zakres li{display:flex;gap:10px;align-items:flex-start}
.zakres .ik{color:var(--morze-700);margin-top:5px}

.katex{font-size:1.12em}

.bledy{display:grid;gap:12px}
.blad{background:var(--karta);border:1px solid var(--linia);border-radius:12px;overflow:hidden}
.blad p{display:flex;gap:10px;align-items:flex-start;margin:0;padding:14px 18px}
.blad .ik{margin-top:3px}
.blad__co{border-bottom:1px solid var(--linia)}
.blad__jak{background:var(--morze-50)}

.faq__lista{border-top:1px solid var(--linia)}
.faq__el{border-bottom:1px solid var(--linia)}
.faq__el summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 4px;cursor:pointer;font-weight:600;font-size:1.0625rem;color:var(--morze-900);list-style:none}
.faq__el summary::-webkit-details-marker{display:none}
.faq__ik{color:var(--koral-txt);transition:transform .2s}
.faq__el[open] .faq__ik{transform:rotate(45deg)}
.faq__odp{padding:0 4px 18px;color:var(--szary)}
.faq__odp p{margin:0}

.cta{margin-block:52px;border-radius:16px;background-color:var(--morze-800);background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:24px 24px;color:#fff}
.cta__in{padding:26px 22px}
@media (min-width:600px){.cta__in{padding:34px 36px}}
.cta__etyk{font:500 .75rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--koral-jasny);margin-bottom:10px}
.cta__txt{font:500 clamp(1.2rem,1.05rem + .6vw,1.45rem)/1.35 var(--serif);max-width:44ch;margin-bottom:20px}

.sasiedzi{display:grid;gap:12px;margin-block:8px 64px}
@media (min-width:600px){.sasiedzi{grid-template-columns:1fr 1fr}}
.sasiedzi__a{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid var(--linia);border-radius:12px;background:var(--karta);text-decoration:none;color:var(--morze-900)}
.sasiedzi__a:hover{border-color:var(--morze-700);color:var(--morze-900)}
.sasiedzi__a--nast{text-align:right;align-items:flex-end}
.sasiedzi__etyk{display:inline-flex;align-items:center;gap:6px;font:500 .75rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--koral-txt)}
.sasiedzi__tyt{font:600 1.125rem/1.3 var(--serif)}

/* Proste strony */
.prosta{max-width:760px;padding-block:28px 64px}
.prosta>p{color:var(--szary)}
.blad404__kod{font:300 clamp(5rem,3rem + 10vw,9rem)/1 var(--serif);color:var(--morze-200);margin:0}
.kafle-mini{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 28px}

/* Stopka */
.stopka{background:var(--morze-900);color:#D5E3DE;margin-top:24px;font-size:.9375rem}
.stopka a{color:#fff}
.stopka__in{display:grid;gap:28px;padding-block:44px 28px}
@media (min-width:760px){.stopka__in{grid-template-columns:2fr 1fr 1fr}}
.stopka__marka{font:600 1.25rem/1.2 var(--serif);color:#fff;margin-bottom:8px}
.stopka__tyt{font:500 .75rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--koral-jasny);margin-bottom:8px}
.stopka li{padding:3px 0}
.stopka__dol{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;border-top:1px solid rgba(255,255,255,.14);padding-block:18px 26px;font-size:.875rem}
.stopka__dol p{margin:0}

/* Druk: sama treść, bez menu i stopki */
@page{size:A4;margin:14mm}
@media print{
  html,body{background:#fff!important;color:#000}
  .nie-drukuj,.skip,.spis,.filtr,.sasiedzi{display:none!important}
  a{color:inherit;text-decoration:none}
  .dzial__glowa,.klasa__glowa,.hero,.arkusze{background:none!important}
  .ark,.zad,.blad{break-inside:avoid}
}

/* ===== Blok arkuszy (serce podstrony działu) ===== */
.arkusze{background:var(--karta);border-block:1px solid var(--linia);padding-block:40px 48px}
.arkusze__glowa{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 28px;margin-bottom:22px}
.arkusze__glowa .h2{margin-bottom:10px}
.arkusze__info{display:flex;gap:10px;align-items:flex-start;margin:0;color:var(--szary);max-width:62ch}
.arkusze__info .ik{color:var(--koral-txt);margin-top:3px}
.filtr{display:flex;flex-wrap:wrap;gap:6px}
.filtr__btn{min-height:42px;padding:7px 14px;border-radius:999px;border:1px solid var(--linia);background:var(--papier);font:600 .9375rem/1.2 var(--sans);color:var(--morze-900);cursor:pointer}
.filtr__btn span{font:500 .8125rem/1 var(--mono);color:var(--szary);margin-left:4px}
.filtr__btn:hover{border-color:var(--morze-700)}
.filtr__btn[aria-pressed="true"]{background:var(--morze-800);border-color:var(--morze-800);color:#fff}
.filtr__btn[aria-pressed="true"] span{color:var(--morze-200)}
.siatka-ark{display:grid;gap:14px}
@media (min-width:560px){.siatka-ark{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media (min-width:880px){.siatka-ark{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1120px){.siatka-ark{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ark{display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-areas:"min tresc" "akcje akcje";gap:12px 14px;background:var(--papier);border:1px solid var(--linia);border-radius:12px;padding:12px;transition:border-color .15s,box-shadow .15s}
.ark:hover{border-color:var(--morze-200);box-shadow:0 10px 26px -18px rgba(8,48,43,.5)}
@media (min-width:560px){.ark{grid-template-columns:1fr;grid-template-areas:"min" "tresc" "akcje";padding:0;overflow:hidden;gap:0}}
.ark__min{grid-area:min;display:block;aspect-ratio:1/1;background:#fff;border:1px solid var(--linia);border-radius:8px;overflow:hidden}
@media (min-width:560px){.ark__min{aspect-ratio:4/3;border:0;border-bottom:1px solid var(--linia);border-radius:0}}
.ark__min img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.ark__tresc{grid-area:tresc;min-width:0}
@media (min-width:560px){.ark__tresc{padding:14px 16px 6px}}
.ark__tyt{font:600 1.0625rem/1.3 var(--serif);color:var(--morze-900);margin:8px 0 0}
.ark__akcje{grid-area:akcje;display:flex;flex-direction:column;align-items:stretch;gap:6px}
@media (min-width:560px){.ark__akcje{padding:10px 16px 16px;margin-top:auto}}
.ark__sklep{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;font-weight:600;font-size:.9375rem;color:var(--morze-700);text-decoration:none}
.ark__sklep:hover{text-decoration:underline}
.ark__sklep .ik{width:16px;height:16px}
.ark__uwaga{font:500 .75rem/1.4 var(--mono);color:var(--szary);text-align:center}
.btn--pelny{width:100%;justify-content:center;text-align:center;font-size:.9375rem;gap:7px;padding-inline:10px}
.typ{display:inline-block;font:500 .75rem/1 var(--mono);text-transform:uppercase;letter-spacing:.07em;padding:5px 9px;border-radius:999px;background:var(--morze-100);color:var(--morze-800)}
.typ--sprawdzian{background:var(--koral-50);color:var(--koral-txt)}
.typ--test{background:#E9E6F3;color:#433A6B}
@media (min-width:560px){.ark{display:flex;flex-direction:column}}

.pakiet{display:grid;gap:18px;margin-top:28px;border-radius:16px;overflow:hidden;background-color:var(--morze-800);background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:24px 24px;color:#fff;padding:20px}
@media (min-width:700px){.pakiet{grid-template-columns:200px 1fr;gap:32px;align-items:center;padding:26px 32px}}
.pakiet__okl{display:block;aspect-ratio:4/5;max-width:200px;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 14px 30px -12px rgba(0,0,0,.45)}
.pakiet__okl img{display:block;width:100%;height:100%;object-fit:cover}
.pakiet__etyk{font:500 .75rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--koral-jasny);margin-bottom:8px}
.pakiet__tyt{font:600 clamp(1.3rem,1.1rem + .8vw,1.7rem)/1.2 var(--serif);margin:0 0 10px}
.pakiet p{color:#D5E3DE;max-width:56ch}

.dwie{display:grid;gap:14px}
@media (min-width:760px){.dwie{grid-template-columns:1fr 1fr;gap:18px}}
.porada{background:var(--karta);border:1px solid var(--linia);border-top:3px solid var(--morze-700);border-radius:12px;padding:18px 20px}
.porada--uczen{border-top-color:var(--koral)}
.porada__dla{font:500 .75rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--koral-txt)}
.porada p:last-child{margin:0}

/* ===== Minigry (osadzane na kliknięcie) ===== */
.sekcja__lead{color:var(--szary);margin-top:-6px}
.minigry{display:grid;gap:14px}
@media (min-width:760px){.minigry{grid-template-columns:repeat(2,minmax(0,1fr))}}
.minigra{background:var(--karta);border:1px solid var(--linia);border-radius:12px;overflow:hidden}
.minigra--gra{grid-column:1/-1}
.minigra__okno{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;min-height:170px;background-color:#FAFCFA;background-image:var(--kratka);background-size:20px 20px}
.minigra__tyt{font:600 1.25rem/1.2 var(--serif);color:var(--morze-900);margin:0}
.minigra__opis{color:var(--szary);margin:0 0 6px}
.minigra__ramka{display:block;width:100%;height:min(var(--wys),80vh);border:0;background:#fff}
.minigra__dol{margin:0;padding:10px 20px;border-top:1px solid var(--linia);font-size:.9375rem}
.minigra__dol a{display:inline-flex;align-items:center;gap:6px}
.minigra__dol .ik{width:16px;height:16px}

/* 25.10: ilustracje wgrane — obraz przykrywa napis zastępczy, bez przerywanej ramki */
.ilu img{z-index:1}
.ilu:has(img:not([hidden])){border-color:transparent;background:none}
.ilu__zast{display:none}

/* ===== Strona arkusza (26.10) ===== */
.arks__glowa{background-color:var(--papier);background-image:var(--kratka);background-size:24px 24px;border-bottom:1px solid var(--linia);padding-block:22px 36px}
.arks__uklad{display:grid;gap:26px;align-items:start}
@media (min-width:900px){.arks__uklad{grid-template-columns:minmax(0,420px) minmax(0,1fr);grid-template-areas:"kartka tekst";gap:48px;align-items:center}.kartka{grid-area:kartka}.arks__tekst{grid-area:tekst}}
.arks__tekst .typ{margin-bottom:10px}
.arks__h1{margin-top:4px}
.arks__akcje{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 12px}
@media (max-width:479px){.arks__akcje .btn{width:100%;justify-content:center}}
.arks__info{font-size:.9375rem;color:var(--szary);margin:0;max-width:56ch}
.kartka{margin:0;justify-self:center;width:100%;max-width:420px}
.kartka__papier{display:block;position:relative;aspect-ratio:893/1263;background:#fff;border:1px solid var(--linia);border-radius:6px;overflow:hidden;box-shadow:0 1px 0 #fff,10px 10px 0 -1px #fff,10px 10px 0 0 var(--linia),0 24px 50px -28px rgba(8,48,43,.45)}
.kartka__papier img{display:block;width:100%;height:100%;object-fit:contain}
.kartka figcaption{font:500 .75rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--szary);text-align:center;margin-top:16px}
@media (max-width:899px){.kartka{max-width:340px}}
.arks__tresc{max-width:820px}
.arkusze--inne{margin-top:12px}
.arks__wszystkie{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.arks__wszystkie .ik{width:18px;height:18px}
.pakiet--maly{grid-template-columns:1fr!important;padding:20px 22px}
@media (min-width:700px){.pakiet--maly{grid-template-columns:1fr auto!important;align-items:center}}
.pakiet--maly .pakiet__tyt{margin:0}
.ark__tyt a{color:inherit;text-decoration:none}
.ark__tyt a:hover{text-decoration:underline}
.ark__wiecej{display:block;text-align:center;font-size:.875rem;font-weight:600;padding-top:2px}

/* ===== Liceum i galeria arkusza (27.10) ===== */
.kafel--tekst .kafel__dol{padding:18px 16px}
.kafle--lic{grid-template-columns:repeat(2,1fr)}
@media (min-width:720px){.kafle--lic{grid-template-columns:repeat(4,1fr)}}
.kafle--lic li:last-child:nth-child(odd){grid-column:auto}
.kafle__wiecej{margin-top:14px}
.kafle__wiecej a{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.kafle__wiecej .ik{width:18px;height:18px}
.klasa__nr--lic{font-size:clamp(4rem,3rem + 6vw,7.5rem)}
.lic__glowa{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 20px}
.ld__wkrotce{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"nr srodek ik" "nr ile ik";gap:2px 14px;align-items:center;padding:16px 6px;border-bottom:1px solid var(--linia);color:var(--szary)}
@media (min-width:720px){.ld__wkrotce{grid-template-columns:44px 1fr auto 24px;grid-template-areas:"nr srodek ile ik";padding:18px 8px}}
.ld__wkrotce .ld__tyt{color:var(--szary)}
.menu__lic a{font-weight:600}
@media (max-width:719px){.menu__o{display:none}}
.galeria{margin-top:36px}
.galeria__lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:820px}
.galeria__a{display:block;background:#fff;border:1px solid var(--linia);border-radius:10px;overflow:hidden;text-decoration:none;color:var(--morze-800)}
.galeria__a:hover{border-color:var(--morze-700)}
.galeria__a img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:top}
.galeria__podpis{display:flex;align-items:center;gap:6px;padding:10px 12px;font:500 .8125rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.05em;border-top:1px solid var(--linia)}
.galeria__podpis .ik{width:16px;height:16px}