/* stanje.nasevode.rs: dizajn sistem, osnova. VLASNIK: T12. Tokeni, pismo, okvir strane (UGOVOR B.0), raspored izveštaja.
   Komponente (UGOVOR B.1–B.14) su u komponente.css. Katalog sa primerima: /dizajn/.
   IBM Plex Sans + IBM Plex Serif (SIL OFL 1.1), samo-hostovano, podskupovi po unicode-range (isto kao nasevode.rs). */
@font-face{font-family:"Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-cyrillic-ext-400-normal.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-ext-400-normal.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:"Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-400-normal.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:"Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-cyrillic-ext-500-normal.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-ext-500-normal.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:"Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-500-normal.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:"Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-cyrillic-ext-600-normal.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-ext-600-normal.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:"Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-600-normal.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:"Plex Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-serif-cyrillic-ext-400-normal.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"Plex Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-serif-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Plex Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-serif-latin-ext-400-normal.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:"Plex Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-serif-latin-400-normal.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:"Plex Serif";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-serif-cyrillic-ext-600-normal.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"Plex Serif";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-serif-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Plex Serif";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-serif-latin-ext-600-normal.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:"Plex Serif";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-serif-latin-600-normal.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}

/* ── Tokeni ──────────────────────────────────────────────────────────────────────────────────────────────────────
   Isti kao nasevode.rs i dojave.nasevode.rs (papir, mastilo, sive, narandžasta), uz dve razlike radi kontrasta:
   --sivo-svetlo je tamniji (#5c6a77, 4,96:1 na papiru umesto 3,94:1) i narandžasta se nikad ne koristi kao boja
   teksta na svetloj podlozi (samo --akcenat-tamno, 4,88:1).
   Pravilo boje: jednobojno (mastilo, sive, bela) + JEDAN akcenat (narandžasta iz karusela). Akcenat znači
   „ovde gledaj / ovde si“: traka napretka, fokus, crta ispod velike brojke, okvir „Ukratko“, glavno dugme.
   Jedina višebojna paleta je --kat-* i važi SAMO za tačke i legendu mape (UGOVOR B, plan 2.2). */
