/* Fontovi — lokalno hostovani, bez CDN-a (REDIZAJN.md R0).
   Podskupovi: latin, latin-ext. latin-ext nosi srpske dijakritike (č ć š ž đ)
   i proveren je pri generisanju. Variable porodice imaju opseg
   težine pročitan iz fvar tabele.
   Regeneriše se skriptom fontovi.py — ne menjati ručno. */
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/plex-mono-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/static/fonts/plex-mono-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/plex-mono-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/static/fonts/plex-mono-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:100 700;font-display:swap;src:url(/static/fonts/plex-sans-var-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:100 700;font-display:swap;src:url(/static/fonts/plex-sans-var-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Literata';font-style:normal;font-weight:400 900;font-display:swap;src:url(/static/fonts/literata-var-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Literata';font-style:normal;font-weight:400 900;font-display:swap;src:url(/static/fonts/literata-var-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}

/* =====================================================================
   berza24.rs — dizajn sistem „bankarska lampa"
   Jedan stilski list za sve stranice redizajna (REDIZAJN.md, FAZA R0).

   Nastao spajanjem inline <style> blokova iz 7 odobrenih šablona.
   Šabloni su bili standalone radi pregleda, pa su neka imena klasa
   imala DVA značenja. Ta mesta su skoupovana i označena komentarom
   „SUDAR" — ne uklanjati skoup bez provere obe strane.

   Svaka stranica nosi klasu na <body>: str-naslovna | str-lekcija |
   str-uci | str-kalendar | str-reakcija | str-vesti | str-recnik.
   Klasa bira širinu (--maxw) i razlike u razmacima.

   Stari svetli style.css se NE dira — servira postojećih 1000+ /v/
   stranica dok se ne odradi FAZA R4.
   ===================================================================== */

/* ============ TOKENI ============ */
:root{
  --bg:#0F1512;        /* duboka zelena osnova */
  --bg2:#131A15;
  --panel:#182119;
  --panel2:#1D2820;
  --border:#2A362C;
  --border2:#3A4A3E;
  --text:#EAE6D9;      /* slonovača — papir pod lampom */
  --text2:#C9C6B8;
  --muted:#8FA093;
  --muted2:#6E7D71;
  --brass:#C9A227;     /* mesing — jedini akcenat */
  --brass-soft:#DDBB55;
  --pos:#5FA97C;       /* prigušena tržišna zelena */
  --neg:#C4685E;       /* prigušena crvena */
  --serif:'Literata',Georgia,serif;
  --sans:'IBM Plex Sans',system-ui,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
  --maxw:1080px;
  --tacka-bg:var(--bg);        /* pozadina tačke na liniji putanje */
  --putanja-uvlaka:14px;       /* koliko je linija uvučena od vrha/dna */
}

/* širina po tipu strane — bila je razlika u --maxw između šablona */
.str-uci,.str-kalendar{--maxw:880px}
.str-reakcija,.str-vesti,.str-recnik,.str-strana,.str-vest{--maxw:760px}

/* ============ RESET I OSNOVA ============ */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important;animation:none!important}
}
body{
  background:var(--bg);
  color:var(--text);
  font-family:var(--sans);
  font-size:17px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--brass);outline-offset:3px;border-radius:2px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
/* :where() drži specifičnost na (0,0,1) kao goli `main` u originalu.
   Na /vesti/ je <main class="wrap">, pa .wrap mora i dalje da pobedi —
   sa `.str-vesti main` bi ovo pravilo oživelo i pomerilo raspored. */
main{padding:52px 0 72px}
:where(.str-vesti) main{padding:40px 0 72px}
:where(.str-recnik) main{padding:44px 0 72px}

/* vrednosti koje rastu/padaju — isto značenje na svakoj strani */
.v{font-weight:500}
.v.pos{color:var(--pos)}
.v.neg{color:var(--neg)}
.v.rav{color:var(--muted)}

/* ============ ZAGLAVLJE I NAVIGACIJA ============ */
header{
  border-bottom:1px solid var(--border);
  background:rgba(15,21,18,.92);
  backdrop-filter:blur(8px);
  position:sticky;top:0;z-index:50;
}
/* nav je uvek 1080px, nezavisno od širine sadržaja strane */
.nav{display:flex;align-items:center;gap:28px;height:60px;max-width:1080px;margin:0 auto;padding:0 20px}
.logo{font-family:var(--serif);font-weight:700;font-size:21px;letter-spacing:-.01em}
.logo .rs{color:var(--brass)}
.nav-links{display:flex;gap:22px;margin-left:auto;font-size:14.5px;font-weight:500;color:var(--muted)}
.nav-links a:hover{color:var(--text)}
.nav-links a.active{color:var(--brass)}
/* sekcija koja još ne postoji — vidi se u nizu, ali nije link */
.nav-links .uskoro{color:var(--muted2);cursor:default}
@media(max-width:640px){.nav-links{gap:14px;font-size:13.5px}.nav-links .hide-m{display:none}}

