/* lzm.si/volisca/ — zemljevid občine po voliščih z izidi list.
   Podlaga, besedilo in robovi iz stil.css.

   Barve so v zelenih odtenkih liste (odločitev liste, 2026; prej nevtralna modra, ki se je
   tepla z zeleno strani). Rdeče na zemljevidu ni: zelena–rdeča bi izid označila kot dober ali
   slab in je pri barvni slepoti neločljiva.

   ⚠️ Odmik in sprememba sta privzeto zelena–oranžna (želja liste). Ta par je pri devteranopiji
   (≈ 5 % moških) skoraj ena barva: istoležna koraka imata ΔE 1–3, pri protanopiji 7–10, ker
   imata kraka namenoma enako svetlost (svetlost nosi velikost). Zato je v legendi teh pogledov
   gumb »Barve za barvno slepe« (razred .slepota na <html>, zapomni si ga localStorage), ki
   zeleni krak zamenja z modrim: preverjeni par modra–oranžna, ki je bil na strani prej
   (protan ΔE 12/26/21). Zelena–vijolična je ločljivejša (17–27), a lista jo je zavrnila.

   Barve so IZRAČUNANE in preverjene (dataviz validate_palette; OKLab, simulacija Machado):
   - Delež: zelena lestvica z enako svetlostjo kot prejšnja modra (OKLCH L 0,90 / 0,76 / 0,62 /
     0,48 / 0,34), odtenek od 126° (limeta) do 148° (zelena); s2 je skoraj limeta liste
     #8cc641, s4 skoraj zelena #397638. Svetlost pada monotono, razmik 0,14. V temni temi je
     lestvica obrnjena: malo je temno in se umakne v podlago, veliko je svetlo.
   - Odmik in sprememba: zelen krak (več) in oranžni krak (manj; isti kot prej ob modri) z ENAKO
     svetlostjo, vmes nevtralna siva. Za barvno slepe modri krak namesto zelenega.
   - Največ glasov: barva liste z največ glasovi. Lista za mlade ima svojo zeleno (--zl), štiri
     liste z največ zmagami na volitvah iste vrste (lestvice.php) oranžno, nebesno modro,
     kraljevsko modro in malinasto, druge so sive (--z0). Vijolične ni (lista: slaba ob zeleni).
     Na zemljevidu je lahko soseden vsak par, zato so preverjeni VSI pari, tudi s sivo: normalni
     vid ΔE ≥ 18,8 in protan/deutan ≥ 8,6 v svetli temi, ≥ 16,3 in ≥ 9,2 v temni (barve v pasu
     L 0,48–0,67); vsaka barva ima na kartici ≥ 3 : 1.
   - Volitve v DZ in referendumi: na zemljevidu največ glasov so barve list in barvi ZA in PROTI,
     kot jih uporablja DVK (podatki strani, CSSOM style.fill, ne razredi). Pri listah ima legenda
     gumb za barvno slepe, ki jih zamenja z zgornjimi barvami zmagovalcev; ZA (svetla) in PROTI
     (temna sivomodra) se ločita po svetlosti, zato gumba ne potrebujeta.
   - Najsvetlejši koraki deleža imajo na podlagi manj kot 2 : 1. To je pri zaporedni
     lestvici dovoljeno (»skoraj nič« se sme umakniti v podlago), vrednosti pa so vedno
     dosegljive tudi v namigu, podrobnostih in tabeli, zato barva ni edini nosilec.
   - Grafi skozi volitve: izbrane volitve so polna zelena pika (--poudarek), druge volitve imajo
     vsaka svojo OBLIKO (obroč, kvadrat, trikotnik, romb, obrnjen trikotnik, križ) in sivino,
     temnejšo, čim novejše so (--leto0 … --leto3; peta in šesta imata sivo četrte, svetlejša siva
     ne bi imela 3 : 1). Oblika in siva sta stalni za volitve, ne za vrstni red na zaslonu;
     vsaka siva ima na kartici vsaj 3 : 1. */
:root{
  --s1:#d3e9b3; --s2:#90c559; --s3:#539c2f; --s4:#2a6f28; --s5:#0a431a;
  --o3:#883008; --o2:#d45e2f; --o1:#efb19b;
  --n0:#f0efec;
  --m1:#aad083; --m2:#539c2f; --m3:#0b621b;
  --zl:#397638; --z1:#ec6f03; --z2:#0394cd; --z3:#1f47bc; --z4:#d14186; --z0:#b4b9b1;
  --poudarek:#397638;          /* izbrana lista v stolpcih podrobnosti */
  --stolpec:#c9cec6;           /* druge liste */
  --mreza-volisc:var(--papir); /* meje med volišči: reža v barvi podlage */
  --meja-obcine:#656964;
  --srafura:#9aa194;
  --leto0:#3d413c; --leto1:#5c615b; --leto2:#777c76; --leto3:#8f948e;
  --mreza-grafa:#e4e8df;
}
@media (prefers-color-scheme: dark){
  :root{
    --s1:#0a431a; --s2:#2a6f28; --s3:#539c2f; --s4:#90c559; --s5:#d3e9b3;
    --o3:#efb19b; --o2:#d45e2f; --o1:#9c390c;
    --n0:#383835;
    --m1:#207029; --m2:#539c2f; --m3:#aad083;
    --zl:#57a943; --z1:#b75502; --z2:#03a4ce; --z3:#3d6be3; --z4:#db4b8f; --z0:#5b5f58;
    --poudarek:#57a943;
    --stolpec:#4a5348;
    --meja-obcine:#a2a8a0;
    --srafura:#6f7c6c;
    --leto0:#d2d6cf; --leto1:#b1b6ae; --leto2:#92978f; --leto3:#767b74;
    --mreza-grafa:#353c34;
  }
}

/* Barve za barvno slepe (gumb v legendi odmika in spremembe): modri krak namesto zelenega,
   isti kot pred zeleno (referenčna modra lestvica, koraki 200/400/600). */
