/* Indeksabilne stranice portala (doprinos po opštini, teme i pravila, vijesti,
   mapa portala). Isti jezik kao /doprinos: tanke linije, bronza za veze,
   serif za naslove. Prefiks pg- ne smije da se sudara sa ps-/pp-/dp-. */
.pg-shell{
  --pg-ink:#171512;--pg-ink-2:#2c2926;--pg-muted:#6e6860;
  --pg-line:rgba(61,52,43,.14);--pg-line-soft:rgba(61,52,43,.08);
  --pg-card:rgba(255,255,255,.66);--pg-tile:#fbf9f5;--pg-accent:#8b6f47;
  --pg-accent-soft:rgba(139,111,71,.08);--pg-accent-line:rgba(139,111,71,.35);
  --pg-warn:#9a6206;--pg-ok:#2e7d32;
  --pg-serif:"Cormorant Garamond","Cormorant Fallback",Georgia,serif;
  --pg-sans:Inter,"Inter Fallback",system-ui,sans-serif;
  /* Isti okvir kao /doprinos: zaglavlje i podmeni su unutra, pa moraju stajati na istom 1680 gridu. */
  padding-top:clamp(96px,7.5vw,110px);max-width:1680px;margin:0 auto;
  padding-left:clamp(20px,5vw,80px);padding-right:clamp(20px,5vw,80px);padding-bottom:100px;
  color:var(--pg-ink)
}
/* Tipografija i veze važe samo za SADRŽAJ stranice. Zaglavlje (glavni meni i podmeni) je unutar
   .pg-shell i mora ostati onakvo kakvo je na svim stranicama: bez podvlačenja i bez ovih boja. */
.pg-hero,.pg-sec,.pg-disclaimer{font:400 15px/1.7 var(--pg-sans)}
.pg-hero a,.pg-sec a,.pg-disclaimer a{color:var(--pg-accent);text-decoration:none;border-bottom:1px solid var(--pg-accent-line)}
.pg-hero a:hover,.pg-sec a:hover,.pg-disclaimer a:hover{border-bottom-color:var(--pg-accent)}

/* ——— Naslov ——— */
.pg-hero{padding:clamp(24px,3.4vw,52px) 0 8px}
.pg-kicker{margin:0 0 18px;font:600 10px/1.3 var(--pg-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--pg-accent)}
.pg-hero h1{margin:0;font:400 clamp(34px,4.6vw,64px)/1.02 var(--pg-serif);letter-spacing:-.02em;color:var(--pg-ink);overflow-wrap:anywhere}
.pg-lead{margin:22px 0 0;max-width:760px;font:400 15px/1.75 var(--pg-sans);color:var(--pg-muted)}

/* ——— Sekcije ——— */
.pg-sec{margin-top:clamp(36px,4.5vw,64px)}
.pg-sec h2{margin:0 0 10px;font:400 clamp(26px,2.4vw,36px)/1.1 var(--pg-serif);color:var(--pg-ink)}
.pg-sec h3{margin:26px 0 8px;font:600 11px/1.4 var(--pg-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--pg-muted)}
.pg-sec>p{max-width:760px;margin:0 0 12px}
.pg-note{max-width:760px;margin:14px 0 0;padding:12px 14px;border:1px solid var(--pg-line);border-left:3px solid var(--pg-accent);background:var(--pg-tile);font:400 13px/1.6 var(--pg-sans);color:var(--pg-ink-2)}
.pg-note.is-warn{border-left-color:var(--pg-warn)}
.pg-note strong{font-weight:600}
.pg-disclaimer{max-width:760px;margin:36px 0 0;font:400 12px/1.65 var(--pg-sans);color:var(--pg-muted)}

/* ——— Odgovor i citat ——— */
.pg-answer{max-width:760px;margin:0;padding:18px 20px;border:1px solid var(--pg-accent-line);background:var(--pg-accent-soft);font:400 clamp(17px,1.5vw,20px)/1.6 var(--pg-serif);color:var(--pg-ink)}
.pg-quote{max-width:760px;margin:0;padding:14px 18px;border-left:3px solid var(--pg-line);background:var(--pg-card);font:italic 400 15px/1.7 var(--pg-serif);color:var(--pg-ink-2)}
.pg-meta{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;max-width:760px;margin:0;font:400 13px/1.55 var(--pg-sans)}
.pg-meta dt{color:var(--pg-muted)}
.pg-meta dd{margin:0}