/* ============ PODNOŽJE ============ */
footer{border-top:1px solid var(--border);padding:36px 0 44px;background:var(--bg)}
.str-naslovna footer{padding:40px 0 48px}
.str-reakcija footer{margin-top:56px}
.foot-grid{display:flex;gap:32px;flex-wrap:wrap;align-items:flex-start}
.foot-grid .logo{font-size:18px}
.foot-links{display:flex;gap:20px;font-size:13.5px;color:var(--muted)}
.foot-links a:hover{color:var(--text)}
.disclaimer{font-size:12.5px;line-height:1.7;color:var(--muted2);max-width:78ch}
/* red kategorija u podnožju — kategorije nisu u glavnoj navigaciji */
.foot-kat{
  display:flex;gap:8px 18px;flex-wrap:wrap;align-items:baseline;
  font-size:13px;color:var(--muted);margin-bottom:20px;
  padding-bottom:18px;border-bottom:1px solid var(--border);
}
.foot-kat .fk{
  font-family:var(--mono);font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted2);margin-right:4px;
}
.foot-kat a:hover{color:var(--text)}
.str-naslovna .disclaimer{margin-top:26px;padding-top:22px;border-top:1px solid var(--border)}

/* ============ ZAGLAVLJE STRANE (uci, kalendar, vesti, recnik) ============ */
.page-head{padding:56px 0 44px;margin-bottom:26px;border-bottom:1px solid var(--border);background:var(--bg2)}
.page-head .kicker{font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--brass);margin-bottom:16px}
.page-head h1{font-family:var(--serif);font-weight:600;font-size:clamp(28px,4.6vw,38px);letter-spacing:-.015em}
.page-head p{margin-top:16px;color:var(--text2);max-width:56ch;font-size:16.5px}
.str-kalendar .page-head p{max-width:58ch}
.str-vesti .page-head,.str-recnik .page-head{padding:48px 0 36px}
.str-vesti .page-head .kicker,.str-recnik .page-head .kicker{margin-bottom:14px}
.str-vesti .page-head h1,.str-recnik .page-head h1{font-size:clamp(26px,4.4vw,34px)}
.str-vesti .page-head p,.str-recnik .page-head p{margin-top:14px;font-size:16px}

/* ============ DUGMAD ============ */
.btn{
  display:inline-block;background:var(--brass);color:#161409;
  font-weight:600;font-size:15.5px;padding:13px 26px;border-radius:6px;
  transition:background .15s;
}
.btn:hover{background:var(--brass-soft)}
.btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--border2)}
.btn-ghost:hover{background:var(--panel);color:var(--text)}

/* =====================================================================
   PUTANJA UČENJA — naslovna i /uci/
   SUDAR: .nivo je ovde KARTICA nivoa, a u lekciji inline <span> u
   .lek-eyebrow. Zato je kartica skoupovana na .putanja .nivo.
   ===================================================================== */
/* margin, ne padding: pomera i ::before liniju, pa se putanja
   ne spaja sa hero sekcijom iznad */
.putanja{position:relative;padding-left:34px;margin-top:24px}
.putanja::before{
  content:"";position:absolute;left:10px;
  top:var(--putanja-uvlaka);bottom:var(--putanja-uvlaka);
  width:2px;background:linear-gradient(to bottom,var(--brass) 0%,var(--border2) 100%);
}
.putanja .nivo{
  position:relative;background:var(--panel);border:1px solid var(--border);
  border-radius:10px;
}
.putanja .nivo::before{
  content:"";position:absolute;left:-30px;top:32px;
  width:12px;height:12px;border-radius:50%;
  background:var(--tacka-bg);border:2.5px solid var(--brass);
}
.putanja .nivo.locked::before{border-color:var(--muted2)}
.nivo-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.nivo-head h2,.nivo-head h3{font-family:var(--serif);font-weight:600}
.nivo-head .broj{font-family:var(--serif);font-size:15px;color:var(--brass);font-weight:500}
.nivo-head .meta{margin-left:auto;font-family:var(--mono);font-size:12.5px;color:var(--muted)}