:root.slepota{--m1:#9ec5f4; --m2:#3987e5; --m3:#184f95}
@media (prefers-color-scheme: dark){
  :root.slepota{--m1:#1c5cab; --m2:#3987e5; --m3:#9ec5f4}
}

/* Zemljevid potrebuje več prostora kot besedilo; odstavki ostanejo berljivo ozki. */
.ovoj.siroka{max-width:72rem}
.siroka header p,.siroka .opombe ul{max-width:46rem}
/* Na širokem zaslonu je podnaslov ena vrstica, da zemljevid ostane na prvem zaslonu tudi pod
   znakom in navigacijo, ki sta enaka kot na drugih straneh. */
@media (min-width:62rem){ .siroka header .podnaslov{max-width:none} }
/* Pod naslovom: rezultati česa so na strani. */
.podnaslov{font-size:1.15rem;font-weight:600;line-height:1.35;color:var(--pridusen);margin:-.35rem 0 1rem}

/* ---------------------------------------------------------- zavihki (vrsta volitev) */
/* Kot zavihki na lzm.si/predlogi: pravokotni, izbrani je »odprt« (podlaga kartice, zelena črta
   zgoraj). Na ozkem zaslonu si delijo širino, dolgo ime gre v dve vrstici. */
.zavihki{display:flex;flex-wrap:wrap;align-items:flex-end;gap:0 .3rem;border-bottom:2px solid var(--rob);margin:1rem 0 0}
.zavihki button{
  font:inherit;font-size:1.02rem;font-weight:600;line-height:1.25;color:var(--zelena);background:transparent;cursor:pointer;
  padding:.55rem 1.1rem;margin-bottom:-2px;border:2px solid transparent;border-bottom:0;border-radius:10px 10px 0 0;
}
.zavihki button:hover{background:color-mix(in srgb, var(--crnilo) 5%, transparent)}
.zavihki button[aria-pressed="true"]{background:var(--papir);border-color:var(--rob);color:var(--crnilo);font-weight:700;box-shadow:inset 0 3px 0 var(--zelena)}
.zavihki button:focus-visible{outline:2px solid var(--zelena);outline-offset:-4px}
@media (max-width:40rem){
  .zavihki{gap:0 .2rem;flex-wrap:nowrap}
  .zavihki button{flex:1 1 0;min-width:0;font-size:.92rem;padding:.5rem .35rem;overflow-wrap:anywhere}
}
.zavihki + .izbira{margin-top:1rem}

/* ---------------------------------------------------------- izbira */
.izbira{
  display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem 1.25rem;
  margin:1.5rem 0 1rem;
}
.izbira[hidden]{display:none}
.izbira .polje{margin:0;min-width:min(100%,19rem)}
.izbira .polje label{font-size:.92rem}
.skupina-izbir{display:flex;flex-direction:column;gap:.3rem;min-width:0;max-width:100%}
.skupina-izbir > span{font-weight:600;font-size:.92rem}
/* Črte med gumbi so reža (gap) v barvi roba: tudi ko se skupina na ozkem zaslonu prelomi,
   so vrstice ločene, gumbi pa zapolnijo vsako vrstico. */
.preklop{
  display:inline-flex;flex-wrap:wrap;gap:1px;background:var(--rob-polje);
  border:1px solid var(--rob-polje);border-radius:9px;overflow:hidden;align-self:flex-start;max-width:100%;
}
.preklop button{
  flex:1 1 auto;font:inherit;font-size:.92rem;color:var(--crnilo);background:var(--ozadje);
  border:0;padding:.55rem .85rem;cursor:pointer;
}
.preklop button[aria-pressed="true"]{background:var(--gumb-ozadje);color:var(--gumb-tekst);font-weight:600}
.preklop button:disabled{color:var(--pridusen);cursor:not-allowed;text-decoration:line-through}
.preklop button:focus-visible{outline:2px solid var(--zelena);outline-offset:-3px}
.opozorilo-izbire{
  border-left:4px solid var(--limeta);
  background:color-mix(in srgb, var(--limeta) 12%, transparent);
  border-radius:0 10px 10px 0;
  padding:.6rem .9rem;margin:0 0 1rem;font-size:.92rem;
}

/* ---------------------------------------------------------- razpored */
.zemljevidi{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;align-items:start}
@media (min-width:62rem){
  .zemljevidi{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
  .stranski{position:sticky;top:1rem}
}
.kartica{
  background:var(--papir);
  border:1px solid var(--rob);
  border-radius:12px;
  box-shadow:var(--senca);
  padding:1rem 1.1rem;
  margin:0;
  min-width:0;
}
.kartica figcaption,.kartica h2{font-weight:600;font-size:1.02rem;line-height:1.35;margin:0 0 .6rem}
.kartica h2{margin-top:0}
.kartica .pod-naslov{display:block;font-weight:400;font-size:.88rem;color:var(--pridusen)}

/* ---------------------------------------------------------- zemljevid */
.platno{position:relative;width:100%}
.platno svg{display:block;width:100%;height:auto}
/* ⚠️ Polnilo brez razreda (ni podatka) je šrafura, podana kot ATRIBUT fill="url(#brez)" na poti,
   ne tu: url(#…) v zunanji slogovni datoteki se v nekaterih brskalnikih razreši glede na
   datoteko CSS, ne glede na stran. Razredi spodaj atribut prepišejo. */
.volisce{stroke:none;cursor:pointer;fill-rule:evenodd}
.volisce.s1{fill:var(--s1)} .volisce.s2{fill:var(--s2)} .volisce.s3{fill:var(--s3)}
.volisce.s4{fill:var(--s4)} .volisce.s5{fill:var(--s5)}
.volisce.o3{fill:var(--o3)} .volisce.o2{fill:var(--o2)} .volisce.o1{fill:var(--o1)}
.volisce.n0{fill:var(--n0)}
.volisce.m1{fill:var(--m1)} .volisce.m2{fill:var(--m2)} .volisce.m3{fill:var(--m3)}
.volisce.zl{fill:var(--zl)} .volisce.z1{fill:var(--z1)} .volisce.z2{fill:var(--z2)}
.volisce.z3{fill:var(--z3)} .volisce.z4{fill:var(--z4)} .volisce.z0{fill:var(--z0)}
/* Reža med volišči v barvi podlage: sosednji polji iste barve se ločita brez črte, ki bi bila
   podatek. Debelina ostane enaka pri vsaki velikosti (vector-effect). */
.mreza-volisc{fill:none;stroke:var(--mreza-volisc);stroke-width:1.5;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none}
.meja-obcine{fill:none;stroke:var(--meja-obcine);stroke-width:1.25;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none}
.izbrano{fill:none;stroke:var(--crnilo);stroke-width:2.5;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none}
.pod-kazalcem{fill:none;stroke:var(--crnilo);stroke-width:1.5;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none}
.srafura-crta{stroke:var(--srafura);stroke-width:1.2}
.srafura-podlaga{fill:var(--papir)}
.platno.js a:focus{outline:none}   /* s skripto fokus nariše obris .pod-kazalcem in namig */
.platno:not(.js) a:focus-visible .volisce{stroke:var(--zelena);stroke-width:3;vector-effect:non-scaling-stroke}
/* Številke volišč: črnilo z obrobo v barvi podlage — berljivo na vsakem polnilu. Velikost je v
   enotah SVG, deljena s povečavo (--z nastavi skripta), zato je na zaslonu vedno enaka. */
.oznake{pointer-events:none}
.oznake text{
  fill:var(--crnilo);font-weight:600;font-variant-numeric:tabular-nums;
  text-anchor:middle;dominant-baseline:central;
  font-size:calc(var(--pisava, 22px) / var(--z, 1));
  paint-order:stroke;stroke:var(--papir);stroke-width:calc(3px / var(--z, 1));stroke-linejoin:round;
}
/* Številko dobijo volišča, ki so za njo dovolj velika: brez skripte .skrita in .siroka-oznaka
   (naredi.php, R_SIROKA, R_OZKA), s skripto .skrita glede na povečavo. Na ozkem zaslonu so
   številke večje (--pisava, ≈ 12 px pri 350 px širine). */
.oznake .skrita{display:none}
@media (max-width:40rem){
  .glavni svg{--pisava:36px}
  .oznake .siroka-oznaka{display:none}
}

/* ---------------------------------------------------------- povečava */
/* Ikone v kotu zemljevida: povečaj, pomanjšaj, cela občina, mesto, odznači vse. */
.kontrole{position:absolute;top:.4rem;right:.4rem;z-index:2;display:flex;flex-direction:column;gap:.3rem}
.kontrole[hidden],.kontrole button[hidden]{display:none}
.kontrole button{
  display:flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;padding:0;
  color:var(--crnilo);background:var(--papir);border:1px solid var(--rob-polje);border-radius:8px;
  box-shadow:var(--senca);cursor:pointer;
}
.kontrole button:hover{background:color-mix(in srgb, var(--crnilo) 6%, var(--papir))}
.kontrole button:disabled{color:var(--pridusen);cursor:default;opacity:.55}
.kontrole button:focus-visible{outline:2px solid var(--zelena);outline-offset:2px}
.kontrole svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* Brez povečave enoprstno vlečenje drsi stran; povečan zemljevid se vleče (skripta). */
.glavni .platno.js svg{touch-action:pan-y}
.glavni .platno.povecano svg{touch-action:none;cursor:grab}
.glavni .platno.vlecem svg{cursor:grabbing}

.namig .naselja{color:var(--pridusen);font-size:.8rem;margin-top:.1rem}

.namig{
  position:absolute;z-index:3;pointer-events:none;
  background:var(--papir);border:1px solid var(--rob);border-radius:8px;box-shadow:var(--senca);
  padding:.5rem .7rem;font-size:.85rem;line-height:1.45;max-width:17rem;
}
.namig[hidden]{display:none}
.namig .glava{color:var(--pridusen);font-size:.8rem;margin-bottom:.2rem}
.namig .vrednost{font-weight:700;font-size:1.05rem;font-variant-numeric:tabular-nums}
.namig .ime{color:var(--pridusen)}
.namig .pod{color:var(--pridusen);font-size:.8rem;font-variant-numeric:tabular-nums}

/* ---------------------------------------------------------- legenda */
.legenda{margin:.75rem 0 0;font-size:.85rem;color:var(--pridusen)}
.legenda .naslov-legende{color:var(--crnilo);font-weight:600;margin:0 0 .35rem}
.lestvica{display:flex;flex-wrap:wrap;gap:.35rem .1rem;list-style:none;margin:0;padding:0}
.lestvica li{display:flex;flex-direction:column;align-items:flex-start;min-width:3.4rem;flex:1 1 0}
.lestvica .vzorec{display:block;width:100%;height:12px;border-radius:2px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--crnilo) 18%, transparent)}
.lestvica .meja{font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:.2rem}
.legenda .opomba{margin:.45rem 0 0}
.gumb-slepota{
  margin:.5rem 0 0;padding:.3rem .7rem;font:inherit;font-size:.82rem;color:var(--crnilo);
  background:var(--papir);border:1px solid var(--rob-polje);border-radius:999px;cursor:pointer;
}
.gumb-slepota[aria-pressed="true"]{color:var(--gumb-tekst);background:var(--gumb-ozadje);border-color:var(--gumb-ozadje)}
.gumb-slepota:focus-visible{outline:2px solid var(--zelena);outline-offset:2px}
.vzorec.s1{background:var(--s1)} .vzorec.s2{background:var(--s2)} .vzorec.s3{background:var(--s3)}
.vzorec.s4{background:var(--s4)} .vzorec.s5{background:var(--s5)}
.vzorec.o3{background:var(--o3)} .vzorec.o2{background:var(--o2)} .vzorec.o1{background:var(--o1)}
.vzorec.n0{background:var(--n0)}
.vzorec.m1{background:var(--m1)} .vzorec.m2{background:var(--m2)} .vzorec.m3{background:var(--m3)}
.vzorec.zl{background:var(--zl)} .vzorec.z1{background:var(--z1)} .vzorec.z2{background:var(--z2)}
.vzorec.z3{background:var(--z3)} .vzorec.z4{background:var(--z4)} .vzorec.z0{background:var(--z0)}
/* Izenačeno: ista šrafura kot na zemljevidu (vzorec #brez). */
.vzorec.izenaceno{background:repeating-linear-gradient(45deg, var(--srafura) 0 1.2px, var(--papir) 1.2px 5.7px)}
/* Največ glasov: barve so kategorije, ne lestvica — vnosi v vrsticah, vzorec ob imenu. */
.lestvica.kategorije{gap:.3rem 1.1rem}
.lestvica.kategorije li{flex-direction:row;align-items:center;gap:.4rem;flex:0 1 auto;min-width:0}
.lestvica.kategorije .vzorec{width:.85rem;height:.85rem;flex:none}
.lestvica.kategorije .meja{margin-top:0;white-space:normal}

/* ---------------------------------------------------------- podrobnosti */
.podrobnosti .stevilke{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem .75rem;margin:0 0 .9rem}
.podrobnosti .stevilke div{min-width:0}
.podrobnosti dt{font-size:.8rem;font-weight:600;color:var(--pridusen)}
.podrobnosti dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
.stolpci{list-style:none;margin:0;padding:0;font-size:.88rem}
.stolpci li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 .6rem;align-items:baseline;margin:0 0 .45rem}
.stolpci .ime-liste{min-width:0;overflow-wrap:anywhere;line-height:1.3}
.stolpci .stevilo{font-variant-numeric:tabular-nums;font-weight:600;text-align:right;white-space:nowrap}
.stolpci .stevilo small{font-weight:400;color:var(--pridusen)}
/* ⛔ Stolpci so SVG z atributom width, NE <span style="width:…">: CSP strani (style-src 'self')
   zavrne slog v atributu, ki ga izriše generator, in stolpci bi brez JavaScripta ostali prazni.
   SVG se raztegne čez celo širino (preserveAspectRatio="none"), črte ostanejo ostre. */