:root {
  /* podloge */
  --papir: #f4f2ec;          /* pozadina strane */
  --list: #ffffff;           /* kartice, okviri */
  --magla: #e9edf0;          /* blaga siva površina (zaglavlje tabele, čip) */
  /* tekst i linije */
  --mastilo: #0b1d2b;        /* tekst, glavna boja; 15,3:1 na papiru */
  --noc-2: #10344a;          /* tamna površina, drugi ton */
  --sivo: #44525f;           /* sporedni tekst; 7,2:1 */
  --sivo-svetlo: #5c6a77;    /* najsvetliji dozvoljeni tekst; 4,96:1 na papiru */
  --okvir: #7a8796;          /* ivica polja i obrisa (3,3:1, za ne-tekst) */
  --tanko: #cfd6dc;          /* linija */
  --tanko-2: #e2e7eb;        /* najtanja linija */
  --na-tamnom: #dbe5ec;      /* sporedni tekst na tamnoj traci (10,2:1 na --noc-2) */
  /* jedan akcenat */
  --akcenat: #c4761a;        /* fokus, ivice; nikad tekst na svetlom */
  --akcenat-svetlo: #f2a93b; /* karusel: trake, podloga glavnog dugmeta (sa mastilom 8,6:1) */
  --akcenat-tamno: #9a5a10;  /* jedini narandžasti tekst (hover linka); 4,88:1 na papiru */
  --akcenat-bledo: #fbeed9;  /* blaga podloga istaknutog (mastilo 15:1) */

  /* kategorije: SAMO mapa (tačke i legenda). Svaka ≥ 3:1 prema papiru (grafički objekat). Van mape kategoriju
     nosi jednobojna ikonica + naziv. „dobro“ je zeleno po planu 2.2. Narandžasta je namerno izostavljena. */
  --kat-krivolov: #8e2c66;
  --kat-cuvanje: #1f5fa8;
  --kat-ribocuvar: #6a4c9c;
  --kat-korisnik: #2b8bb8;
  --kat-pomor: #b3322a;
  --kat-radovi: #85621d;
  --kat-drzava: #44525f;
  --kat-dobro: #1d7a4f;

  /* pismo */
  --sans: "Plex Sans", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --serif: "Plex Serif", "IBM Plex Serif", Georgia, "Times New Roman", serif;
  --t-osnova: 1.0625rem;     /* 17 px na telefonu; 18 px od 768 px */
  --t-malo: 0.9375rem;       /* 15 px: meta, potpisi */
  --t-sitno: 0.8125rem;      /* 13 px: nalepnice, oznake; najmanje dozvoljeno */
  --t-h1: clamp(1.875rem, 1.25rem + 2.8vw, 2.875rem);
  --t-h2: clamp(1.5rem, 1.15rem + 1.5vw, 2.125rem);
  --t-h3: clamp(1.1875rem, 1.05rem + 0.6vw, 1.375rem);
  --t-brojka: clamp(3.25rem, 2.4rem + 4.2vw, 4.75rem); /* pločica: 52 px na 360, 76 px na 1200 */
  --mera: 36em;              /* dužina reda proze: ≈ 70–75 znakova */
  --prored: 1.6;

  /* razmaci (4 px osnova) */
  --r-1: 0.25rem; --r-2: 0.5rem; --r-3: 0.75rem; --r-4: 1rem; --r-5: 1.5rem; --r-6: 2rem; --r-7: 3rem; --r-8: 4.5rem;
  --gutter: 16px;
  --sirina: 74rem;

  /* oblik */
  --zaobljenje: 2px;
  --senka-1: 0 1px 2px rgba(11, 29, 43, 0.06), 0 1px 1px rgba(11, 29, 43, 0.04);
  --senka-2: 0 8px 24px rgba(11, 29, 43, 0.14);
  --fokus: 3px solid var(--akcenat);

  color-scheme: light;
}
@media (min-width: 48em) { :root { --t-osnova: 1.125rem; --gutter: 24px; } }
@media (min-width: 75em) { :root { --gutter: 32px; } }

/* ── Osnova ──────────────────────────────────────────────────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
body {
  margin: 0; background: var(--papir); color: var(--mastilo);
  font-family: var(--sans); font-size: var(--t-osnova); line-height: var(--prored);
  font-kerning: normal; -webkit-font-smoothing: antialiased; overflow-wrap: break-word;
}
/* Bez kurziva: ćirilični kurziv u Plex-u ima ruske oblike slova (isto pravilo kao nasevode.rs). */
em, i, cite, address, dfn, var { font-style: normal; }
em { font-weight: 500; }
strong, b { font-weight: 600; }
h1, h2, h3, h4 { font-weight: 600; line-height: 1.18; letter-spacing: -0.012em; text-wrap: balance; margin: 0; }
h1 { font-size: var(--t-h1); }
h2 { font-size: var(--t-h2); }
h3 { font-size: var(--t-h3); line-height: 1.3; }
h4 { font-size: 1rem; text-transform: uppercase; letter-spacing: 0.06em; }
p, ul, ol, dl, figure, blockquote { margin: 0; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 0.18em; text-decoration-color: var(--okvir); }
a:hover { color: var(--akcenat-tamno); text-decoration-color: currentColor; }
:focus-visible { outline: var(--fokus); outline-offset: 2px; border-radius: 1px; }
[hidden] { display: none !important; }
img, svg, video { max-width: 100%; height: auto; }
hr { border: 0; border-top: 1px solid var(--tanko); margin: var(--r-6) 0; }
abbr[title] { text-decoration: underline dotted; }
table { border-collapse: collapse; width: 100%; font-variant-numeric: tabular-nums; }
th, td { text-align: left; vertical-align: top; padding: var(--r-2) var(--r-3); border-bottom: 1px solid var(--tanko); }
th { font-weight: 600; }
thead th { font-size: var(--t-malo); color: var(--sivo); border-bottom: 2px solid var(--mastilo); }
caption { text-align: left; font-weight: 600; padding-bottom: var(--r-2); caption-side: top; }
code, kbd, pre { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 0.875em; }
details > summary { cursor: pointer; }
/* Svaki cilj #id-a staje ispod lepljivog sadržaja na telefonu. */
main [id] { scroll-margin-top: 4.5rem; }