/* --- naslovna: karticа je uža, tačka sedi na bg2 pozadini sekcije --- */
.str-naslovna .uci{background:var(--bg2);border-bottom:1px solid var(--border);--tacka-bg:var(--bg2)}
.str-naslovna .putanja .nivo{padding:26px 28px;margin-bottom:22px;transition:border-color .15s}
.str-naslovna .putanja .nivo:hover{border-color:var(--border2)}
.str-naslovna .nivo-head h3{font-size:21px}
.str-naslovna .putanja .nivo .opis{margin-top:8px;color:var(--text2);font-size:15.5px;max-width:58ch}
.str-naslovna .putanja .nivo ul{margin-top:16px;list-style:none;display:grid;gap:8px}
.str-naslovna .putanja .nivo li a{display:flex;gap:10px;align-items:baseline;font-size:15px;color:var(--text2);padding:4px 0}
.str-naslovna .putanja .nivo li a:hover{color:var(--brass-soft)}
.str-naslovna .putanja .nivo li .lb{font-family:var(--mono);font-size:12.5px;color:var(--muted2);min-width:22px}
.str-naslovna .putanja .nivo li.jos{font-size:13.5px;color:var(--muted);padding-top:4px}

/* --- /uci/: šira kartica, linija uvučena više --- */
.str-uci{--putanja-uvlaka:20px}
.str-uci .putanja .nivo{padding:28px 30px;margin-bottom:26px}
.str-uci .putanja .nivo::before{top:34px}
.str-uci .nivo-head{margin-bottom:6px}
.str-uci .nivo-head h2{font-size:23px}
.str-uci .putanja .nivo>.opis{color:var(--text2);font-size:15.5px;max-width:60ch;margin-bottom:20px}
.str-uci .nivo .ume{
  font-size:13.5px;color:var(--muted);border-left:2px solid var(--border2);
  padding:2px 0 2px 14px;margin-bottom:22px;max-width:56ch;
}
.str-uci .nivo .ume strong{color:var(--text2);font-weight:500}

/* --- spisak lekcija na /uci/ --- */
.lek-lista{list-style:none;display:grid;gap:2px}
.lek-lista li a,.lek-lista li .uskoro{
  display:flex;gap:14px;align-items:baseline;
  padding:11px 12px;border-radius:6px;font-size:15.5px;
}
.lek-lista li a{color:var(--text2);transition:background .12s,color .12s}
.lek-lista li a:hover{background:var(--panel2);color:var(--brass-soft)}
.lek-lista .lb{font-family:var(--mono);font-size:12.5px;color:var(--brass);min-width:24px}
.lek-lista .uskoro{color:var(--muted2);cursor:default}
.lek-lista .uskoro .lb{color:var(--muted2)}
.lek-lista .uskoro .tag{
  margin-left:auto;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;
  text-transform:uppercase;border:1px solid var(--border);border-radius:4px;
  padding:2px 7px;color:var(--muted2);
}
.lek-lista li a .min{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--muted2)}

/* =====================================================================
   KALENDAR — tabela događaja (naslovna i /kalendar/)
   ===================================================================== */
.kal-tabela{background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden}
.kal-red{
  display:grid;gap:16px;align-items:center;
  padding:17px 22px;border-bottom:1px solid var(--border);
}
.kal-red:last-child{border-bottom:none}
.kal-red:hover{background:var(--panel2)}
/* kolona datuma je uža u bloku na naslovnoj nego na punoj strani kalendara */
.str-naslovna .kal-red{grid-template-columns:92px 1fr auto}
.str-kalendar .kal-red{grid-template-columns:96px 1fr auto;position:relative}
/* mobilni prelom je bio samo na /kalendar/ — naslovna se namerno ne dira u R0 */
@media(max-width:560px){
  .str-kalendar .kal-red{grid-template-columns:80px 1fr;gap:12px}
  .str-kalendar .kal-oznaka{grid-column:2;justify-self:start;margin-top:2px}
}
.kal-datum{font-family:var(--mono);font-size:13px;color:var(--brass);line-height:1.4}
.kal-datum small{display:block;color:var(--muted2);font-size:11.5px}
.kal-sta{font-weight:500;font-size:15.5px}
.str-kalendar .kal-sta{line-height:1.45}
.kal-sta small{display:block;font-weight:400;color:var(--muted);font-size:13px;margin-top:2px}
.str-kalendar .kal-sta small{margin-top:3px}
.kal-sta small a{color:var(--brass);border-bottom:1px dotted var(--brass)}
.str-kalendar .kal-sta small a{position:relative;z-index:2}
.kal-oznaka{
  font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--muted);
  border:1px solid var(--border2);border-radius:4px;padding:3px 8px;white-space:nowrap;
}
.oznaka-makro{color:var(--brass);border-color:rgba(201,162,39,.4)}