/* ——— Tabele ——— */
.pg-wrap{overflow-x:auto;border:1px solid var(--pg-line);background:var(--pg-card);scrollbar-width:thin;max-width:100%}
.pg-tab{width:100%;min-width:560px;border-collapse:collapse;font:400 13px/1.45 var(--pg-sans);font-variant-numeric:tabular-nums}
.pg-tab th,.pg-tab td{padding:9px 14px;border-bottom:1px solid var(--pg-line-soft);text-align:left}
.pg-tab thead th{font:600 9.5px/1.3 var(--pg-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--pg-muted);border-bottom:1px solid var(--pg-line);white-space:nowrap}
.pg-tab .n{text-align:right;white-space:nowrap}
.pg-tab tbody th{font-weight:500}
.pg-tab tr.is-ista td,.pg-tab tr.is-ista th{background:var(--pg-accent-soft)}
.pg-tab-nap{margin:10px 0 0;padding:0;list-style:none;font:400 12px/1.6 var(--pg-sans);color:var(--pg-muted)}

/* ——— Spiskovi veza ——— */
.pg-lista{margin:0;padding:0;list-style:none;display:grid;gap:0;max-width:980px}
.pg-lista li{padding:11px 0;border-bottom:1px solid var(--pg-line-soft)}
.pg-lista li:first-child{border-top:1px solid var(--pg-line-soft)}
.pg-lista .pg-odg{display:block;margin-top:3px;font:400 13px/1.55 var(--pg-sans);color:var(--pg-muted)}
.pg-lista .pg-dat{display:inline-block;min-width:92px;margin-right:10px;font:500 12px/1.4 var(--pg-sans);color:var(--pg-muted);font-variant-numeric:tabular-nums}
.pg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:0;padding:0;list-style:none}
.pg-grid li{border:1px solid var(--pg-line);background:var(--pg-card)}
.pg-sec .pg-grid a{display:block;padding:12px 14px;border-bottom:0;color:var(--pg-ink)}
.pg-grid a:hover{background:var(--pg-accent-soft)}
.pg-grid small{display:block;margin-top:2px;font:400 11.5px/1.4 var(--pg-sans);color:var(--pg-muted)}
.pg-tag{display:inline-block;padding:2px 8px;border:1px solid var(--pg-line);font:600 9.5px/1.5 var(--pg-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--pg-muted)}
.pg-tag.is-stop{border-color:rgba(168,69,44,.4);color:#a8452c}
.pg-sec .pg-cta,.pg-cta{display:inline-block;margin-top:16px;padding:11px 20px;border:1px solid var(--pg-accent);background:var(--pg-accent);color:#fff!important;font:600 11px/1.3 var(--pg-sans);letter-spacing:.14em;text-transform:uppercase}
.pg-cta:hover{background:transparent;color:var(--pg-accent)!important}

/* ——— Uvodna stranica /portal ——— */
.pg-hero-portal{position:relative;padding:clamp(28px,4vw,64px) 0 0}
.pg-hero-portal>canvas.pr-sinapse-canvas{position:absolute;inset:-60px 0 0;width:100%;height:calc(100% + 60px);pointer-events:none;opacity:.55}
.pg-hero-portal>*:not(canvas){position:relative;z-index:1}
.pg-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,320px);gap:32px clamp(32px,6vw,110px);align-items:end}
.pg-hero-portal h1{font-size:clamp(46px,6.2vw,96px);line-height:.94;letter-spacing:-.025em}
.pg-hero-portal h1 span{display:block;font-style:italic;color:var(--pg-accent)}
.pg-hero-portal .pg-lead{max-width:640px;font-size:16px;line-height:1.75}
.pg-hero-akcije{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0}
.pg-hero-akcije .pg-cta{margin-top:0}
.pg-cta-tih{background:transparent!important;color:var(--pg-accent)!important}
.pg-cta-tih:hover{background:var(--pg-accent)!important;color:#fff!important}
.pg-stamp{margin:0;display:grid;border:1px solid var(--pg-line);background:var(--pg-card);backdrop-filter:blur(6px)}
.pg-stamp div{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:14px 20px;border-bottom:1px solid var(--pg-line-soft)}
.pg-stamp div:last-child{border-bottom:0}
.pg-stamp dt{font:500 11px/1.4 var(--pg-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--pg-muted)}
.pg-stamp dd{margin:0;font:400 clamp(30px,3vw,42px)/1 var(--pg-serif);color:var(--pg-ink);font-variant-numeric:lining-nums}

.pg-sta{display:grid;grid-template-columns:minmax(180px,300px) minmax(0,1fr);gap:18px clamp(32px,6vw,110px);padding-top:clamp(28px,3vw,44px);border-top:1px solid var(--pg-line)}
.pg-sta h2{margin:0}
.pg-sta-tekst p{max-width:720px;margin:0 0 14px;font-size:16px;line-height:1.8;color:var(--pg-ink-2)}
.pg-sec-glava{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 36px;margin:0 0 clamp(18px,2vw,28px)}
.pg-sec-glava h2{margin:0}
.pg-sec-glava p{margin:0;max-width:640px;font:400 14px/1.65 var(--pg-sans);color:var(--pg-muted)}

/* kartice „kako da počnete” */
.pg-ik{width:28px;height:28px;color:var(--pg-accent)}
.pg-koraci{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.pg-koraci li{display:flex}
.pg-sec .pg-koraci a{position:relative;display:flex;flex-direction:column;width:100%;padding:20px 20px 22px;border:1px solid var(--pg-line);border-bottom:1px solid var(--pg-line);background:var(--pg-card);color:var(--pg-ink);transition:border-color .25s,background .25s,transform .25s,box-shadow .25s}
.pg-sec .pg-koraci a:hover{border-color:var(--pg-accent-line);background:#fff;transform:translateY(-3px);box-shadow:0 14px 30px -18px rgba(61,52,43,.45)}
.pg-kor-vrh{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.pg-br{font:600 10px/1 var(--pg-sans);letter-spacing:.18em;color:var(--pg-muted)}
.pg-koraci b{display:block;font:500 clamp(19px,1.6vw,23px)/1.2 var(--pg-serif);color:var(--pg-ink)}
.pg-koraci small{display:block;margin-top:8px;font:400 12.5px/1.6 var(--pg-sans);color:var(--pg-muted)}
.pg-strelica{margin-top:auto;padding-top:18px;font:400 18px/1 var(--pg-sans);color:var(--pg-accent);transition:transform .25s}
.pg-sec .pg-koraci a:hover .pg-strelica{transform:translateX(5px)}

/* načela */
.pg-nacela{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 clamp(20px,3vw,44px);margin:0;padding:0;list-style:none}
.pg-nacela li{padding-top:18px;border-top:1px solid var(--pg-ink)}
.pg-nac-br{display:block;margin-bottom:14px;font:italic 400 34px/1 var(--pg-serif);color:var(--pg-accent)}
.pg-nacela b{display:block;font:500 20px/1.25 var(--pg-serif);color:var(--pg-ink)}
.pg-nacela p{margin:10px 0 0;font:400 13.5px/1.7 var(--pg-sans);color:var(--pg-muted)}

/* pregled */
.pg-podjela{margin:clamp(56px,7vw,100px) 0 0;padding-top:clamp(26px,3vw,40px);border-top:1px solid var(--pg-ink);font:400 clamp(34px,3.6vw,54px)/1 var(--pg-serif);color:var(--pg-ink)}
.pg-skok{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}
.pg-skok a{text-decoration:none;padding:7px 14px;border:1px solid var(--pg-line);font:500 11px/1.3 var(--pg-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--pg-ink);background:var(--pg-card);transition:background .2s,border-color .2s}
.pg-skok a:hover{background:var(--pg-accent-soft);border-color:var(--pg-accent-line)}
.pg-plocice{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.pg-sec .pg-plocice a{display:block;height:100%;padding:14px 16px;border:1px solid var(--pg-line);border-bottom:1px solid var(--pg-line);background:var(--pg-card);color:var(--pg-ink);transition:border-color .2s,background .2s}
.pg-sec .pg-plocice a:hover{border-color:var(--pg-accent-line);background:#fff}
.pg-plocice b{display:block;font:500 14px/1.3 var(--pg-sans)}
.pg-plocice small{display:block;margin-top:3px;font:400 12px/1.5 var(--pg-sans);color:var(--pg-muted)}
.pg-teme{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(24px,3vw,48px);margin:0;padding:0;list-style:none}
.pg-teme li{border-bottom:1px solid var(--pg-line-soft)}
.pg-sec .pg-teme a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:11px 2px;border-bottom:0;color:var(--pg-ink);font:400 14.5px/1.4 var(--pg-sans);transition:color .2s,padding .2s}
.pg-sec .pg-teme a:hover{color:var(--pg-accent);padding-left:8px}
.pg-teme em{font:italic 400 15px/1 var(--pg-serif);color:var(--pg-accent);font-variant-numeric:lining-nums}
.pg-podnaslov{margin:22px 0 10px;font:600 11px/1.4 var(--pg-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--pg-muted)}
.pg-podnaslov span{margin-left:6px;color:var(--pg-accent)}
.pg-cipovi{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.pg-sec .pg-cipovi a{display:block;padding:8px 16px;border:1px solid var(--pg-line);border-bottom:1px solid var(--pg-line);background:var(--pg-card);color:var(--pg-ink);font:400 14px/1.3 var(--pg-sans);transition:background .2s,border-color .2s,color .2s}
.pg-sec .pg-cipovi a:hover{background:var(--pg-accent);border-color:var(--pg-accent);color:#fff}
.pg-vijesti{margin:0;padding:0;list-style:none;border-top:1px solid var(--pg-line)}
.pg-vijesti li{border-bottom:1px solid var(--pg-line-soft)}
.pg-sec .pg-vijesti a{display:grid;grid-template-columns:104px minmax(0,1fr) auto;align-items:baseline;gap:6px 22px;padding:14px 4px;border-bottom:0;color:var(--pg-ink);transition:background .2s,padding .2s}
.pg-sec .pg-vijesti a:hover{background:var(--pg-accent-soft);padding-left:12px}
.pg-vijesti .pg-dat{font:500 12.5px/1.4 var(--pg-sans);color:var(--pg-muted);font-variant-numeric:tabular-nums}
.pg-vijesti .pg-vij-naslov{font:400 16px/1.4 var(--pg-serif);font-size:18px}
.pg-vijesti .pg-tag{justify-self:end}
.pg-vijesti-dalje{margin:14px 0 0;font:400 13px/1.6 var(--pg-sans)}
.pg-propisi{columns:3;column-gap:clamp(24px,3vw,48px);margin:0;padding:0;list-style:none}
.pg-propisi li{break-inside:avoid;padding:6px 0;border-bottom:1px solid var(--pg-line-soft)}
.pg-sec .pg-propisi a{border-bottom:0;color:var(--pg-ink);font:400 13.5px/1.45 var(--pg-sans)}
.pg-sec .pg-propisi a:hover{color:var(--pg-accent)}

@media(max-width:1100px){
  .pg-koraci,.pg-plocice{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-nacela{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px clamp(20px,3vw,44px)}
  .pg-teme{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-propisi{columns:2}
  .pg-hero-grid{grid-template-columns:1fr}
  .pg-stamp{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-stamp div{flex-direction:column;align-items:flex-start;gap:6px}
  .pg-stamp div:nth-child(odd){border-right:1px solid var(--pg-line-soft)}
  .pg-stamp div:nth-last-child(-n+2){border-bottom:0}
  .pg-sta{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .pg-sec .pg-koraci a,.pg-strelica,.pg-teme a,.pg-vijesti a{transition:none}
  .pg-sec .pg-koraci a:hover{transform:none}
}

@media(max-width:640px){
  .pg-koraci,.pg-plocice,.pg-nacela,.pg-teme{grid-template-columns:1fr}
  .pg-propisi{columns:1}
  .pg-sec .pg-vijesti a{grid-template-columns:1fr;gap:4px}
  .pg-vijesti .pg-tag{justify-self:start}
  .pg-sec-glava{display:block}
  .pg-sec-glava p{margin-top:8px}
  .pg-meta{grid-template-columns:1fr;gap:0}
  .pg-meta dt{margin-top:8px}
  .pg-lista .pg-dat{display:block;margin-bottom:2px}
}