/* Tekst samo za čitače ekrana (UGOVOR B: .vidljivo-citacu) */
.vidljivo-citacu {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* ── Proza: pasusi, liste, bold ──────────────────────────────────────────────────────────────────────────────────
   Bold samo subjekat i brojka (plan 2.9 B); bold u prozi je malo jači od teksta, bez boje. Pravila važe samo za
   direktnu decu poglavlja (tekst iz md.mjs) i za .proza, da ne menjaju razmake unutar komponenti. */
.poglavlje > p, .poglavlje > ul, .poglavlje > ol, .poglavlje > blockquote,
.izvestaj__uvod, .proza p, .proza ul, .proza ol, p.uvod { max-width: var(--mera); }
.poglavlje > p, .proza p { margin-top: var(--r-4); text-wrap: pretty; }
.poglavlje > ul, .poglavlje > ol, .proza ul, .proza ol { margin-top: var(--r-4); padding-left: 1.4em; }
.poglavlje > ul > li, .poglavlje > ol > li, .proza li { margin-top: var(--r-2); padding-left: 0.2em; }
.poglavlje > ul > li::marker, .poglavlje > ol > li::marker, .proza li::marker { color: var(--sivo); font-variant-numeric: tabular-nums; }
.poglavlje > h3, .proza h3 { margin-top: var(--r-6); }
.poglavlje > h4, .proza h4 { margin-top: var(--r-5); }
.poglavlje > blockquote, .proza blockquote { margin: var(--r-5) 0 0; padding-left: var(--r-4); border-left: 3px solid var(--tanko); color: var(--sivo); }
p.uvod, .izvestaj__uvod { font-size: 1.1875rem; line-height: 1.55; color: var(--mastilo); }
@media (min-width: 48em) { p.uvod, .izvestaj__uvod { font-size: 1.3125rem; } }
.izvestaj__uvod p + p { margin-top: var(--r-3); }

/* Reference u tekstu ([[J-0082]], [[H-…]], [[C-01]]) */
.ref-slucaj, .ref-hronologija, .ref-citat { text-decoration-style: dotted; text-decoration-thickness: 1.5px; text-decoration-color: var(--sivo); }
span.ref-slucaj { text-decoration: none; border-bottom: 1px dotted var(--okvir); }

/* ── Okvir strane (UGOVOR B.0; HTML pravi okvir.mjs, T4b) ──────────────────────────────────────────────────── */
.preskoci {
  position: absolute; left: var(--gutter); top: -4rem; z-index: 60; background: var(--mastilo); color: var(--list);
  padding: var(--r-3) var(--r-4); font-weight: 600; text-decoration: none;
}
.preskoci:focus { top: var(--r-2); color: var(--list); }

.traka-proba {
  background: var(--mastilo); color: var(--list); padding: var(--r-2) var(--gutter); font-size: var(--t-malo);
  border-bottom: 3px dashed var(--akcenat-svetlo); text-align: center;
}
.traka-nacrta { background: var(--noc-2); color: var(--na-tamnom); font-size: var(--t-malo); line-height: 1.45; }
.traka-nacrta p { max-width: var(--sirina); margin: 0 auto; padding: var(--r-2) var(--gutter); }
.traka-nacrta strong { color: var(--list); }
.traka-nacrta a { color: var(--list); text-decoration-color: var(--akcenat-svetlo); }
.traka-nacrta a:hover { color: var(--akcenat-svetlo); }
.traka-nacrta :focus-visible { outline-color: var(--akcenat-svetlo); }
/* Na telefonu traka staje u jedan-dva reda: „Nacrt, izdanje 1 · poluautomatski · 7. novembar 2026. · PDF · Podaci“ (PREGLED-FABLE-3 A.6). */
@media (max-width: 39.99em) { .traka-nacrta__dugo { display: none; } }

.zaglavlje {
  max-width: var(--sirina); margin: 0 auto; padding: var(--r-3) var(--gutter) 0;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--r-2) var(--r-5);
}
.zaglavlje__znak { display: inline-flex; align-items: baseline; gap: var(--r-2); text-decoration: none; padding: var(--r-1) 0; }
.zaglavlje__znak::before {
  content: ""; align-self: center; width: 0.95rem; height: 1.35rem; flex: none;
  background: linear-gradient(var(--akcenat-svetlo) 0 0) bottom / 100% 0.3rem no-repeat, var(--mastilo);
}
.zaglavlje__naziv { font-weight: 600; font-size: 1.25rem; letter-spacing: -0.01em; }
.zaglavlje__domen { font-size: var(--t-malo); color: var(--sivo); }
.zaglavlje__znak:hover { color: var(--mastilo); }
.zaglavlje__znak:hover .zaglavlje__naziv { text-decoration: underline; text-decoration-color: var(--akcenat-svetlo); text-decoration-thickness: 2px; }