/* --- /kalendar/: meseci i arhiva reakcija --- */
.mesec{margin-bottom:44px}
.mesec h2{
  font-family:var(--serif);font-weight:600;font-size:22px;margin-bottom:18px;
  display:flex;align-items:baseline;gap:12px;
}
.mesec h2 small{font-family:var(--mono);font-size:12.5px;color:var(--muted2);font-weight:400}
.arhiva{margin-top:56px;padding-top:44px;border-top:1px solid var(--border)}
.arhiva>h2{font-family:var(--serif);font-weight:600;font-size:24px;margin-bottom:8px}
.arhiva>p{color:var(--muted);font-size:15px;margin-bottom:24px;max-width:58ch}
.reak-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:640px){.reak-grid{grid-template-columns:1fr}}
.reak-kartica{
  display:block;background:var(--panel);border:1px solid var(--border);
  border-radius:10px;padding:22px 24px;transition:border-color .15s;
}
.reak-kartica:hover{border-color:var(--border2)}
.reak-kartica .rk{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted2);display:flex;gap:12px;margin-bottom:12px}
.reak-kartica h3{font-family:var(--serif);font-size:17.5px;font-weight:600;line-height:1.4}
.reak-kartica .mini{
  margin-top:14px;display:flex;gap:18px;flex-wrap:wrap;
  font-family:var(--mono);font-size:13px;color:var(--muted);
}
.reak-kartica .dalje{margin-top:14px;font-size:13.5px;color:var(--brass)}

/* =====================================================================
   NASLOVNA — hero, kalendar blok, vesti blok
   ===================================================================== */
.hero{
  padding:72px 0 64px;
  background:
    radial-gradient(ellipse 720px 340px at 50% -80px, rgba(201,162,39,.10), transparent 70%),
    var(--bg);
  border-bottom:1px solid var(--border);
}
.hero .eyebrow{
  font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--brass);margin-bottom:20px;
}
.hero h1{
  font-family:var(--serif);font-weight:600;
  font-size:clamp(30px,5.4vw,50px);
  line-height:1.16;letter-spacing:-.015em;
  max-width:17ch;
}
.hero .sub{margin-top:22px;font-size:18px;line-height:1.65;color:var(--text2);max-width:52ch}
.hero .sub strong{color:var(--text);font-weight:600}
.hero .cta-row{margin-top:34px;display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.hero .note{margin-top:26px;font-size:13.5px;color:var(--muted);font-family:var(--mono)}

.str-naslovna section{padding:64px 0}
.sec-head{display:flex;align-items:baseline;gap:16px;margin-bottom:36px;flex-wrap:wrap}
.sec-head h2{font-family:var(--serif);font-weight:600;font-size:27px;letter-spacing:-.01em}
.sec-head .more{margin-left:auto;font-size:14px;color:var(--brass);font-weight:500}
.sec-head .more:hover{color:var(--brass-soft)}
.sec-kicker{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}

.kal-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}
@media(max-width:760px){.kal-grid{grid-template-columns:1fr}}
/* SUDAR: .reakcija je ovde kartica na naslovnoj; stranica reakcije nosi
   klasu .str-reakcija na <body> i nema veze sa ovim pravilom. */
.reakcija{
  background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:24px;
  display:flex;flex-direction:column;
}
.reakcija .rk{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.reakcija h4{font-family:var(--serif);font-size:18px;font-weight:600;line-height:1.35}
.reakcija .brojevi{margin-top:18px;display:grid;gap:9px;font-family:var(--mono);font-size:14px}
.reakcija .br{display:flex;justify-content:space-between;border-bottom:1px dashed var(--border);padding-bottom:8px}
.reakcija .br:last-child{border-bottom:none}
.reakcija .link{margin-top:auto;padding-top:16px;font-size:13.5px;color:var(--brass)}

.str-naslovna .vesti{background:var(--bg2);border-top:1px solid var(--border)}
/* zona „Izdvojeno" na naslovnoj: iste stavke, samo krupnije i u serifu */
.str-naslovna .istaknuto{padding:56px 0 0}
.str-naslovna .istaknuto .sec-head{margin-bottom:24px}
.istaknuto .vesti-grid .vest{padding:18px 4px}
.istaknuto .vesti-grid .vest .vt{font-family:var(--serif);font-size:18.5px;font-weight:600;line-height:1.4}
.istaknuto .vesti-grid .vest .vi{margin-top:6px;font-size:14.5px;color:var(--muted);line-height:1.55}
.vesti-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 40px}
@media(max-width:760px){.vesti-grid{grid-template-columns:1fr}}

/* =====================================================================
   VESTI — stavka vesti (naslovna i /vesti/)
   SUDAR: naslov vesti je na naslovnoj sans/15.5, na /vesti/ serif/18.
   ===================================================================== */
.vest{display:block;padding:16px 4px;border-bottom:1px solid var(--border)}
.vest:hover .vt{color:var(--brass-soft)}
.vest .vm{font-family:var(--mono);font-size:12px;color:var(--muted2);display:flex;gap:12px;margin-bottom:6px;flex-wrap:wrap}
.vest .vm .kat{color:var(--muted)}
.vest .vm .vazna{color:var(--brass);letter-spacing:.06em}
.vest .vt{font-family:var(--serif);font-size:18px;font-weight:600;line-height:1.4;transition:color .15s}
.vest .vi{margin-top:6px;font-size:14.5px;color:var(--muted);line-height:1.55;max-width:62ch}
.vesti-grid .vest .vm{gap:10px;margin-bottom:5px}
.vesti-grid .vest .vt{font-family:var(--sans);font-size:15.5px;font-weight:500;line-height:1.45}

