/* Site 15 (pl-wygrac). Its own CSS vocabulary: .bieg / .plansza / .rel / .etap / .sygnal /
   .ramka / .dol. No other site in the network uses these names and none of them is a translation
   of another site's vocabulary - a shared class vocabulary survives translation and is therefore
   a fingerprint (PLAYBOOK section 7). Layout is a LEFT RAIL, because a reader arrives mid-contest
   and needs to jump to the poll format they are actually in rather than read downward. */
:root{--tlo:#f4f6f8;--karta:#ffffff;--tekst:#141b22;--cien:#5b6874;--linia:#d8dfe6;--akcent:#0f6f63}
*{box-sizing:border-box}
body.bieg{margin:0;background:var(--tlo);color:var(--tekst);
  font:16px/1.6 "Segoe UI",system-ui,-apple-system,Arial,sans-serif}
.plansza{display:grid;grid-template-columns:15rem minmax(0,42rem);gap:2.5rem;
  max-width:62rem;margin:0 auto;padding:2.5rem 1.25rem 1rem}
.rel{position:sticky;top:2.5rem;align-self:start;border-right:1px solid var(--linia);
  padding-right:1.25rem}
.rel-tytul{margin:0 0 .5rem;font-size:.74rem;letter-spacing:.11em;text-transform:uppercase;
  color:var(--cien)}
.rel ul{list-style:none;margin:0;padding:0}
.rel li{margin:.4rem 0;font-size:.94rem}
.rel a{color:var(--akcent);text-decoration:none}
.rel a:hover{text-decoration:underline}
.rel li[aria-current]{font-weight:600}
main{min-width:0}
h1{font-size:1.95rem;line-height:1.22;margin:0 0 .9rem}
h2{font-size:1.24rem;margin:2.1rem 0 .55rem}
h3{font-size:1.02rem;margin:1.4rem 0 .3rem}
p{margin:0 0 .95rem}
p.otwarcie{font-size:1.1rem;color:var(--cien);margin-bottom:1.8rem}
.sygnal{background:var(--karta);border:1px solid var(--linia);border-left:4px solid var(--akcent);
  padding:1rem 1.2rem;margin:0 0 2rem}
.sygnal h2{margin:0 0 .45rem;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--cien)}
.sygnal ul{margin:0;padding-left:1.1rem}
.sygnal li{margin:.4rem 0}
.etap{margin:0 0 1rem}
.lista-etapu{padding-left:1.15rem}
.lista-etapu li{margin:.3rem 0}
.ramka{list-style:none;margin:1.5rem 0 0;padding:0}
.ramka li{background:var(--karta);border:1px solid var(--linia);padding:.85rem 1rem;
  margin:0 0 .65rem}
.ramka a{color:var(--akcent);text-decoration:none;font-weight:600}
.ramka span{display:block;color:var(--cien);font-size:.9rem;margin-top:.2rem}
.dol{max-width:62rem;margin:0 auto;padding:1.5rem 1.25rem 3rem;color:var(--cien);font-size:.9rem}
.dol a{color:var(--akcent)}
@media (max-width:820px){
  .plansza{grid-template-columns:minmax(0,1fr);gap:1.5rem;padding-top:1.5rem}
  .rel{position:static;border-right:0;border-bottom:1px solid var(--linia);padding:0 0 1rem}
  .rel ul{display:flex;flex-wrap:wrap;gap:.75rem}
  .rel li{margin:0}
  h1{font-size:1.55rem}
}