/* OsmaTest: wygląd dla ósmoklasisty. Ładowany jako ostatni arkusz, nadpisuje zmienne, fonty i kształty. */

/* Stare nazwy fontów (Caveat, Figtree) wskazują teraz na Nunito (nagłówki) i Inter (treść), więc działają też twardo wpisane odwołania. */
@font-face{font-family:"Caveat";font-style:normal;font-weight:500;font-display:swap;size-adjust:84%;src:url(/fonts/nunito-latin-ext-800-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:"Caveat";font-style:normal;font-weight:500;font-display:swap;size-adjust:84%;src:url(/fonts/nunito-latin-800-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:"Caveat";font-style:normal;font-weight:700;font-display:swap;size-adjust:84%;src:url(/fonts/nunito-latin-ext-900-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:"Caveat";font-style:normal;font-weight:700;font-display:swap;size-adjust:84%;src:url(/fonts/nunito-latin-900-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:"Figtree";font-style:normal;font-weight:400;font-display:swap;size-adjust:97%;src:url(/fonts/inter-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:"Figtree";font-style:normal;font-weight:400;font-display:swap;size-adjust:97%;src:url(/fonts/inter-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:"Figtree";font-style:normal;font-weight:500;font-display:swap;size-adjust:97%;src:url(/fonts/inter-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:"Figtree";font-style:normal;font-weight:500;font-display:swap;size-adjust:97%;src:url(/fonts/inter-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}
@font-face{font-family:"Figtree";font-style:normal;font-weight:600;font-display:swap;size-adjust:97%;src:url(/fonts/inter-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:"Figtree";font-style:normal;font-weight:600;font-display:swap;size-adjust:97%;src:url(/fonts/inter-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:"Figtree";font-style:normal;font-weight:700;font-display:swap;size-adjust:97%;src:url(/fonts/inter-latin-ext-700-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:"Figtree";font-style:normal;font-weight:700;font-display:swap;size-adjust:97%;src:url(/fonts/inter-latin-700-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}

/* Paleta: ciepły papier, mocny niebieski, koralowy akcent, słoneczna żółć */
:root{
  --paper:#fff8e7; --grid:#ffe9b8; --gridbg:#f7e6b8; --ruled:#fdf0d0; --margin:#ffb8ad; --sheet:#ffffff; --line:#f1dfae; --sunk:#fff1cf;
  --ink:#1f2a44; --ink-2:#434f6b; --ink-3:#5f6b87; --ink2:#434f6b; --ink3:#5f6b87;
  --rule:#efdcab; --rule-2:#dcc58a;
  --pen:#2f5bea; --pen2:#4a73ff; --pen-ink:#ffffff; --pen-soft:#e8eeff;
  --red:#ff6b5a; --red-soft:#ffe9e5; --note:#ffe27a; --note-edge:#f3c93c; --ok:#1fa971; --ok-soft:#dcf5e8;
  --good:#17935f; --good-soft:#dcf5e8; --bad:#e5484d; --bad-soft:#ffe6e3; --warn:#a85f00; --warn-soft:#fff0c9;
  --c-polski:#ef5b5b; --c-matematyka:#2f5bea; --c-angielski:#1fa971;
  --kid-edge:#ecd69a;
}
.mt-top,.mt-foot{--mt-pen:#2f5bea;--mt-red:#ff6b5a;--mt-ink:#1f2a44;--mt-ink2:#434f6b;--mt-ink3:#5f6b87;--mt-line:#f1dfae;--mt-paper:#fff8e7;--mt-soft:#e8eeff}

/* Tło: kropki zamiast kratki i czerwonej linii marginesu */
body{background-color:var(--paper)!important;background-image:radial-gradient(circle,#f3deaa 1.5px,transparent 1.9px)!important;background-size:28px 28px!important;background-position:0 0!important}
body::before{display:none!important}
/* szerokość jak maturatest.pl: 1420px z chrome.css i site.css */

/* Nagłówki */
h1,h2,h3{letter-spacing:-.012em}
h2{font-size:clamp(28px,4.4vw,44px)!important;line-height:1.12!important}
.phead h1{font-size:clamp(32px,6vw,56px)!important;line-height:1.05!important}
.logo,.mt-logo{font-size:26px!important;font-weight:900!important}
body{font-size:17px;line-height:1.6}

/* Przyciski: duże, zaokrąglone, z "wciskanym" cieniem */
.btn{border-radius:999px!important;border:0!important;min-height:50px;padding:12px 26px!important;font-weight:800!important;letter-spacing:.005em;transition:transform .08s,box-shadow .08s,background .15s}
.btn.primary{background:var(--pen)!important;color:#fff!important;box-shadow:0 5px 0 #1d3fb4}
.btn.primary:hover{background:#4a73ff!important;transform:translateY(-1px);box-shadow:0 6px 0 #1d3fb4}
.btn.primary:active{transform:translateY(4px);box-shadow:0 1px 0 #1d3fb4}
.btn.ghost{background:#fff!important;color:var(--pen)!important;box-shadow:0 0 0 2px #cfd9fb inset,0 4px 0 #cfd9fb}
.btn.ghost:hover{background:var(--pen-soft)!important}
.btn.ghost:active{transform:translateY(3px);box-shadow:0 0 0 2px #cfd9fb inset,0 1px 0 #cfd9fb}

/* Górny pasek i menu */
.top,.mt-top{background:rgba(255,248,231,.94)!important;border-bottom:2px solid var(--line)!important}
.mainnav a,.acts>a,.mt-nav a,.mt-link{border-radius:999px!important;padding:9px 13px!important}
.mainnav a:hover,.acts>a:hover,.mt-nav a:hover,.mt-link:hover{background:var(--pen-soft);color:var(--pen)}
.mainnav a[aria-current="page"],.mt-nav a[aria-current="page"]{box-shadow:none!important;background:var(--pen-soft);color:var(--pen)!important;border-radius:999px!important}
.burger summary{border-radius:14px!important;border-color:var(--pen)}
.burger nav{border-radius:18px!important;border:2px solid var(--line)}
.foot,.mt-foot{background:#fff!important;border-top:2px solid var(--line)!important}

/* Kartki: zaokrąglone karty bez marginesu zeszytu i dziurek */
.sheet,.lq-box,.lq-item,.cmp-c,.ex-c{background-image:none!important;background-color:#fff!important;border-radius:24px!important;border:2px solid var(--kid-edge)!important;box-shadow:0 6px 0 var(--kid-edge)!important}
.sheet::before{display:none!important}
.sheet,.try .sheet,.final .sheet,.card-s{padding-left:26px!important}
.final .sheet{padding-left:34px!important}
@media (max-width:560px){.sheet,.try .sheet,.final .sheet{padding-left:18px!important}.doc{padding-left:18px!important}}
.who .sheet{transform:rotate(-.8deg)}

/* Karty przedmiotów: każda w innym kolorze */
.cards{gap:20px}
.card-s{border-radius:26px!important;transition:transform .15s}
.card-s:hover{transform:translateY(-4px) rotate(-1deg)!important}
.cards .card-s:nth-child(3n+1){border-color:#b9c8fb!important;box-shadow:0 6px 0 #b9c8fb!important;background-color:#f3f6ff!important}
.cards .card-s:nth-child(3n+2){border-color:#9fe3c4!important;box-shadow:0 6px 0 #9fe3c4!important;background-color:#f0fbf6!important}
.cards .card-s:nth-child(3n){border-color:#ffc3bb!important;box-shadow:0 6px 0 #ffc3bb!important;background-color:#fff3f1!important}
.cards .card-s:nth-child(3n+2) h3{color:#128a5b}
.cards .card-s:nth-child(3n) h3{color:#e5483a}

/* Drobne elementy */
.tblwrap,.faq details{border-radius:16px}
.faq details{background:#fff;border:2px solid var(--line);padding:4px 16px;margin-bottom:10px}
.faq summary::after{color:var(--red)}
.bar2 .tr,.bar2 .fl{border-radius:999px!important}
.bar2 .tr{height:14px}
.try .tabs button{border-radius:999px;border-width:2px;font-weight:800}
.try .fb{border-radius:14px!important}
:is(.try,.demo) label{border-radius:14px!important}
:is(.try,.demo) .box{border-radius:8px;border-width:2px;border-color:var(--pen)}
a{color:var(--pen)}
:focus-visible{outline:3px solid #ffb703!important;outline-offset:3px;border-radius:8px}

/* Hero: mniejszy, czytelniejszy nagłówek */
.hero h1{font-size:clamp(34px,5.2vw,58px)!important;line-height:1.05!important;letter-spacing:-.015em}
.hero .lead{font-size:18px}
/* 3 przedmioty: menu w jednej kolumnie, kafelki w 3 kolumnach */
.mt-ddg{grid-template-columns:1fr!important;width:280px!important}
.hm-subj{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.hm-subj a{font-size:18px!important;padding:16px 18px!important;gap:14px!important}
.hm-subj .sj-ic{width:48px!important;height:48px!important;border-radius:13px!important}
@media (max-width:700px){.hm-subj{grid-template-columns:1fr!important}}
.mt-foot .mt-fcols{grid-template-columns:repeat(3,1fr)!important}
@media (max-width:520px){.mt-foot .mt-fcols{grid-template-columns:1fr!important}}
.cards3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media (max-width:820px){.cards3{grid-template-columns:1fr!important}}
.post .phead h1,.post .phead .lead,.phead .lead{max-width:none!important}
.bgrid.brel{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media (max-width:1100px){.bgrid.brel{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:620px){.bgrid.brel{grid-template-columns:1fr!important}}