/* --- /vesti/: filteri i dnevne grupe --- */
.filteri{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.filteri a{
  font-size:13px;font-weight:500;color:var(--muted);
  border:1px solid var(--border);border-radius:100px;padding:6px 14px;
  transition:all .12s;
}
.filteri a:hover{color:var(--text);border-color:var(--border2)}
.filteri a.aktivan{color:#161409;background:var(--brass);border-color:var(--brass)}
.dan{margin-bottom:36px}
.dan h2{
  font-family:var(--mono);font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--muted2);font-weight:500;margin-bottom:12px;
  padding-bottom:10px;border-bottom:1px solid var(--border);
}

/* =====================================================================
   LEKCIJA
   ===================================================================== */
#napredak{position:fixed;top:0;left:0;height:2px;background:var(--brass);width:0;z-index:60}
.lekcija-grid{
  display:grid;grid-template-columns:1fr 240px;gap:56px;
  padding:52px 20px 72px;align-items:start;
}
@media(max-width:900px){.lekcija-grid{grid-template-columns:1fr;gap:0}}
.str-lekcija h1{
  font-family:var(--serif);font-weight:600;font-size:clamp(28px,4.6vw,40px);
  line-height:1.2;letter-spacing:-.015em;max-width:20ch;
}
.lek-eyebrow{
  font-family:var(--mono);font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--muted);display:flex;gap:14px;flex-wrap:wrap;margin-bottom:18px;
}
/* SUDAR: ovde je .nivo inline oznaka nivoa, ne kartica — vidi .putanja .nivo */
.lek-eyebrow .nivo{color:var(--brass)}
.str-lekcija .uvod{
  margin-top:22px;font-family:var(--serif);font-size:20px;line-height:1.6;
  color:var(--text2);max-width:60ch;
}

.telo{max-width:66ch;margin-top:8px}
.telo h2{
  font-family:var(--serif);font-weight:600;font-size:24px;
  margin:44px 0 16px;letter-spacing:-.01em;scroll-margin-top:80px;
}
.telo p{font-family:var(--serif);font-size:18px;line-height:1.75;color:var(--text2);margin-bottom:18px}
.telo p strong{color:var(--text);font-weight:600}
/* SUDAR: .pojam je ovde inline termin, u rečniku je blok — vidi .grupa .pojam */
.telo .pojam{border-bottom:1px dotted var(--brass);cursor:help;color:var(--text)}
.telo table{width:100%;border-collapse:collapse;margin:26px 0;font-family:var(--mono);font-size:14px}
.telo th{
  text-align:left;font-family:var(--sans);font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted);font-weight:600;
  padding:10px 14px;border-bottom:1px solid var(--border2);
}
.telo td{padding:11px 14px;border-bottom:1px solid var(--border);color:var(--text2)}
.telo td:last-child{text-align:right;font-weight:500;color:var(--text)}
.telo tr:last-child td{border-bottom:none}

.kutija{border-radius:8px;padding:22px 24px;margin:30px 0;border:1px solid var(--border)}
.kutija .kl{
  font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
  font-weight:500;margin-bottom:10px;display:block;
}
.kutija p{font-family:var(--sans);font-size:15.5px;line-height:1.65;margin-bottom:10px}
.kutija p:last-child{margin-bottom:0}
.kutija.srbija{background:var(--panel);border-left:3px solid var(--brass)}
.kutija.srbija .kl{color:var(--brass)}
.kutija.zapamti{background:var(--panel);border-left:3px solid var(--pos)}
.kutija.zapamti .kl{color:var(--pos)}
.kutija.upozorenje{background:var(--panel);border-left:3px solid var(--neg)}
.kutija.upozorenje .kl{color:var(--neg)}

/* --- nenumerisana lista (markdown `- stavka`) --- */
.telo ul{list-style:none;display:grid;gap:10px;margin:18px 0}
.telo li{
  position:relative;padding-left:22px;
  font-family:var(--serif);font-size:17.5px;line-height:1.7;color:var(--text2);
}
.telo li::before{content:"—";position:absolute;left:0;color:var(--brass)}
.telo li strong{color:var(--text);font-weight:600}
/* u kutiji je uža mera, pa ide sans i sitnije — kao i pasusi u kutiji */
.kutija ul{gap:8px;margin:12px 0 0}
.kutija li{font-family:var(--sans);font-size:15.5px;line-height:1.65}
.telo .izvori ul{gap:6px;margin:8px 0 0}
.telo .izvori li{font-family:var(--sans);font-size:13.5px;line-height:1.65;color:var(--muted)}

