/* Dokumentacija mojdelež.si — slog kot glavna stran (PulseChain barve, Raleway, širina 1100).
   Generira se v website-docs/sredstva/ s scripts/gen-docs.js. */
:root{--bg:#050508;--bg2:#0C0C14;--bg3:#12121C;--rob:#2A2A3D;--tekst:#F2F4FA;--dim:#9AA3B5;--cian:#3FE0F5;--modra:#3C8DFF;--vijol:#7B3CFF;--roza:#D23CE0;--rdeca:#FF3D5A}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-padding-top:20px}
body{font-family:'Raleway',system-ui,sans-serif;background:var(--bg);color:var(--tekst);min-height:100vh;line-height:1.65}
a{color:var(--cian)}
.docs{max-width:1100px;margin:0 auto;padding:36px 20px 70px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:44px;align-items:start}

/* ── stranski stolpec ── */
.stranski{position:sticky;top:18px;display:flex;flex-direction:column;max-height:calc(100vh - 36px)}
.meni{overflow-y:auto;scrollbar-width:thin;min-height:0;padding-right:4px}
.iskanje{position:relative;margin-bottom:22px}
.iskanje input{width:100%;background:var(--bg2);border:1px solid var(--rob);border-radius:12px;padding:11px 38px 11px 14px;font:inherit;font-size:.86rem;color:var(--tekst);outline:none;transition:border-color .2s}
.iskanje input:focus{border-color:rgba(63,224,245,.55)}
.iskanje input::placeholder{color:var(--dim)}
.iskanje kbd{position:absolute;right:10px;top:9px;font:600 .72rem/1 'Raleway',sans-serif;color:var(--dim);border:1px solid var(--rob);border-radius:6px;padding:4px 7px;pointer-events:none}
.iskanje input:focus + kbd{display:none}
.zadetki{position:absolute;left:0;top:calc(100% + 6px);width:min(440px,calc(100vw - 40px));z-index:20;background:var(--bg2);border:1px solid rgba(63,224,245,.3);border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.6);max-height:70vh;overflow-y:auto;padding:6px}
.zadetki a{display:block;text-decoration:none;color:var(--tekst);padding:10px 12px;border-radius:9px}
.zadetki a:hover,.zadetki a.izbran{background:rgba(63,224,245,.09)}
.zadetki .z-pot{font-size:.68rem;letter-spacing:1px;text-transform:uppercase;color:var(--dim)}
.zadetki .z-n{font-weight:700;font-size:.9rem}
.zadetki .z-x{font-size:.8rem;color:var(--dim);margin-top:2px}
.zadetki mark{background:none;color:var(--cian);font-weight:700}
.zadetki .z-prazno{padding:12px;color:var(--dim);font-size:.85rem}
.meni-gumb{display:none}
.meni-skupina{margin-bottom:20px}
.meni-naslov{font-size:.7rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--dim);margin:0 0 8px 12px}
.meni a{display:block;text-decoration:none;color:#C9CFDB;font-size:.88rem;padding:7px 12px;border-radius:10px;border-left:2px solid transparent;transition:background .15s}
.meni a:hover{background:rgba(255,255,255,.04);color:var(--tekst)}
.meni a.zdaj{color:#fff;font-weight:700;background:linear-gradient(90deg,rgba(60,141,255,.22),rgba(123,60,255,.10) 70%,transparent);border-left-color:var(--cian)}

/* ── vsebina ── */
.vsebina{min-width:0;background:rgba(12,12,20,.72);border:1px solid var(--rob);border-radius:18px;padding:40px 46px 34px}
.drobtina{font-size:.72rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--cian);margin-bottom:8px}
.vsebina h1{font-size:clamp(1.7rem,3.4vw,2.3rem);font-weight:800;line-height:1.2;margin-bottom:10px}
.opis{color:var(--dim);font-size:1.02rem;margin-bottom:22px}
.kazalo{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin:0 0 26px;padding-bottom:20px;border-bottom:1px solid var(--rob);font-size:.8rem}
.kazalo span{color:var(--dim);margin-right:4px}
.kazalo a{text-decoration:none;padding:5px 11px;border-radius:20px;border:1px solid rgba(63,224,245,.25)}
.kazalo a:hover{border-color:rgba(63,224,245,.7)}
.clanek{font-size:.98rem}
.clanek > * + *{margin-top:16px}
.clanek h2{font-size:1.45rem;font-weight:800;margin-top:38px;padding-top:6px;position:relative}
.clanek h3{font-size:1.12rem;font-weight:800;margin-top:26px;position:relative}
.clanek h4{font-size:1rem;font-weight:800;margin-top:20px}
.sidro{position:absolute;left:-22px;color:var(--dim);text-decoration:none;opacity:0;font-weight:400}
h2:hover .sidro,h3:hover .sidro,h4:hover .sidro{opacity:1}
.clanek strong{color:#fff;font-weight:800}
.clanek ul,.clanek ol{padding-left:24px}
.clanek li + li{margin-top:6px}
.clanek li::marker{color:var(--cian)}
.clanek code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em;background:var(--bg3);border:1px solid var(--rob);border-radius:6px;padding:1px 6px;overflow-wrap:anywhere}
.clanek pre{background:#08080E;border:1px solid var(--rob);border-radius:12px;padding:16px 18px;overflow-x:auto}
.clanek figure.diagram{background:#08080E;border:1px solid var(--rob);border-radius:12px;padding:18px;overflow-x:auto;text-align:center}
.clanek figure.diagram svg{max-width:100%;height:auto}
.clanek pre code{background:none;border:0;padding:0;font-size:.84rem;line-height:1.6;overflow-wrap:normal}
.tabela{overflow-x:auto;border:1px solid var(--rob);border-radius:12px}
.clanek table{width:100%;border-collapse:collapse;font-size:.9rem}
.clanek th{text-align:left;font-size:.74rem;letter-spacing:1px;text-transform:uppercase;color:var(--cian);background:var(--bg3);padding:11px 14px}
.clanek td{padding:11px 14px;border-top:1px solid var(--rob);vertical-align:top}

/* opombe */
.okvir{border:1px solid;border-radius:14px;padding:16px 18px;font-size:.93rem}
.okvir > * + *{margin-top:10px}
.okvir-n{font-size:.7rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase}
.okvir-opomba{border-color:rgba(63,224,245,.3);background:rgba(63,224,245,.06)}.okvir-opomba .okvir-n{color:var(--cian)}
.okvir-namig{border-color:rgba(123,60,255,.4);background:rgba(123,60,255,.08)}.okvir-namig .okvir-n{color:#A98BFF}
.okvir-opozorilo{border-color:rgba(255,61,90,.4);background:rgba(255,61,90,.07)}.okvir-opozorilo .okvir-n{color:var(--rdeca)}

/* koraki — kot »Postopek« na naslovni: velika barvna številka */
.clanek ol.koraki{list-style:none;padding:0;counter-reset:k;display:grid;gap:22px}
.korak{counter-increment:k;display:grid;grid-template-columns:62px 1fr;column-gap:16px}
.korak::before{content:counter(k,decimal-leading-zero);grid-row:span 2;font-size:2.4rem;font-weight:900;line-height:1;color:var(--cian)}
.korak:nth-child(2)::before{color:var(--modra)}.korak:nth-child(3)::before{color:var(--vijol)}.korak:nth-child(4)::before{color:#A04BF0}.korak:nth-child(5)::before{color:var(--roza)}.korak:nth-child(6)::before{color:var(--rdeca)}
.korak h3{margin:2px 0 4px;font-size:1.08rem}
.korak > *:not(h3){grid-column:2}
.korak > * + *:not(h3){margin-top:8px}

/* prejšnja / naslednja */
.naprej{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:44px;padding-top:24px;border-top:1px solid var(--rob)}
.naprej a{display:block;text-decoration:none;color:var(--tekst);font-weight:700;border:1px solid var(--rob);border-radius:14px;padding:14px 16px;transition:border-color .18s}
.naprej a:hover{border-color:rgba(63,224,245,.6)}
.naprej small{display:block;font-size:.72rem;color:var(--dim);font-weight:600;margin-bottom:3px}
.naprej .potem{text-align:right}

@media (max-width:860px){
  .docs{grid-template-columns:1fr;gap:18px;padding:20px 14px 50px}
  .stranski{position:static;max-height:none;display:block}
  .meni{overflow:visible}
  .iskanje{margin-bottom:10px}.iskanje kbd{display:none}
  .meni-gumb{display:block;width:100%;text-align:left;font:700 .86rem 'Raleway',sans-serif;color:var(--cian);background:var(--bg2);border:1px solid rgba(63,224,245,.28);border-radius:12px;padding:11px 14px;cursor:pointer}
  .meni-gumb::after{content:"▾";float:right}
  .meni-gumb[aria-expanded="true"]::after{content:"▴"}
  .meni{display:none;margin-top:12px;background:var(--bg2);border:1px solid var(--rob);border-radius:12px;padding:14px 8px 2px}
  .meni.odprt{display:block}
  .vsebina{padding:26px 18px 22px;border-radius:14px}
  .sidro{display:none}
  .korak{grid-template-columns:46px 1fr;column-gap:10px}.korak::before{font-size:1.8rem}
  .naprej{grid-template-columns:1fr}.naprej .potem{text-align:left}
}