.stolpci .tir{grid-column:1 / -1;display:block;width:100%;height:12px;margin-top:.15rem;overflow:visible}
.stolpci .stolpec{fill:var(--stolpec)}
.stolpci li.izbrana .stolpec{fill:var(--poudarek)}
/* Največ glasov: stolpci list imajo barvo z zemljevida. */
.stolpci .stolpec.zl{fill:var(--zl)} .stolpci .stolpec.z1{fill:var(--z1)} .stolpci .stolpec.z2{fill:var(--z2)}
.stolpci .stolpec.z3{fill:var(--z3)} .stolpci .stolpec.z4{fill:var(--z4)}
.stolpci li.izbrana .ime-liste{font-weight:700}
/* Seštevek list (npr. POPER + SKUPAJ) pod listami, ločen s črto. */
.stolpci.sestevek{border-top:2px solid var(--rob);padding-top:.5rem}
/* Pri spremembi: prejšnji delež in razlika pod stolpcem. */
.stolpci .primerjava{grid-column:1 / -1;font-size:.8rem;color:var(--pridusen);font-variant-numeric:tabular-nums;margin-top:.1rem}
.podrobnosti dd small{display:block;font-weight:400;font-size:.8rem;color:var(--pridusen)}
/* Občinsko povprečje liste: tanka navpičnica čez tir. */
.stolpci .povprecje{stroke:var(--crnilo);stroke-width:2;vector-effect:non-scaling-stroke}
.kljuc-povprecja{font-size:.8rem;color:var(--pridusen);margin:.4rem 0 0}
.kljuc-povprecja .crtica{display:inline-block;width:2px;height:12px;background:var(--crnilo);vertical-align:-1px;margin-right:.4rem}
/* Volitve v DZ in referendumi: predčasno glasovanje za ves okraj ni v izidu občine. */
.opomba-okraj{font-size:.8rem;color:var(--pridusen);margin:-.4rem 0 .9rem}
.podrobnosti .nazaj{font:inherit;font-size:.88rem;color:var(--zelena);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;margin:0 0 .6rem}
.podrobnosti .nazaj:focus-visible{outline:2px solid var(--zelena);outline-offset:3px;border-radius:4px}
/* »↑ Zemljevid«: le na ozkem zaslonu, kjer so podrobnosti pod zemljevidom (volisca.js). */
.podrobnosti .na-zemljevid{font:inherit;font-size:.88rem;color:var(--zelena);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;margin:0 0 .6rem 1.2rem}
.podrobnosti .na-zemljevid:focus-visible{outline:2px solid var(--zelena);outline-offset:3px;border-radius:4px}
@media (min-width:62rem){ .podrobnosti .na-zemljevid{display:none} }
.podrobnosti h2:focus-visible{outline:2px solid var(--zelena);outline-offset:3px;border-radius:4px}
/* Zaslon na dotik: namig pod zemljevidom, kako povečati mestna volišča; ob povečavi se skrije. */
.namig-dotik{font-size:.85rem;color:var(--pridusen);margin:.5rem 0 0;line-height:1.45}
.namig-dotik button{font:inherit;color:var(--zelena);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline}
.namig-dotik button:focus-visible{outline:2px solid var(--zelena);outline-offset:2px;border-radius:4px}
.platno.povecano + .namig-dotik{display:none}