/* --- podnaslov unutar lekcije --- */
.telo h3{font-family:var(--serif);font-weight:600;font-size:19px;margin:28px 0 10px;color:var(--text)}

/* --- numerisani koraci sa krugovima (::: 1. 2. 3. u markdownu) --- */
.koraci{list-style:none;counter-reset:k;margin:26px 0}
.koraci li{
  counter-increment:k;position:relative;padding:0 0 22px 46px;
  margin-bottom:2px;border-left:1px solid var(--border);
}
.koraci li:last-child{border-left-color:transparent;padding-bottom:0}
.koraci li::before{
  content:counter(k);position:absolute;left:-14px;top:-2px;
  width:28px;height:28px;border-radius:50%;
  background:var(--panel);border:1px solid var(--border2);color:var(--brass);
  font-family:var(--mono);font-size:13px;
  display:flex;align-items:center;justify-content:center;
}
.koraci h4{font-family:var(--serif);font-size:18px;font-weight:600;margin-bottom:6px}
.koraci p{font-size:16px;margin-bottom:0;line-height:1.65}

/* --- „Prava mera": istaknuta formula (::: formula) --- */
.formula{background:var(--bg2);border:1px solid var(--border2);border-radius:8px;padding:20px 22px;margin:26px 0}
.formula .fl{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--brass);display:block;margin-bottom:12px}
.formula .f{font-family:var(--sans);font-size:15.5px;line-height:1.6;color:var(--text);font-weight:500;margin-bottom:8px}
.formula .fd{font-family:var(--sans);font-size:14px;color:var(--muted);margin-bottom:0;line-height:1.55}

/* --- kartica instrumenta sa parom prednost/rizik (::: instrument) --- */
.instrument{
  background:var(--panel);border:1px solid var(--border);
  border-left:3px solid var(--brass);border-radius:8px;padding:22px 24px;margin:24px 0;
}
.instrument .ih{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.instrument .ih h3{font-family:var(--serif);font-size:21px;font-weight:600;margin:0}
.instrument .ih .en{font-family:var(--mono);font-size:12px;color:var(--muted2)}
.instrument .kratko{
  font-family:var(--sans);font-size:15px;color:var(--brass-soft);
  border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:12px;
}
.instrument p{font-family:var(--sans);font-size:15.5px;line-height:1.68;margin-bottom:12px;color:var(--text2)}
.instrument p:last-child{margin-bottom:0}
.instrument .par{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
@media(max-width:560px){.instrument .par{grid-template-columns:1fr}}
.instrument .par div{font-family:var(--sans);font-size:14px;line-height:1.55}
.instrument .par .l{font-family:var(--mono);font-size:11px;letter-spacing:.11em;text-transform:uppercase;display:block;margin-bottom:5px}
.instrument .par .plus .l{color:var(--pos)}
.instrument .par .minus .l{color:var(--neg)}

/* --- izvori na dnu lekcije (::: izvori)
   SUDAR: .izvori postoji i na strani reakcije, sa drugim pravilima —
   zato je lekcijski skoupovan na .telo. --- */
.telo .izvori{margin-top:40px;padding-top:20px;border-top:1px solid var(--border)}
.telo .izvori .il{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted2);display:block;margin-bottom:10px}
.telo .izvori p{font-family:var(--sans);font-size:13.5px;line-height:1.65;color:var(--muted);margin-bottom:8px}
.telo .izvori a{color:var(--brass);border-bottom:1px dotted var(--brass)}

/* --- ćelije tabele u lekciji --- */
.telo td:first-child{font-family:var(--sans);font-size:14.5px;color:var(--text);font-weight:500}
.telo td .sit{font-family:var(--sans);font-size:14.5px;color:var(--text);font-weight:500;display:block}
.telo td .sitd{font-family:var(--sans);font-size:13px;color:var(--muted);display:block;margin-top:2px}
@media(max-width:640px){
  .telo table{font-size:12.5px}
  .telo th,.telo td{padding:9px 8px}
}

.toc{position:sticky;top:84px;border-left:1px solid var(--border);padding-left:22px;font-size:14px}
.toc .tl{font-family:var(--mono);font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted2);margin-bottom:14px}
.toc ul{list-style:none;display:grid;gap:10px}
.toc a{color:var(--muted);line-height:1.45;display:block}
.toc a:hover{color:var(--text)}
.toc a.aktivan{color:var(--brass)}
.toc .vreme{margin-top:22px;padding-top:16px;border-top:1px solid var(--border);font-family:var(--mono);font-size:12.5px;color:var(--muted2)}
@media(max-width:900px){
  .toc{position:static;border-left:none;padding:0;margin-bottom:34px;order:-1}
  .toc-box{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:18px 20px}
  .toc details summary{cursor:pointer;font-weight:500;font-size:14.5px;color:var(--text2)}
  .toc details[open] summary{margin-bottom:12px}
}
@media(min-width:901px){
  .toc-box{background:none;border:none;padding:0}
  .toc details summary{display:none}
  .toc details{display:contents}
}

