/* Skupna postavitev predstavitve in obeh pregledov mandata. */
/* Fokus na neinteraktivnem cilju sidra ne potrebuje okvirja okrog razdelka. */
.postavitev section[tabindex="-1"]:focus,.postavitev div[tabindex="-1"]:focus{outline:none}
/* Znak in glavna navigacija (pregled.js vrh(); enako na /volisca/, volisca.css). Ovoj .vrh nima
   okvirja, zato se navigacija lepi ob ves .ovoj in ne le ob glavo. Odmik nad znakom je bil prej
   odmik glave (stil.css). */
.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}
.nadnaslov,.kazalo-oznaka{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--pridusen)}
.postavitev{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}
.sklopi{position:sticky;top:6px;z-index:20;background:var(--ozadje);border-bottom:2px solid var(--rob);padding:.55rem 0 0;min-width:0;align-self:start;box-shadow:0 6px 8px -8px var(--crnilo)}
.sklopi .kazalo-oznaka{display:none}
.sklopi ul{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;margin:0;padding:.2rem .2rem 0}
.sklopi li{flex:1 1 auto;min-width:0}
.sklopi a{display:flex;align-items:center;justify-content:center;text-align:center;height:100%;padding:.8rem 1rem;border:1px solid var(--rob);border-bottom:3px solid transparent;border-radius:10px 10px 0 0;white-space:normal;text-decoration:none;font-weight:600;color:var(--pridusen);background:var(--ozadje)}
.sklopi a:hover{background:var(--papir);color:var(--zelena)}
.sklopi a[aria-current="location"]{background:var(--papir);color:var(--zelena);border-bottom-color:var(--zelena)}
/* Kazalo z veliko razdelki (/dosezki/, pregled.js kazalo(…, 'drsni')): ena vrstica gumbov namesto
   zavihkov. Kjer ni prostora, se vrstica pomika vodoravno in desni rob se zabriše, da je vidno, da se
   nadaljuje; js/navigacija.js pomakne izbrani razdelek na vidno. Lepi se kot zavihki. */
.sklopi.drsni{padding:.4rem 0}
.sklopi.drsni ul{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:.25rem;padding:0;
  -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2rem),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 2rem),transparent)}
.sklopi.drsni ul::-webkit-scrollbar{display:none}
.sklopi.drsni li{flex:0 0 auto}
.sklopi.drsni li:last-child{margin-right:2rem}
.sklopi.drsni a{height:auto;min-height:2.75rem;padding:.4rem .6rem;border:1px solid var(--rob);border-radius:999px;white-space:nowrap;font-size:.88rem}
.sklopi.drsni a[aria-current="location"]{border-color:var(--zelena)}
.sklopi.drsni a:focus-visible{outline-offset:-4px}
.postavitev main{min-width:0}
.postavitev [id]{scroll-margin-top:6rem}
/* Na tablici in namizju se glavna navigacija ob pomiku prilepi na vrh okna (pod barvni trak),
   zavihki razdelkov (.sklopi) pa tik pod njo. Vrstica ima stalno višino, da se zavihki prilepijo
   točno pod njo; črta pod vrstico je senca, da izbrana povezava leži na njej. Na telefonu in na
   nizkem zaslonu (telefon na boku) navigacija ostane v toku strani in ne jemlje prostora vsebini.
   ⚠️ To višino upoštevata odmik ob skoku na sidro (scroll-padding) in js/navigacija.js.
   ⚠️ Odmika veljata le s to navigacijo (.vrh): osnutek obračuna na strani za ekipo
   (naredi_mandat.js --ekipa) je nima, zato so njegovi zavihki na vrhu okna. */