/* Domača volišča izvoljenih v podrobnostih: mesto in podeželje (stolpec izvoljenih, črtica volivcev). */
.izvoljeni-podrobno{margin:0 0 1rem}
.izvoljeni-podrobno:empty{display:none}
.povzetek-izvoljenih{font-size:.88rem;margin:0}

/* ---------------------------------------------------------- preferenčni glasovi */
.preferencni{margin-top:1.25rem}
.preferencni[hidden]{display:none}
.preferencni h2{margin:0}
.preferencni-vsebina{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;margin-top:.5rem}
@media (min-width:62rem){ .preferencni-vsebina{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)} }
.pref-lista + .pref-lista{margin-top:1.5rem}
.pref-lista h3{font-size:1rem;margin:0 0 .4rem}
.povzetek-pref{font-size:.88rem;margin:0 0 .8rem;max-width:44rem}
.opomba-pref{font-size:.88rem;color:var(--pridusen);margin:0}
/* Izvoljene kandidature: zeleni stolpec in krepko ime; način izvolitve je napisan pod stolpcem. */
.pref-kandidature li.izvoljen .stolpec{fill:var(--poudarek)}
.pref-kandidature li.izvoljen .ime-liste{font-weight:700}
.pref-kandidature .mandat{grid-column:1 / -1;font-size:.8rem;color:var(--pridusen);margin-top:.1rem}
.stolpci .prag{stroke:var(--crnilo);stroke-width:2;stroke-dasharray:3 2;vector-effect:non-scaling-stroke}
.kljuc-povprecja .crtica.prag{background:repeating-linear-gradient(var(--crnilo) 0 3px,transparent 3px 5px)}
/* Ime liste kot gumb (v podrobnostih in v pregledu preferenčnih glasov): klik jo izbere. */
.stolpci button.ime-liste{font:inherit;line-height:1.3;color:var(--crnilo);background:none;border:0;padding:0;text-align:left;cursor:pointer;text-decoration:underline;text-decoration-color:var(--rob-polje);text-underline-offset:2px}
.stolpci button.ime-liste:hover{text-decoration-color:currentColor}
.stolpci button.ime-liste:focus-visible{outline:2px solid var(--zelena);outline-offset:2px;border-radius:2px}

