/* maturaranking.pl — "tabela wyników": czarny pas, biel, złoto na podium, kondensowany uppercase.
   Zero webfontów, zero JS. */
:root{--czern:#111214;--grafit:#2b2d31;--szary:#6b6f76;--linia:#e3e5e8;--tlo:#ffffff;--tlo2:#f6f7f9;--zloto:#c9a227;--zloto-j:#f3e7c0;--czerw:#b3261e;--f-nagl:"Avenir Next Condensed","Arial Narrow","Helvetica Neue",Arial,sans-serif;--f-tekst:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--f-num:"SF Mono",Menlo,Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}
html{font-size:17px}
body{margin:0;background:var(--tlo);color:var(--czern);font-family:var(--f-tekst);line-height:1.55}
a{color:var(--czern);text-decoration-color:var(--zloto);text-decoration-thickness:2px}
a:hover{color:var(--czerw)}
.wnetrze{max-width:1100px;margin:0 auto;padding:0 20px}
.pas{background:var(--czern);color:#fff;padding:26px 0 0}
.pas a{color:#fff;text-decoration:none}
.marka{margin:0 0 14px;font-family:var(--f-nagl);text-transform:uppercase;letter-spacing:.12em;font-size:.9rem}
.marka .sezon{color:var(--zloto);margin-left:12px}
.pas h1{font-family:var(--f-nagl);font-weight:700;text-transform:uppercase;letter-spacing:.01em;font-size:clamp(2rem,5.5vw,4.2rem);line-height:.95;margin:0 0 8px}
.pas .pod{margin:0 0 22px;color:#cfd2d8;font-size:1.05rem}
.menu{display:flex;gap:2px;flex-wrap:wrap}
.menu a{padding:12px 18px;background:var(--grafit);font-family:var(--f-nagl);text-transform:uppercase;letter-spacing:.08em;font-size:.95rem}
.menu a[aria-current]{background:var(--zloto);color:var(--czern)}
main{padding:26px 20px 40px}
.aktualizacja{font-size:.85rem;color:var(--szary);border-left:4px solid var(--zloto);padding-left:12px;margin:0 0 22px}
.werdykt{border:2px solid var(--czern);padding:18px 22px;margin:0 0 34px;background:var(--tlo2)}
.werdykt .etykieta{margin:0 0 6px;font-family:var(--f-nagl);text-transform:uppercase;letter-spacing:.14em;font-size:.9rem;color:var(--czerw)}
.werdykt p{margin:0;font-size:1.1rem}
h2{font-family:var(--f-nagl);text-transform:uppercase;font-weight:700;letter-spacing:.01em;font-size:1.8rem;line-height:1.1;margin:42px 0 12px;padding-top:10px;border-top:6px solid var(--czern)}
h3{font-family:var(--f-nagl);font-size:1.5rem;margin:0;line-height:1.1}
h3 small{display:block;font-family:var(--f-tekst);font-size:.85rem;font-weight:400;color:var(--szary);text-transform:none;margin-top:2px}
.tabela-obwoluta{overflow-x:auto;margin:14px 0}
table.ligowa{border-collapse:collapse;width:100%;font-size:.93rem}
.ligowa caption{text-align:left;font-family:var(--f-nagl);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;color:var(--szary);padding:0 0 8px}
.ligowa th,.ligowa td{padding:9px 10px;border-bottom:1px solid var(--linia);text-align:left;vertical-align:top}
.ligowa thead th{background:var(--czern);color:#fff;font-family:var(--f-nagl);text-transform:uppercase;letter-spacing:.06em;font-weight:600;font-size:.82rem}
.ligowa tbody tr:nth-child(even){background:var(--tlo2)}
.ligowa tbody th{font-weight:600}
.ligowa .num{font-family:var(--f-num);text-align:right;white-space:nowrap;font-size:.9rem}
.ligowa .wynik{font-weight:700}
.ligowa .lp{font-family:var(--f-num);color:var(--szary);text-align:right;width:2.4em}
.ligowa tr.podium td.lp{color:var(--czern);font-weight:700}
.ligowa tr.podium{background:var(--zloto-j)!important}
.ligowa tr.dno td.wynik{color:var(--czerw)}
.zwarta th,.zwarta td{padding:7px 9px}
.kol-slupek{min-width:150px}
.slupek{display:block;height:12px;background:var(--linia);position:relative}
.slupek span{display:block;height:100%;background:var(--czern)}
.slupek.e8 span{background:var(--zloto)}
.slupek.kryt{height:8px;margin-top:4px}
.slupek.kryt span{background:var(--zloto)}
.zrodlo{font-size:.82rem;color:var(--szary);margin:6px 0 0}
.kafle{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:18px 0}
.kafel{border-top:6px solid var(--zloto);background:var(--tlo2);padding:14px 16px}
.kafel .duza{display:block;font-family:var(--f-nagl);font-size:2.6rem;font-weight:700;line-height:1}
.kafel .opis{display:block;font-size:.85rem;color:var(--szary);margin-top:4px}
.disclosure{font-size:.85rem;color:var(--szary);margin:10px 0 14px;padding:8px 12px;background:var(--tlo2);border-left:4px solid var(--zloto)}
.wpis{border:1px solid var(--linia);border-top:6px solid var(--czern);padding:18px 20px;margin:20px 0}
.wpis-naglowek{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:10px}
.miejsce{font-family:var(--f-nagl);font-size:2.4rem;font-weight:700;line-height:1;min-width:2.2rem;color:var(--zloto)}
.ocena{margin-left:auto;font-family:var(--f-nagl);font-size:2.4rem;font-weight:700;line-height:1}
.ocena small{font-size:1rem;color:var(--szary)}
.dwie{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:22px;align-items:start}
@media (max-width:760px){.dwie{grid-template-columns:1fr}}
.kryteria{list-style:none;margin:0;padding:0;font-size:.85rem}
.kryteria li{display:grid;grid-template-columns:1fr auto;gap:0 8px;margin-bottom:8px}
.kryteria .pkt{font-family:var(--f-num)}
.kryteria .slupek{grid-column:1/3}
.fakty{margin:0 0 12px;font-size:.92rem}
.fakty dt{font-family:var(--f-nagl);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:var(--szary);margin-top:6px}
.fakty dd{margin:0}
.pm{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:.9rem}
@media (max-width:560px){.pm{grid-template-columns:1fr}}
.pm h4{margin:0 0 4px;font-family:var(--f-nagl);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}
.pm ul{margin:0;padding-left:18px}
.faq h3{font-family:var(--f-tekst);font-size:1.05rem;font-weight:700;margin:18px 0 4px}
.faq p{margin:0}
.autor{margin-top:30px;font-size:.9rem;color:var(--szary)}
.tekst h1{display:none}
.tekst h2{font-size:1.4rem;border-top-width:3px}
.wersja{color:var(--szary);font-size:.85rem}
.stopka{background:var(--czern);color:#cfd2d8;padding:30px 0 20px;margin-top:30px;font-size:.9rem}
.stopka a{color:#fff}
.kolumny{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
@media (max-width:700px){.kolumny{grid-template-columns:1fr}}
.stopka h4{margin:0 0 6px;font-family:var(--f-nagl);text-transform:uppercase;letter-spacing:.1em;color:var(--zloto)}
.drobne{font-size:.8rem;margin-top:18px;border-top:1px solid var(--grafit);padding-top:12px}
.strona-404{padding:60px 20px;text-align:center}
.strona-404 .kod{font-family:var(--f-nagl);font-size:7rem;font-weight:700;line-height:1;color:var(--zloto)}