@media (min-width:48rem) and (min-height:32rem){
  :root{--visina-strani:3rem}
  html:has(.vrh>.strani){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}
  .vrh~.postavitev .sklopi{top:calc(6px + var(--visina-strani))}
}
.pojasnilo{background:var(--papir);border:1px solid var(--rob);border-top:4px solid var(--zelena);padding:1.2rem;border-radius:12px}
.pojasnilo h2{margin-top:.2rem}
.koraki{list-style:none;counter-reset:korak;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:0;margin:1.5rem 0}
.koraki li{border-top:2px solid var(--limeta);padding-top:.5rem;counter-increment:korak}
.koraki strong{display:block}
.koraki strong::before{content:counter(korak) '. ';color:var(--zelena)}
.koraki span{display:block;font-size:.93rem}
.povzetek-stanj{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;padding:0}
.povzetek-stanj li{padding:.8rem 1rem;background:var(--papir);border:1px solid var(--rob);border-radius:8px}
.povzetek-stanj strong{display:block;font-size:1.8rem;color:var(--zelena);line-height:1.2}
.povzetek-stanj span{font-size:.95rem}
.kazalo-podrocij ul{columns:2;padding-left:1.25rem}
.kazalo-podrocij li{break-inside:avoid;margin-bottom:.45rem;font-size:.95rem}
.cilj{margin:1rem 0;padding:1.25rem;background:var(--papir);border:1px solid var(--rob);border-radius:10px}
.cilj:target{outline:2px solid var(--zelena);outline-offset:2px}
.cilj-glava{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;align-items:center;margin-bottom:.7rem}
.oznaka{font-size:.85rem;color:var(--pridusen);font-variant-numeric:tabular-nums}
.stanje{font-size:.85rem;font-weight:700;padding:.15rem .6rem;border:1px solid currentColor;border-radius:4px;color:var(--crnilo)}
.stanje-F,.stanje-R{color:var(--zelena)}
.stanje-N{color:var(--rdeca)}
.cilj h3{margin:.2rem 0 .8rem;font-size:1.3rem}
.cilj p{margin:.7rem 0}
.obljuba{border-left:3px solid var(--rob);padding-left:1rem}
.presoja{border-left:3px solid var(--zelena);padding-left:1rem}
.podrobnosti{border-top:1px solid var(--rob);padding-top:.75rem;margin-top:1rem}
.podrobnosti summary{cursor:pointer;font-weight:600;color:var(--zelena);padding:.2rem 0}
.leta{padding-left:1.3rem}
.leta li{margin-bottom:.5rem}
.legenda dt{font-weight:700}.legenda dd{margin:0 0 .7rem}
.viri-seznam li{padding:.65rem 0;border-bottom:1px solid var(--rob);overflow-wrap:anywhere}
.povezane-strani{display:grid;gap:1rem;margin:1.25rem 0}
.povezana{display:block;padding:1.1rem;background:var(--papir);border:1px solid var(--rob);border-radius:8px;text-decoration:none;color:var(--crnilo)}
.povezana strong{display:block;color:var(--zelena);font-size:1.1rem;text-decoration:underline}
.povezana span{display:block;margin-top:.4rem}
/* Kartica strani, ki še nima vsebine (programske smernice do objave): ni povezava, zato tudi ni videti tako. */
.povezana.kmalu{background:transparent;border-style:dashed}
.povezana.kmalu strong{color:var(--crnilo);text-decoration:none}
.tabela-pomik{overflow-x:auto;max-width:100%}
a:focus-visible,summary:focus-visible,.tabela-pomik:focus-visible{outline:3px solid var(--zelena);outline-offset:3px}
/* Ena širina za vse: ovoj je 60rem vsebine + 2 × 2,5rem roba, zato se glava,
   zavihki, vsebina in noga začnejo na istem levem robu. ⚠️ Vsebini in nogi ne
   dajemo ožje širine s sredinsko poravnavo: tako sta bili prej 40 px
   zamaknjeni desno od glave, zavihki pa so bili širši od vsebine. Preverja
   preizkusi/mandat.js. */
@media(min-width:1000px){
  .ovoj{max-width:65rem;padding-inline:2.5rem}
  .ovoj>header{max-width:none;padding-top:2.2rem}
  .vrh>.naslovna{margin-top:2.2rem}
  .ovoj>header>.uvod,.ovoj>header>p{max-width:48rem}
  .ovoj>header h1{font-size:clamp(2.3rem,3.5vw,3.4rem)}
  .postavitev{gap:1.5rem;margin-top:2rem}
  .koraki{grid-template-columns:repeat(4,minmax(0,1fr))}
  .povzetek-stanj{grid-template-columns:repeat(3,minmax(0,1fr))}
  .povezane-strani{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){.kazalo-podrocij ul{columns:1}.cilj,.pojasnilo{padding:1rem}.koraki{gap:.75rem}.vrh>.naslovna{margin-top:1rem}}
@media print{
  .strani,.sklopi{display:none}.ovoj{max-width:none}.postavitev{display:block}.postavitev main{max-width:none}
  .cilj,.dosezek{break-inside:avoid}.povzetek-stanj{grid-template-columns:repeat(3,1fr)}
}

.domov .sklopi ul{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.25fr}
@media(max-width:520px){.sklopi a{font-size:.88rem;line-height:1.3;padding:.6rem .4rem;min-height:44px}}

/* Deljenje (js/deli.js): sporočilo se pokaže šele, ko je kaj povedati. */
.deljenje-izid:empty{display:none}
.deljenje{margin-top:2.5rem}