/* ===========================================================================
   Stran »Obračun mandata 2022–2026« (splet/mandat/, osnutek v splet/osnutek/;
   izdela skripte/splet/naredi_mandat.js).

   Naloži se ZA stil.css in doda samo, česar stil.css nima: številke na vrhu,
   kazalo področij, dosežke in obrazec za odklep osnutka. Barve, pisava, robovi
   in zaobljenosti so žetoni iz stil.css — nič novega ni izmerjeno ali
   izmišljeno.

   ⛔ Limetna nikjer ne nosi besedila (glej stil.css): pri dosežku je samo črta
   ob robu. Kontrast meri skripte/preizkusi/mandat.js.
   =========================================================================== */

/* ---------------------------------------------------------------- številke */
.stevilke{
  list-style:none;
  padding:0;
  margin:0 0 1.25rem;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));
  gap:.75rem;
}
.stevilka{
  background:var(--papir);
  border:1px solid var(--rob);
  border-radius:12px;
  padding:.85rem 1rem;
}
.stevilka strong{
  display:block;
  font-size:1.7rem;
  line-height:1.1;
  color:var(--zelena);
  font-variant-numeric:tabular-nums;
  letter-spacing:-.01em;
}
.stevilka span{display:block;font-size:.88rem;color:var(--pridusen);margin-top:.25rem;line-height:1.35}

/* ------------------------------------------------------------------ kazalo */
.kazalo .podrocja{margin:0;padding-left:1.4rem;columns:2;column-gap:2rem}
.kazalo .podrocja li{break-inside:avoid;margin-bottom:.35rem}

/* ----------------------------------------------------------------- dosežki */
/* Bela kartica z limetno črto ob levem robu (kot .kljucno), besedilo
   grafitno. Sidro (#LZM-09) kartico obrobi z zeleno. */
.dosezek{
  background:var(--papir);
  border:1px solid var(--rob);
  border-left:4px solid var(--limeta);
  border-radius:0 12px 12px 0;
  padding:.9rem 1.1rem;
  margin:.75rem 0;
  scroll-margin-top:1rem;
}
.dosezek:target{border-color:var(--zelena);box-shadow:0 0 0 3px color-mix(in srgb, var(--zelena) 30%, transparent)}
.dosezek h3{margin:0 0 .4rem}
.dosezek p{margin:0 0 .5rem}
.dosezek > :last-child{margin-bottom:0}

/* Tabela zneskov v kartici: tanke vodoravne črte, zneski desno poravnani. */
.zneski{width:100%;border-collapse:collapse;font-size:.92rem;margin:.6rem 0 .5rem;font-variant-numeric:tabular-nums}
.zneski caption{text-align:left;font-weight:600;color:var(--pridusen);font-size:.85rem;padding:0 0 .35rem}
.zneski th,.zneski td{padding:.35rem .5rem .35rem 0;border-top:1px solid var(--rob);vertical-align:top}
.zneski th{text-align:left;font-weight:400}
.zneski td{text-align:right;white-space:nowrap;width:5.5rem}
.zneski td:last-child{width:3.8rem}
.zneski thead th{border-top:0;font-size:.82rem;font-weight:600;color:var(--pridusen)}
.zneski thead th:not(:first-child){text-align:right}
.zneski tfoot th,.zneski tfoot td{font-weight:600;border-top:2px solid var(--rob)}

.viri-seznam{padding-left:0;list-style:none;font-size:.95rem}
.viri-seznam li{margin-bottom:.3rem}
.viri-seznam strong{font-variant-numeric:tabular-nums;margin-right:.3rem}

/* ------------------------------------------------------------------ odklep */
.odklep{max-width:22rem}
.odklep .gumb{margin-top:.25rem}
.odklep .sporocilo:empty{display:none}

@media (max-width:520px){
  .kazalo .podrocja{columns:1}
  .stevilka strong{font-size:1.5rem}
  .dosezek{padding:.8rem .9rem}
  .zneski td{width:4.4rem}
  .zneski td:last-child{width:3.2rem}
}

/* Na kratko (/dosezki/): ključne številke. Vsaka pove stanje (tudi neuresničeni del) in vodi na
   opis z viri; besedilo je v skripte/splet/mandat-besedilo.html (del »stevilke«). */
.stevilke{list-style:none;display:grid;gap:.75rem;padding:0;margin:1rem 0 1.5rem}
.stevilke li{background:var(--papir);border:1px solid var(--rob);border-top:4px solid var(--zelena);border-radius:10px;padding:.9rem 1rem}
.stevilke strong{display:block;font-size:1.45rem;line-height:1.2;color:var(--zelena)}
.stevilke p{margin:.45rem 0 0;font-size:.95rem}
@media(min-width:48rem){.stevilke{grid-template-columns:repeat(3,minmax(0,1fr))}}