.nav-glavna { width: 100%; border-bottom: 1px solid var(--tanko); }
.nav-glavna ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0 var(--r-4); }
.nav-glavna a {
  display: inline-block; padding: var(--r-3) 0 calc(var(--r-3) - 3px); text-decoration: none; font-size: var(--t-malo);
  font-weight: 500; color: var(--sivo); border-bottom: 3px solid transparent; min-height: 2.75rem;
}
.nav-glavna a:hover { color: var(--mastilo); border-bottom-color: var(--tanko); }
.nav-glavna a[aria-current="page"] { color: var(--mastilo); font-weight: 600; border-bottom-color: var(--akcenat-svetlo); }
@media (min-width: 64em) {
  .nav-glavna { width: auto; border-bottom: 0; }
  .zaglavlje { padding-bottom: 0; border-bottom: 1px solid var(--tanko); }
  .nav-glavna a { font-size: 1rem; padding-top: var(--r-4); padding-bottom: calc(var(--r-4) - 3px); }
}

.sadrzaj { display: block; max-width: var(--sirina); margin: 0 auto; padding: var(--r-6) var(--gutter) var(--r-7); }
@media (min-width: 48em) { .sadrzaj { padding-top: var(--r-7); } }
.sadrzaj > h1 { max-width: 22em; }
.sadrzaj > h1 + * { margin-top: var(--r-4); }

.podnozje { border-top: 1px solid var(--tanko); background: var(--list); font-size: var(--t-malo); color: var(--sivo); }
.podnozje > * { max-width: var(--sirina); margin-left: auto; margin-right: auto; padding-left: var(--gutter); padding-right: var(--gutter); }
.podnozje > p { margin-top: var(--r-2); }
.podnozje > p:last-child { padding-bottom: var(--r-7); }
.podnozje a { color: var(--mastilo); }
.podnozje__rok { font-weight: 600; color: var(--mastilo); font-size: 1rem; margin-top: var(--r-5) !important; }