/* ---------------------------------------------------------- izbira več volišč */
.orodja-izbire{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .7rem;margin:.6rem 0 0;font-size:.85rem;color:var(--pridusen)}
.orodja-izbire[hidden]{display:none}
.orodja-izbire button{
  font:inherit;font-size:.85rem;color:var(--crnilo);background:var(--papir);
  border:1px solid var(--rob-polje);border-radius:999px;padding:.3rem .8rem;cursor:pointer;
}
.orodja-izbire button[aria-pressed="true"]{background:var(--gumb-ozadje);border-color:var(--gumb-ozadje);color:var(--gumb-tekst);font-weight:600}
.orodja-izbire button:focus-visible{outline:2px solid var(--zelena);outline-offset:2px}

/* ---------------------------------------------------------- grafi skozi volitve */
.grafi{margin-top:1.25rem}
.grafi[hidden]{display:none}
.kartica .preklop button{background:var(--papir)}
.kartica .preklop button[aria-pressed="true"]{background:var(--gumb-ozadje)}
.glava-grafov{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.75rem 1.5rem;margin:0 0 1rem}
.glava-grafov h2{margin:0}
.izbira-grafa{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}
.grafa{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}
@media (min-width:62rem){ .grafa{grid-template-columns:minmax(0,1fr) minmax(0,1.9fr)} }
.naslov-grafa{font-weight:600;margin:0 0 .6rem}
.opomba-grafa{font-size:.8rem;color:var(--pridusen);margin:.5rem 0 0}
.graf-volisca{position:relative}
.kljuc-let{display:flex;flex-wrap:wrap;gap:.3rem 1rem;list-style:none;margin:0 0 .6rem;padding:0;font-size:.8rem;color:var(--pridusen)}
.kljuc-let li{display:flex;align-items:center;gap:.4rem}
.kljuc-let .pika{position:static;transform:none;flex:none}
/* Vrstica: oznaka volišča | tir s pikami | vrednost izbranih volitev | sprememba. Glava osi ima
   iste stolpce, zato so oznake osi poravnane s piki. */