.lek-nav{
  display:grid;grid-template-columns:1fr 1fr;gap:18px;
  margin-top:56px;padding-top:36px;border-top:1px solid var(--border);max-width:66ch;
}
@media(max-width:560px){.lek-nav{grid-template-columns:1fr}}
.lek-nav a{
  background:var(--panel);border:1px solid var(--border);border-radius:8px;
  padding:18px 20px;transition:border-color .15s;
}
.lek-nav a:hover{border-color:var(--border2)}
.lek-nav .smer{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted2);display:block;margin-bottom:6px}
.lek-nav .naslov{font-family:var(--serif);font-size:16px;font-weight:600;line-height:1.4}
.lek-nav .sledeca{text-align:right}
.lek-nav .sledeca .naslov{color:var(--brass-soft)}

/* =====================================================================
   REAKCIJA — merena reakcija tržišta na događaj
   ===================================================================== */
.str-reakcija h1{
  font-family:var(--serif);font-weight:600;font-size:clamp(26px,4.4vw,36px);
  line-height:1.22;letter-spacing:-.015em;
}
.str-reakcija .eyebrow{
  font-family:var(--mono);font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--muted);display:flex;gap:14px;flex-wrap:wrap;margin-bottom:18px;
}
.str-reakcija .eyebrow .k{color:var(--brass)}

.ocek{
  display:grid;grid-template-columns:1fr 1fr;gap:2px;
  background:var(--border);border:1px solid var(--border);border-radius:10px;
  overflow:hidden;margin:32px 0;
}
@media(max-width:520px){.ocek{grid-template-columns:1fr}}
.ocek>div{background:var(--panel);padding:20px 22px}
.ocek .ol{font-family:var(--mono);font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted2);margin-bottom:8px}
.ocek .ov{font-family:var(--serif);font-size:19px;font-weight:600}
.ocek .objavljeno .ol{color:var(--brass)}
.ocek .od{margin-top:6px;font-size:13.5px;color:var(--muted)}

/* SUDAR: u originalu su ovo bili goli table/th/td — pregazili bi tabelu
   u lekciji, pa su skoupovani na .reak-tabela. */
.reak-tabela{margin:36px 0}
.reak-tabela h2{font-family:var(--serif);font-weight:600;font-size:22px;margin-bottom:16px}
.reak-tabela table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:14px}
.reak-tabela th{
  text-align:left;font-family:var(--sans);font-size:11.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted);font-weight:600;
  padding:10px 14px;border-bottom:1px solid var(--border2);
}
.reak-tabela th:not(:first-child),.reak-tabela td:not(:first-child){text-align:right}
.reak-tabela td{padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text2)}
.reak-tabela tr:last-child td{border-bottom:none}
.reak-tabela td .naziv{font-family:var(--sans);font-weight:500;color:var(--text);font-size:14.5px}
.reak-tabela .tab-nap{margin-top:10px;font-size:12.5px;color:var(--muted2);font-family:var(--mono)}

.grafik{margin:36px 0;border:1px solid var(--border);border-radius:10px;overflow:hidden}
.grafik img{display:block;width:100%;height:auto}
.grafik .g-slika{
  aspect-ratio:1200/520;
  background:linear-gradient(160deg,var(--panel) 0%,var(--panel2) 60%,#20301F 100%);
  display:flex;align-items:center;justify-content:center;
  color:var(--muted2);font-family:var(--mono);font-size:13px;
}
.grafik .g-pot{padding:12px 18px;font-size:12.5px;color:var(--muted);font-family:var(--mono);border-top:1px solid var(--border)}

.znaci{max-width:64ch}
.znaci h2{font-family:var(--serif);font-weight:600;font-size:22px;margin:8px 0 14px}
.znaci p{font-family:var(--serif);font-size:17.5px;line-height:1.75;color:var(--text2);margin-bottom:16px}
.znaci p strong{color:var(--text)}
.znaci .lek-link{
  display:inline-block;margin-top:4px;padding:12px 18px;
  background:var(--panel);border:1px solid var(--border);border-radius:8px;
  font-family:var(--sans);font-size:14.5px;
}
.znaci .lek-link:hover{border-color:var(--border2)}
.znaci .lek-link .s{color:var(--brass)}

.izvor{margin-top:36px;padding-top:22px;border-top:1px solid var(--border);font-size:14px;color:var(--muted)}
.izvor a{color:var(--brass);border-bottom:1px dotted var(--brass)}
.sledeci{
  margin-top:26px;display:block;background:var(--panel);border:1px solid var(--border);
  border-radius:10px;padding:20px 24px;transition:border-color .15s;
}
.sledeci:hover{border-color:var(--border2)}
.sledeci .sl{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted2);margin-bottom:6px}
.sledeci .sn{font-family:var(--serif);font-size:17px;font-weight:600}
.sledeci .sd{font-family:var(--mono);font-size:12.5px;color:var(--brass);margin-top:4px}