/* Poziv na akciju (plan 2.7): jedno glavno dugme u akcentu, dva obrisna. */
.cta { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--r-3); padding-top: var(--r-6); }
@media (min-width: 40em) { .cta { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.cta__dugme {
  display: flex; flex-direction: column; justify-content: center; min-height: 3.5rem; padding: var(--r-3) var(--r-4);
  border: 1.5px solid var(--mastilo); border-radius: var(--zaobljenje); background: var(--list); color: var(--mastilo);
  text-decoration: none; line-height: 1.25;
}
.cta__tekst { font-weight: 600; font-size: 1.0625rem; }
.cta__pod { font-size: var(--t-sitno); color: var(--sivo); }
.cta__dugme:hover { background: var(--mastilo); color: var(--list); }
.cta__dugme:hover .cta__pod { color: var(--na-tamnom); }
.cta__dugme--potpisi { background: var(--akcenat-svetlo); border-color: var(--akcenat-svetlo); }
.cta__dugme--potpisi .cta__pod { color: var(--mastilo); }

/* ── Izveštaj: zaglavlje, lepljivi bočni sadržaj, poglavlja (UGOVOR B.0) ─────────────────────────────────────── */
.izvestaj__zaglavlje { padding-bottom: var(--r-6); border-bottom: 2px solid var(--mastilo); margin-bottom: var(--r-5); }
.izvestaj__zaglavlje h1 { max-width: 20em; }
.izvestaj__uvod { margin-top: var(--r-4); }
.izvestaj__zaglavlje .okvir-nacrt { max-width: var(--mera); }

.sadrzaj-bocni { font-size: var(--t-malo); line-height: 1.4; margin-bottom: var(--r-6); }
.sadrzaj-bocni summary {
  display: flex; align-items: center; gap: var(--r-2); min-height: 2.75rem; list-style: none;
  font-weight: 600; font-size: var(--t-sitno); letter-spacing: 0.08em; text-transform: uppercase; color: var(--sivo);
}
.sadrzaj-bocni summary::-webkit-details-marker { display: none; }
.sadrzaj-bocni summary::after {
  content: ""; margin-left: auto; width: 0.55rem; height: 0.55rem; flex: none;
  border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-25%) rotate(45deg);
}
.sadrzaj-bocni details[open] > summary::after { transform: translateY(15%) rotate(-135deg); }
.sadrzaj-bocni ol { list-style: none; margin: 0; padding: 0; border-left: 1px solid var(--tanko); }
.sadrzaj-bocni li { margin: 0; }
.sadrzaj-bocni a {
  display: flex; gap: var(--r-2); padding: 0.6rem var(--r-3); margin-left: -1px; text-decoration: none; color: var(--sivo);
  border-left: 3px solid transparent;
}
.sadrzaj-bocni a:hover { color: var(--mastilo); border-left-color: var(--tanko); }
.sadrzaj-bocni a[aria-current] { color: var(--mastilo); font-weight: 600; border-left-color: var(--akcenat-svetlo); }
.sadrzaj-bocni__broj { flex: none; min-width: 1.6em; font-variant-numeric: tabular-nums; color: var(--sivo-svetlo); font-weight: 500; }
.sadrzaj-bocni__vrh { display: inline-block; margin-top: var(--r-3); padding: var(--r-2) var(--r-3); color: var(--sivo); font-size: var(--t-sitno); }
.sadrzaj-bocni__trenutno { display: none; }

/* Telefon i tablet, sa JS-om (napredak.js dodaje --js): sadržaj je lepljiva traka „Sadržaj · trenutno poglavlje“. */
@media (max-width: 63.99em) {
  .sadrzaj-bocni--js { position: sticky; top: 0; z-index: 40; margin: 0 calc(-1 * var(--gutter)) var(--r-5); padding: 4px var(--gutter) 0; background: var(--papir); border-bottom: 1px solid var(--tanko); }
  .sadrzaj-bocni--js summary { text-transform: none; letter-spacing: 0; font-size: var(--t-malo); color: var(--mastilo); }
  .sadrzaj-bocni--js .sadrzaj-bocni__trenutno {
    display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; color: var(--sivo);
  }
  .sadrzaj-bocni--js .sadrzaj-bocni__trenutno:not(:empty)::before { content: "· "; }
  /* otvorena lista je sloj ispod trake (ne gura tekst, pa skok na poglavlje pogađa tačno mesto) */
  .sadrzaj-bocni--js ol {
    position: absolute; left: 0; right: 0; top: 100%; max-height: min(70vh, 30rem); overflow-y: auto; overscroll-behavior: contain;
    background: var(--papir); border-left: 0; border-bottom: 1px solid var(--tanko); padding: 0 var(--gutter) var(--r-3); box-shadow: var(--senka-2);
  }
  .sadrzaj-bocni--js .sadrzaj-bocni__vrh { display: none; }
}

/* Računar: dve kolone, sadržaj lepljiv levo. */
@media (min-width: 64em) {
  .izvestaj { display: grid; grid-template-columns: 15rem minmax(0, 1fr); grid-template-areas: "zaglavlje zaglavlje" "bocni telo"; column-gap: var(--r-7); }
  .izvestaj__zaglavlje { grid-area: zaglavlje; }
  .sadrzaj-bocni { grid-area: bocni; align-self: start; position: sticky; top: var(--r-5); max-height: calc(100vh - 3rem); overflow-y: auto; margin: 0; padding-bottom: var(--r-4); }
  .sadrzaj-bocni summary { pointer-events: none; } /* na računaru je uvek otvoren (napredak.js), naslov nije dugme */
  .sadrzaj-bocni summary::after { display: none; }
  .izvestaj__telo { grid-area: telo; min-width: 0; max-width: 48rem; }
  main [id] { scroll-margin-top: var(--r-5); }
}

.poglavlje { padding-top: var(--r-6); }
.poglavlje + .poglavlje { margin-top: var(--r-6); border-top: 1px solid var(--tanko); }
@media (min-width: 48em) { .poglavlje + .poglavlje { margin-top: var(--r-7); padding-top: var(--r-7); } }
/* Naslov poglavlja je nalaz u jednoj rečenici; broj stoji iznad kao mala oznaka. */
.poglavlje > h2 { max-width: 22em; }
.poglavlje__broj {
  display: block; width: max-content; margin-bottom: var(--r-3); padding-top: var(--r-2); border-top: 3px solid var(--akcenat-svetlo);
  font-size: var(--t-malo); font-weight: 600; letter-spacing: 0.06em; color: var(--sivo); font-variant-numeric: tabular-nums;
}
.poglavlje__broj::before { content: "Poglavlje "; }
.sledece { margin-top: var(--r-6) !important; }
.sledece a {
  display: inline-flex; align-items: center; min-height: 2.75rem; padding: var(--r-2) var(--r-4);
  border: 1px solid var(--tanko); background: var(--list); text-decoration: none; font-weight: 500; font-size: var(--t-malo);
}
.sledece a:hover { border-color: var(--mastilo); color: var(--mastilo); }

/* Traka napretka čitanja (pravi je napredak.js; bez JS-a je nema). */
.napredak { position: fixed; top: 0; left: 0; right: 0; height: 4px; z-index: 50; pointer-events: none; background: transparent; }
.napredak__traka { display: block; height: 100%; background: var(--akcenat-svetlo); transform-origin: 0 50%; transform: scaleX(0); }

/* ── Kretanje: sve prelaze gasi „smanji pokrete“ ──────────────────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}

/* ── Štampa: osnovno (pun print.css pravi T10) ─────────────────────────────────────────────────────────────────── */
@media print {
  body { background: var(--list); }
  .preskoci, .nav-glavna, .napredak, .sadrzaj-bocni, .cta, .sledece { display: none !important; }
  .izvestaj { display: block; }
}

/* /dokumenti/ (T16) */
.dokumenti__sitno { font-size: var(--t-sitno); color: var(--sivo); white-space: nowrap; }
.strana-dokumenti .tabela-kartice td:first-child { min-width: 16rem; }