/* cv-v5.css — CV-specifičan sloj NAD stilom porodice (assets/stil.css = porodica-stil.css, nedirnut).
   Samo ono što porodica nema: vremenska linija iskustva, tri činjenice u hero-u, redovi dokaza na karticama,
   granica uz ZDRAVKO, gravura „Integritet“, mreža veština, podnožje sa dve kolone (nema menija jezika).
   Sve boje su tokeni porodice (svetla + tamna tema), ništa tvrdo kodirano; kontrast meri kapija u pregledaču. */

/* hero: „dr“ ispred imena (v4 innerText „dr Ognjen Vučurević“), tri činjenice ispod poziva */
h1 .dr{font-weight:400;font-size:.5em;color:var(--tekst-2);letter-spacing:0;vertical-align:.55em;margin-right:.06em}
.cinjenice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0 0;max-width:720px}
.cinjenice li{display:grid;gap:4px;padding:14px 16px;background:var(--povrsina);border:1px solid var(--hair);border-radius:var(--r-sm);box-shadow:var(--senka)}
.cinjenice b{font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--akcenat-tekst);font-weight:600}
.cinjenice span{font-weight:600;color:var(--tekst);line-height:1.3}
.cinjenice em{font-style:normal;font-size:.86rem;color:var(--tekst-2);line-height:1.45}
.hero-cta{margin-top:26px}
/* tamni uvod (v5.toml hero = "tamni", stil porodice html[data-hero]): činjenice kao u v4 — razdvojene tankim linijama na staklu, bez belih pločica */
:root[data-hero="tamni"] .cinjenice{gap:0;border-top:1px solid rgba(255,255,255,.13);margin-top:30px;max-width:none}
:root[data-hero="tamni"] .cinjenice li{background:transparent;border:0;border-radius:0;box-shadow:none;padding:18px 22px 6px 0}
:root[data-hero="tamni"] .cinjenice li+li{border-left:1px solid rgba(255,255,255,.13);padding-left:22px}
:root[data-hero="tamni"] .cinjenice b{color:#f3a3a6}
:root[data-hero="tamni"] .cinjenice span{color:#e2eaf4}
:root[data-hero="tamni"] .cinjenice em{color:#a9bbd1}
:root[data-hero="tamni"] h1 .dr{color:#a9bbd1}
:root[data-hero="tamni"] h1{font-size:clamp(2.2rem,1rem + 4.1vw,3.6rem)}   /* ime u jednom redu na ploči (v4) */
@media (min-width:961px){:root[data-hero="tamni"] .hero-mreza{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}}   /* samo na širokom; ispod 961 px važi jedna kolona porodice */
@media (max-width:640px){:root[data-hero="tamni"] .cinjenice li+li{border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.13)}}

/* 01 iskustvo — vremenska linija */
.tok{position:relative;display:grid;gap:22px;max-width:880px;padding-left:34px}
.tok::before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:2px;background:var(--hair);border-radius:2px}
.stavka-tok{position:relative;display:grid;gap:6px;padding:20px 22px;background:var(--povrsina);border:1px solid var(--hair);border-radius:var(--r-sm);box-shadow:var(--senka)}
.stavka-tok .tacka{position:absolute;left:-31px;top:26px;width:14px;height:14px;border-radius:50%;background:var(--pozadina);border:3px solid var(--naslovna)}
.stavka-tok.sada .tacka{background:var(--naslovna);box-shadow:0 0 0 4px var(--wash)}
.stavka-tok .kad{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--akcenat-tekst);font-weight:600}
.stavka-tok h3{font-size:1.15rem;line-height:1.3}
.stavka-tok .gde{color:var(--tekst-2);font-size:.95rem;font-weight:500}
.stavka-tok p{color:var(--tekst-2);font-size:.97rem;line-height:1.6;max-width:66ch;margin-top:4px}

/* 02/03 kartice porodice (.usluga) + redovi dokaza; istaknuta kartica preko cele širine sa crvenim vrhom (jedan akcenat) */
.usluga.istaknuto{grid-column:1/-1;border-top-color:var(--akcenat)}
.usluga>.cip:first-child{margin-top:0}   /* oznaka (godina/„Sistem“) stoji na VRHU kartice; porodični .usluga .cip{margin-top:auto} je za oznaku na dnu */
.usluga .cip+h3{margin-top:2px}
.usluga h3 .cip{margin-left:.55em;vertical-align:middle;font-size:.68rem}
.usluga p.tvrdnja{color:var(--tekst);font-size:1rem}
.granica{margin-top:auto;padding:10px 14px;border-left:3px solid var(--akcenat);background:var(--band);color:var(--tekst-2);font-size:.88rem;line-height:1.5;border-radius:0 var(--r-sm) var(--r-sm) 0}
.usluga .granica+.cip,.usluga dl+.granica{margin-top:6px}

/* 04 obrazovanje — .modul porodice, godina kao oznaka */
.modul .cip{margin-top:10px}

/* 05 veštine — dve kolone: lista porodice (rombići) + traka (pilule) */
.vestine-mreza{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:28px 40px;align-items:start}
.v-blok h3{font-size:1.02rem;margin-bottom:14px;color:var(--naslovna)}
.v-blok .lista-tehnika{max-width:none}
.v-blok .traka{margin-top:0;display:flex;flex-wrap:wrap;gap:8px}

/* 06 pristup — jezgro kao uvodna proza + gravura „Integritet“ */
.pristup-mreza{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:28px 48px;align-items:start}
.jezgro{font-size:1.08rem;line-height:1.7;color:var(--tekst);max-width:62ch}
.gravura{border:1px solid var(--hair);border-left:6px solid var(--akcenat);border-radius:var(--r-sm);background:var(--povrsina);padding:22px 24px;box-shadow:var(--senka);display:grid;gap:12px}
.gravura .rec{font-size:1.02rem;line-height:1.6;color:var(--tekst)}
.gravura .potpis{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--akcenat-tekst);font-weight:600}

/* 07 kontakt — potpis ispod dugmeta */
.potpis-blok{display:grid;gap:2px;font-weight:600;color:var(--tekst)}
.potpis-blok small{font-weight:400;color:var(--tekst-2);font-size:.9rem}

/* podnožje bez menija jezika: dve kolone umesto tri */
.dno-mreza{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}
.dno-opis p[lang="sr-Cyrl"]{color:var(--akcenat-tekst);font-weight:600}

@media (max-width:960px){
  .vestine-mreza,.pristup-mreza{grid-template-columns:1fr}
  .cinjenice{grid-template-columns:1fr}
  .dno-mreza{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .dno-mreza{grid-template-columns:1fr}
  .tok{padding-left:28px}
  .stavka-tok .tacka{left:-25px}
}
@media print{.tok::before,.stavka-tok .tacka{display:none}.tok{padding-left:0}}

/* 320 px: porodični .usluge traži min 300 px po koloni, a okvir ima 288 px → kolona bi virila (poznat pad metatronhub v6);
   ovde kolona ne sme biti šira od okvira. Stil porodice se ne dira — pravilo živi u CV sloju. */
.usluge{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}