.os-grafa,.vrstica{display:grid;grid-template-columns:minmax(0,12rem) minmax(0,1fr) 4.4rem 5.6rem;gap:0 .75rem;align-items:center}
.os-grafa{font-size:.75rem;color:var(--pridusen);padding:0 .35rem;margin:0 0 .15rem}
.os-grafa .vrednost,.os-grafa .razlika{text-align:right}
.tir-osi{position:relative;height:1.1rem}
.tir-osi span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap;font-variant-numeric:tabular-nums}
.pike{list-style:none;margin:0;padding:0;font-size:.85rem}
.pike li:not(.posebno) + li.posebno{border-top:2px solid var(--rob);margin-top:.25rem;padding-top:.25rem}
.vrstica{width:100%;font:inherit;color:inherit;text-align:left;background:none;border:0;border-radius:6px;padding:.1rem .35rem;line-height:1.35}
button.vrstica{cursor:pointer}
button.vrstica:hover{background:color-mix(in srgb, var(--crnilo) 5%, var(--papir))}
button.vrstica[aria-pressed="true"]{background:color-mix(in srgb, var(--poudarek) 12%, var(--papir))}
button.vrstica[aria-pressed="true"] .oznaka{font-weight:700}
button.vrstica:focus-visible{outline:2px solid var(--zelena);outline-offset:-2px}
.vrstica .oznaka{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vrstica .oznaka b{font-variant-numeric:tabular-nums}
.vrstica .vrednost{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
.vrstica .razlika{text-align:right;font-size:.8rem;color:var(--pridusen);font-variant-numeric:tabular-nums}
.posebno .vrstica{color:var(--pridusen)}
/* Mreža: navpičnica na vsakem razdelku osi; razmik (--korak) nastavi skripta. */
.tir-pik{
  position:relative;height:1.35rem;
  background-image:linear-gradient(to right, var(--mreza-grafa) 1px, transparent 1px);
  background-size:var(--korak, 25%) 100%;box-shadow:inset -1px 0 0 var(--mreza-grafa);
}
.razpon{position:absolute;top:50%;height:2px;margin-top:-1px;background:var(--stolpec)}
/* Pike so majhni SVG (volisca.js, znacka): vsake volitve svoja oblika, da se ločijo tudi brez
   barve; izbrane volitve so poln krog z obročem v barvi podlage, ko se prekriva z drugimi. */
.pika{position:absolute;top:50%;width:.72rem;height:.72rem;transform:translate(-50%,-50%);overflow:visible;fill:var(--papir);stroke-width:1.7;stroke-linejoin:round}
.pika.star0{stroke:var(--leto0)} .pika.star1{stroke:var(--leto1)}
.pika.star2{stroke:var(--leto2)} .pika.star3{stroke:var(--leto3)}
.pika.trenutne{width:.8rem;height:.8rem;fill:var(--poudarek);stroke:var(--papir);stroke-width:1.2}
.namig .vrednost-leta .pika{position:static;transform:none;display:inline-block;vertical-align:-.1rem;margin-right:.35rem}
.namig .vrednost-leta{font-variant-numeric:tabular-nums}
.namig .vrednost-leta .leto{color:var(--pridusen)}
.namig .vrednost-leta.trenutne{font-weight:700}
/* Na ozkem zaslonu: samo številka volišča, sprememba pod vrednostjo. */
@media (max-width:40rem){
  .os-grafa,.vrstica{
    grid-template-columns:minmax(0,4.6rem) minmax(0,1fr) 4.2rem;gap:0 .5rem;
    grid-template-areas:"oznaka tir vrednost" "oznaka tir razlika";
  }
  .os-grafa .oznaka,.vrstica .oznaka{grid-area:oznaka}
  .tir-osi,.tir-pik{grid-area:tir}
  .os-grafa .vrednost,.vrstica .vrednost{grid-area:vrednost}
  .os-grafa .razlika,.vrstica .razlika{grid-area:razlika;font-size:.72rem}
  .vrstica .ime-volisca{display:none}
  .tir-osi.gosta span:nth-child(even){display:none}
}

/* ---------------------------------------------------------- tabele */
.tabela,.tabela-spremembe{margin:1.75rem 0 0}
.tabela[hidden],.tabela-spremembe[hidden]{display:none}
.tabela summary,.obmocja summary{cursor:pointer;list-style:none;position:relative;padding-right:2rem}
.tabela summary::-webkit-details-marker,.obmocja summary::-webkit-details-marker{display:none}
.tabela summary::after,.obmocja summary::after{
  content:"";position:absolute;right:.4rem;top:.45rem;width:.5rem;height:.5rem;
  border-right:2px solid var(--zelena);border-bottom:2px solid var(--zelena);transform:rotate(45deg);
}
.tabela[open] summary::after,.obmocja[open] summary::after{transform:rotate(-135deg);top:.7rem}
.tabela summary:focus-visible,.obmocja summary:focus-visible{outline:2px solid var(--zelena);outline-offset:3px;border-radius:6px}
.tabela summary h2,.tabela-spremembe h2{display:inline;font-size:1.15rem;margin:0}
.tabela-spremembe h2{display:block;margin:0 0 .4rem}
.namig-tabele{font-size:.88rem;color:var(--pridusen);margin:.4rem 0 .6rem}

/* ---------------------------------------------------------- naslovi po voliščih */
.naslovi-volisc{margin:1.75rem 0 0}
.naslovi-volisc h2{font-size:1.15rem;margin:0}
.obmocja{margin:.5rem 0 0}
.obmocja[hidden]{display:none}
.obmocja summary h3{display:inline;font-size:1rem;margin:0}
.obmocja dl{margin:.6rem 0 0;border:1px solid var(--rob);border-radius:10px;background:var(--papir);font-size:.88rem}
.obmocja dl > div{display:grid;grid-template-columns:minmax(0,14rem) minmax(0,1fr);gap:.15rem 1rem;padding:.5rem .75rem}
/* Črta le med vidnimi vrsticami: iskanje ulice skrije druge, prva in zadnja vidna sta brez nje. */
.obmocja dl > div:not([hidden]) ~ div:not([hidden]){border-top:1px solid var(--rob)}
.obmocja dl > div[hidden]{display:none}
.obmocja dt{font-weight:700;font-variant-numeric:tabular-nums}
.obmocja dt small{display:block;font-weight:400;color:var(--pridusen)}
/* Sedež volišča (z naslovom) je glavno, številka le oznaka. */
.obmocja dt small.sedez{font-weight:600;color:var(--crnilo)}
/* Sedež na prejšnjih volitvah, kjer se je za prihodnje spremenil. */
.obmocja dt small.prej{font-size:.8rem;text-decoration:line-through;text-decoration-color:var(--rob-polje)}
/* Pot do volišča (Google, Apple Zemljevidi) pod sedežem. */
.obmocja dt .pot{display:block;font-weight:400;font-size:.8rem;margin-top:.15rem}
.obmocja .pot a,.opomba-prihodnje a{color:var(--zelena)}
.opomba-prihodnje{font-size:.88rem;margin:.6rem 0 0;max-width:46rem}
/* Iskanje (kje volim) nad seznamom; le s skripto. */
.iskalnik{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .75rem;margin:.6rem 0 .2rem}
.iskalnik label{font-weight:600;font-size:.95rem}
.iskalnik input{font:inherit;font-size:1rem;color:var(--crnilo);background:var(--papir);border:1px solid var(--rob-polje);border-radius:8px;padding:.55rem .75rem;width:min(24rem,100%)}
.iskalnik input:focus-visible{outline:2px solid var(--zelena);outline-offset:1px}
.izid-iskanja{flex-basis:100%;font-size:.88rem;color:var(--pridusen);margin:0;min-height:1.2em}
/* Kartice zadetkov: številka, sedež z naslovom, najdeni naslov, pot do volišča; pod njimi opomba. */
.izid-volisc{display:grid;gap:.75rem;margin:.6rem 0 0;max-width:42rem}
.izid-volisc:empty{display:none}
.kartica-volisca{background:var(--papir);border:1px solid var(--rob);border-left:4px solid var(--zelena);border-radius:10px;padding:.8rem 1rem .85rem;box-shadow:var(--senca)}
.kartica-volisca p{margin:0}
.st-volisca{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--pridusen)}
.st-volisca b{color:var(--crnilo);font-variant-numeric:tabular-nums}
.kartica-volisca .sedez{font-size:1.15rem;font-weight:700;line-height:1.3;margin:.1rem 0 .5rem}
.zadetek{display:flex;flex-wrap:wrap;column-gap:.35rem;font-size:.92rem;line-height:1.45;margin:0 0 .7rem}
.oznaka-zadetka{color:var(--pridusen)}
.zadetek ul{list-style:none;margin:0;padding:0;flex:1 1 15rem;min-width:0}
.zadetek li.se{color:var(--pridusen)}
.pot{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem 1rem}
.gumb-pot{display:inline-flex;align-items:center;min-height:2.75rem;box-sizing:border-box;padding:.5rem 1rem;border-radius:8px;
  background:var(--gumb-ozadje);color:var(--gumb-tekst);font-weight:600;text-decoration:none}
.gumb-pot:hover{background:var(--gumb-ozadje-hover);color:var(--gumb-tekst)}
.gumb-pot:focus-visible{outline:2px solid var(--zelena);outline-offset:2px}
.kartica-volisca .pot a:not(.gumb-pot){color:var(--zelena);font-size:.9rem}
/* Izidi tega volišča: izbere ga na zemljevidu (manj poudarjeno kot pot do volišča). */
.kartica-volisca .izidi-volisca{font:inherit;font-size:.92rem;font-weight:600;color:var(--zelena);background:none;border:1px solid var(--zelena);
  border-radius:8px;min-height:2.75rem;padding:.45rem 1rem;margin:.6rem 0 0;cursor:pointer}
.kartica-volisca .izidi-volisca:hover{background:color-mix(in srgb, var(--zelena) 8%, var(--papir))}
.kartica-volisca .izidi-volisca:focus-visible{outline:2px solid var(--zelena);outline-offset:2px}
.kartica-volisca .prej-sedez{font-size:.85rem;margin-top:.6rem}
.ulice-volisca{margin:.6rem 0 0;font-size:.85rem}
.ulice-volisca summary{cursor:pointer;color:var(--zelena);font-weight:600;width:fit-content}
.ulice-volisca summary:focus-visible{outline:2px solid var(--zelena);outline-offset:2px;border-radius:4px}
.ulice-volisca p{margin:.35rem 0 0;line-height:1.45}
.vec-zadetkov{font-size:.88rem;color:var(--pridusen);margin:0}
.opomba-iskanja{font-size:.88rem;line-height:1.45}
.opomba-iskanja p{margin:0}
/* Predčasno glasovanje: povezava, ne gumb (pomembnejša je pot do svojega volišča). */
.opomba-iskanja .pot{margin-top:.25rem}
.opomba-iskanja .pot a{color:var(--zelena)}
.opomba-iskanja .gumb-pot{display:inline;min-height:0;padding:0;background:none;color:var(--zelena);font-weight:400;text-decoration:underline}

/* Vprašanja z odgovori (razširljiva, delujejo brez skripte). Nad zemljevidom je le »Kje volim«
   (poudarjeno; v odgovor skripta vstavi iskalnik volišč), ostala so takoj pod zemljevidom.
   Puščica je LEVO pred vprašanjem — na desni jo je bilo zlahka spregledati. */
.vprasanja{display:grid;gap:.5rem;margin:1rem 0 0;max-width:46rem}
.vprasanja-strani{margin:1.25rem 0 0}
.vprasanje{border:1px solid var(--rob);border-radius:10px;background:var(--papir)}
.vprasanje > summary{cursor:pointer;list-style:none;position:relative;padding:.6rem .9rem .6rem 2.3rem;font-weight:600;line-height:1.35}
.vprasanje > summary::-webkit-details-marker{display:none}
.vprasanje > summary::after{
  content:"";position:absolute;left:.95rem;top:.95rem;width:.5rem;height:.5rem;
  border-right:2px solid var(--zelena);border-bottom:2px solid var(--zelena);transform:rotate(45deg);
}
/* Samo neposredni otroci (»>«): v odgovoru »Kje volim« je kartica volišča s svojim <details>,
   povezavami in gumbom »Pot do volišča«, ki ohranijo svoj videz. */
.vprasanje[open] > summary::after{transform:rotate(-135deg);top:1.15rem}
.vprasanje.kje-volim{border-color:var(--zelena)}
.vprasanje.kje-volim > summary{color:var(--zelena);font-size:1.05rem}
.kje-volim .iskalnik{margin-top:0}
.kje-volim .izid-volisc{margin-bottom:.2rem}

/* ⚠️ Zemljevid mora biti na prvem zaslonu (telefon 390 × 844, tudi v brskalniku aplikacije
   Facebook, ki ima zaslona manj): na telefonu je znak manjši in v vrstici z navigacijo, oznake
   izbir so levo od gumbov, razmiki so tesni. »Izberi več volišč« je povsod pod zemljevidom.
   Preverja skripte/preizkusi/volisca.js. */
/* Znak in glavna navigacija lzm.si: na tablici in namizju enako kot na drugih straneh — znak, pod
   njim navigacija, ki se ob pomiku prilepi na vrh okna. Pravila so prepis iz pregled.css (ta stran
   ga ne nalaga); ⚠️ spreminjaj ju skupaj, volisca.js primerja znak in navigacijo z naslovnico.
   Na telefonu sta manjši znak in navigacija v isti vrstici, navigacija pa se pomika vodoravno;
   desni rob se zabriše, da je vidno, da se nadaljuje. */
.vrh{display:contents}
.vrh>.naslovna{margin-top:1.5rem}
.ovoj>.vrh+header{padding-top:0}
.strani{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;border-bottom:1px solid var(--rob);padding:.5rem 0 1rem;margin-bottom:1.5rem}
.strani a{padding:.45rem 0;color:var(--crnilo);font-weight:600;text-decoration:none;border-bottom:3px solid transparent}
.strani a[aria-current="page"]{border-bottom-color:var(--zelena);color:var(--zelena)}
.strani a:hover{text-decoration:underline}
/* Stran, ki še nima vsebine (programske smernice do objave, pregled.js PROGRAM_OBJAVLJEN): napis
   z oznako »kmalu«, brez povezave in brez videza povezave. */
.strani .kmalu{padding:.45rem 0;border-bottom:3px solid transparent;color:var(--pridusen);font-weight:600;cursor:default}
.strani .kmalu small{font-size:.8em;font-weight:400}
@media (min-width:48rem) and (min-height:32rem){
  :root{--visina-strani:3rem}
  html{scroll-padding-top:calc(6px + var(--visina-strani) + .5rem)}
  .strani{position:sticky;top:6px;z-index:30;height:var(--visina-strani);flex-wrap:nowrap;align-items:stretch;padding:0;margin-bottom:1.25rem;border-bottom:0;box-shadow:inset 0 -1px var(--rob);background:var(--ozadje)}
  .strani a{display:flex;align-items:center;padding:0;border-top:3px solid transparent}
  .strani .kmalu{align-self:center;padding:0;border-bottom:0}
  .stranski{top:calc(6px + var(--visina-strani) + 1rem)}
}
@media (min-width:1000px){ .vrh>.naslovna{margin-top:2.2rem} }
@media (max-width:40rem){
  .vrh{display:flex;align-items:center;gap:0 .9rem;margin:.5rem 0 .35rem}
  .vrh>.naslovna{flex:none;width:7.5rem;padding:.3rem;margin:0}
  .strani{flex-wrap:nowrap;overflow-x:auto;gap:0 1rem;min-width:0;padding:0;margin:0;border-bottom:0;font-size:.9rem;scrollbar-width:none;
    -webkit-mask-image:linear-gradient(90deg,#000 80%,transparent);mask-image:linear-gradient(90deg,#000 80%,transparent)}
  .strani::-webkit-scrollbar{display:none}
  .strani a,.strani .kmalu{white-space:nowrap;padding:.35rem 0 .25rem}
  .strani a:last-child{margin-right:1.5rem}
  .siroka h1{margin-bottom:.35rem}
  .podnaslov{font-size:.92rem;line-height:1.3;margin:0 0 .6rem}
  .vprasanja{margin-top:.5rem}
  .zavihki{margin-top:.8rem}
  .zavihki + .izbira{margin-top:.6rem}
  .izbira{gap:.45rem;margin-bottom:.75rem}
  .skupina-izbir{flex-direction:row;align-items:center;gap:.6rem}
  .skupina-izbir > span{flex:0 0 4.6rem}
  .izbira .polje{display:flex;align-items:center;gap:.6rem;width:100%}
  .izbira .polje label{flex:0 0 4.6rem;margin:0}
  .izbira .polje select{flex:1 1 auto;min-width:0;width:auto}
}
.vprasanje > summary:focus-visible{outline:2px solid var(--zelena);outline-offset:2px;border-radius:10px}
.odgovor{padding:0 .9rem .8rem;font-size:.92rem;line-height:1.5}
.odgovor > p{margin:.55rem 0 0}
.odgovor > p:first-child{margin-top:0}
.obmocja dd{margin:0;line-height:1.45}
.obmocja dd small{color:var(--pridusen);white-space:nowrap}
@media (max-width:40rem){ .obmocja dl > div{grid-template-columns:minmax(0,1fr)} }
/* V podrobnostih: ulice in hišne številke izbranih volišč (razširljivo, da ne zakrije izida). */
.podrobnosti .obmocje{margin:0 0 .85rem;font-size:.85rem}
.podrobnosti .obmocje summary{cursor:pointer;font-weight:600}
.podrobnosti .obmocje summary:focus-visible{outline:2px solid var(--zelena);outline-offset:2px;border-radius:4px}
.podrobnosti .obmocje p{margin:.35rem 0 0;line-height:1.45;overflow-wrap:anywhere}
.drsnik{overflow-x:auto;border:1px solid var(--rob);border-radius:10px;background:var(--papir)}
.drsnik:focus-visible{outline:2px solid var(--zelena);outline-offset:2px}
.drsnik table{border-collapse:collapse;width:100%;font-size:.86rem;font-variant-numeric:tabular-nums}
.drsnik th,.drsnik td{padding:.38rem .55rem;text-align:right;border-bottom:1px solid var(--rob);white-space:nowrap;vertical-align:top}
.drsnik thead th{background:var(--papir);font-weight:600;color:var(--pridusen);vertical-align:bottom;white-space:normal;min-width:4.5rem;line-height:1.25}
.drsnik thead th:first-child,.drsnik tbody th,.drsnik tfoot th{text-align:left;position:sticky;left:0;background:var(--papir);z-index:1}
.drsnik tbody th{font-weight:600;white-space:normal;min-width:11rem;max-width:16rem}
.drsnik tbody th small{display:block;font-weight:400;color:var(--pridusen)}
.drsnik td small{display:block;color:var(--pridusen);font-size:.78rem}
.tabela tr:target th,.tabela tr:target td{background:color-mix(in srgb, var(--limeta) 16%, var(--papir))}
.tabela .izbrana-lista{background:color-mix(in srgb, var(--poudarek) 10%, var(--papir))}
.tabela thead th.izbrana-lista{color:var(--crnilo)}
.drsnik tfoot th,.drsnik tfoot td{border-bottom:0;border-top:2px solid var(--rob)}
.drsnik tfoot th,.drsnik td.najvec{font-weight:700}   /* največ glasov v vrstici, tudi za občino */
.tabela tr.posebno th,.tabela tr.posebno td{color:var(--pridusen)}
/* Predčasno glasovanje za ves okraj (DZ, referendumi) je v nogi pod izidom občine, ki ga ne vsebuje. */
.drsnik tfoot tr.posebno th{font-weight:400}
.drsnik tfoot tr.posebno th small{display:block;color:var(--pridusen)}
/* Črta nad prvo posebno vrstico (predčasno glasovanje, pošta) — ⚠️ ne :first-of-type, ta gleda
   na vrsto elementa (tr), ne na razred, in ne bi zadel nikoli. */
.tabela tbody tr:not(.posebno) + tr.posebno th,.tabela tbody tr:not(.posebno) + tr.posebno td{border-top:2px solid var(--rob)}
/* Telefon: v zasidranem prvem stolpcu tabel izidov je le številka volišča, da ostane več prostora za
   izide. Sedež je skrit le vidno (bralnik zaslona ga prebere); posebne vrstice (predčasno glasovanje,
   pošta) in noga obdržijo ime in se lomijo. Tabela spremembe ostane, kot je (v podoznaki je primerjava). */
@media (max-width:40rem){
  .tabela .drsnik tbody th{min-width:0;max-width:6.5rem}
  .tabela .drsnik tbody tr:not(.posebno) th small{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .tabela .drsnik tfoot th{white-space:normal}
}

.opombe{margin:1.75rem 0 0;font-size:.9rem;color:var(--pridusen)}
.opombe h2{font-size:1.05rem;color:var(--crnilo);margin:0 0 .5rem}
.opombe ul{margin:0 0 1rem;padding-left:1.2rem}
.opombe li{margin:0 0 .35rem}