/* =====================================================================
   VEST — jedan članak na /v/<slug>.html
   Koristi iste komponente kao strana reakcije (eyebrow, grafik, izvor);
   novo je samo „Zašto je bitno" i oznake.
   ===================================================================== */
.str-vest h1{
  font-family:var(--serif);font-weight:600;font-size:clamp(26px,4.4vw,36px);
  line-height:1.22;letter-spacing:-.015em;
}
.str-vest .eyebrow{
  font-family:var(--mono);font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--muted);display:flex;gap:14px;flex-wrap:wrap;margin-bottom:18px;
}
.str-vest .eyebrow .k{color:var(--brass)}
.str-vest .eyebrow .vazna{color:var(--brass);letter-spacing:.06em}
.str-vest .znaci{margin-top:26px}
.str-vest .grafik{margin:28px 0 0}
.kutija.zasto{background:var(--panel);border-left:3px solid var(--brass);margin:28px 0}
.kutija.zasto .kl{color:var(--brass)}
.tagovi{margin:26px 0 0;display:flex;gap:8px;flex-wrap:wrap}
.tagovi .tag{
  font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;
  border:1px solid var(--border);border-radius:100px;padding:4px 11px;
  color:var(--muted2);
}

/* =====================================================================
   REČNIK
   ===================================================================== */
.slova{display:flex;gap:6px;flex-wrap:wrap;margin-top:22px;font-family:var(--mono);font-size:13.5px}
.slova a{
  min-width:32px;text-align:center;padding:5px 6px;border-radius:6px;
  color:var(--muted);border:1px solid var(--border);
}
.slova a:hover{color:var(--brass);border-color:var(--border2)}
.slova span{min-width:32px;text-align:center;padding:5px 6px;color:var(--muted2);opacity:.4}
.grupa{margin-bottom:40px}
.grupa h2{
  font-family:var(--serif);font-weight:700;font-size:30px;color:var(--brass);
  border-bottom:1px solid var(--border);padding-bottom:10px;margin-bottom:6px;
  scroll-margin-top:80px;
}
/* SUDAR: blok pojma u rečniku — inline .pojam iz lekcije je .telo .pojam */
.grupa .pojam{padding:18px 4px;border-bottom:1px solid var(--border)}
.grupa .pojam:last-child{border-bottom:none}
.grupa .pojam dt{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.grupa .pojam dt a{font-family:var(--serif);font-size:19px;font-weight:600}
.grupa .pojam dt a:hover{color:var(--brass-soft)}
.grupa .pojam dt .en{font-family:var(--mono);font-size:12.5px;color:var(--muted2)}
.grupa .pojam dd{margin-top:7px;font-size:15.5px;color:var(--text2);line-height:1.65;max-width:64ch}
.grupa .pojam .veza{margin-top:8px;font-size:13px;color:var(--muted)}
.grupa .pojam .veza a{color:var(--brass);border-bottom:1px dotted var(--brass)}

/* =====================================================================
   PROSTE TEKSTUALNE STRANE — /o-sajtu.html, /alati.html (klasa str-strana)
   ===================================================================== */
.proza{max-width:64ch}
.proza h2{
  font-family:var(--serif);font-weight:600;font-size:22px;
  margin:38px 0 14px;letter-spacing:-.01em;
}
.proza h2:first-child{margin-top:0}
.proza p{font-family:var(--serif);font-size:17.5px;line-height:1.75;color:var(--text2);margin-bottom:16px}
.proza p strong{color:var(--text);font-weight:600}
.proza ul{list-style:none;display:grid;gap:10px;margin:0 0 18px}
.proza li{
  position:relative;padding-left:20px;font-size:16px;
  line-height:1.65;color:var(--text2);
}
.proza li::before{content:"—";position:absolute;left:0;color:var(--brass)}
.proza a{color:var(--brass);border-bottom:1px dotted var(--brass)}

/* okvir za ono što tek dolazi — bez izmišljanja sadržaja */
.uskoro-okvir{
  background:var(--panel);border:1px solid var(--border);border-radius:10px;
  padding:26px 28px;margin-top:28px;
}
.uskoro-okvir .kl{
  font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--brass);display:block;margin-bottom:10px;
}
.uskoro-okvir p{font-family:var(--sans);font-size:15.5px;line-height:1.65;color:var(--text2);margin:0}
