/* BEGIN styles.min.css */
:root{--bg-darker:#08130f;--bg-dark:#0b1d14;--bg:var(--bg-darker);--card:#133024;--text:#e6f2ea;--ink:#e6f2ea;--muted:#cfe3d6;--accent:#6bd08c;--accent2:#2e7d32;--shadow:0 16px 36px rgba(0,0,0,.45)}img{display:block;max-width:100%;height:auto}img[width][height]{height:auto}.hero img,.hero-image img,.hero-media img{width:100%;height:auto}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Noto Sans',sans-serif;color:var(--text);background:var(--bg)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:24px}.nav{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:12px 24px;background:rgba(8,19,15,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;border-bottom:1px solid #dce7df}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:20px;color:var(--text);text-decoration:none}.brand img{width:36px;height:36px;object-fit:contain;border-radius:6px}.navlinks{display:flex;gap:16px;flex-wrap:wrap}.btn{display:inline-block;background:var(--accent);color:#fff;padding:10px 16px;border-radius:10px;border:none;cursor:pointer;font-weight:600}.btn:hover{background:var(--accent2)}.hero{display:grid;grid-template-columns:1.1fr 0.9fr;gap:28px;align-items:center;padding:40px 0}@media(max-width:900px){.hero{grid-template-columns:1fr}}.card{background:var(--card);padding:18px;border-radius:16px;box-shadow:0 6px 18px rgba(10,30,25,.08)}.h2{font-size:38px;line-height:1.12;margin:0 0 12px}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}@media(max-width:800px){.grid{grid-template-columns:1fr}}.input,textarea{width:100%;padding:12px 14px;border:1px solid #cddbd1;border-radius:12px;background:#fff}textarea{min-height:120px;resize:vertical}.badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.badge{background:#dff1e5;color:#0b3a23;padding:8px 12px;border-radius:999px;font-size:14px}.footer{padding:28px;text-align:center;color:var(--muted)}.embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:16px;background:#000}.embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.hero{position:relative;min-height:clamp(340px,70vh,640px);display:grid;place-items:center;background:radial-gradient(1200px 60% at 50% 10%,rgba(107,208,140,.12),transparent 70%),linear-gradient(180deg,rgba(0,0,0,.62),rgba(0,0,0,.82)),url('/slike/bg-header.webp') center/cover no-repeat}.hero__overlay{position:absolute;inset:0;background:radial-gradient(800px 50% at 50% 0,rgba(107,208,140,.2),transparent 60%);pointer-events:none}.hero__inner{position:relative;text-align:center;padding:0 16px}.brand{font-family:Georgia,serif;font-size:clamp(36px, 8vw, 72px);font-weight:800;letter-spacing:2px;text-shadow:0 6px 24px rgba(0,0,0,.55)}.tagline{margin-top:8px;font-size:clamp(16px, 2.2vw, 22px);color:var(--muted)}.btn-cta{display:inline-block;margin-top:18px;padding:12px 20px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:linear-gradient(180deg,rgba(107,208,140,.15),rgba(107,208,140,.05));color:var(--ink);text-decoration:none;backdrop-filter:blur(4px);transition:transform .15s ease,background .2s ease}.btn-cta:hover{transform:translateY(-2px);background:rgba(107,208,140,.22)}.section-inicijativa{background:linear-gradient(180deg,rgba(11,29,20,0),rgba(11,29,20,.35));padding:clamp(36px,5vw,72px) 20px;color:var(--ink)}.inicijativa-wrap{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(18px,3vw,36px);align-items:center}.inicijativa-media{background:var(--card);border-radius:18px;padding:clamp(10px,2vw,16px);box-shadow:var(--shadow)}.inicijativa-media img{width:100%;height:clamp(260px,36vw,420px);object-fit:cover;border-radius:12px;display:block;filter:saturate(.95) contrast(1.06) brightness(.98)}.inicijativa-content h2{font-size:clamp(28px, 4vw, 40px);margin:0 0 8px;color:var(--ink);letter-spacing:.5px}.inicijativa-content .underline{width:90px;height:4px;background:var(--accent);border-radius:6px;margin:8px 0 18px}.inicijativa-content h3{font-size:clamp(22px, 3vw, 28px);color:var(--accent);margin:8px 0 12px}.inicijativa-content p{line-height:1.7;margin:0 0 14px;color:#d7e6dd}@media (max-width:860px){.inicijativa-wrap{grid-template-columns:1fr}.inicijativa-media{order:-1}}.social-grid{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:14px}@media (max-width:720px){.social-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}.social-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 12px;border-radius:16px;background:#10192214;text-decoration:none;color:#1b291b;border:1px solid #dfe7df;transition:transform .15s ease,box-shadow .15s ease,background .2s ease}.social-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08);background:#ffffffcf}.social-card .label{font-weight:600;font-size:.98rem}.social-card .icon{display:grid;place-items:center}.social-card.tiktok{color:#111}.social-card.instagram{color:#b43a8f}.social-card.youtube{color:#d62828}.social-card.email{color:#2a6f97}.social-grid.small{margin-top:8px;gap:12px;grid-template-columns:repeat(3,minmax(160px,1fr))}@media (max-width:720px){.social-grid.small{grid-template-columns:repeat(2,minmax(140px,1fr))}}.social-grid.small .social-card{padding:10px 8px;border-radius:14px}.social-grid.small .social-card .icon svg{width:22px;height:22px}.social-card.facebook{color:#1a73e8}.social-card.linkedin{color:#0a66c2}.social-card.x{color:#111}.kontakt-form .row.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.kontakt-form input,.kontakt-form textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #dfe7df}.kontakt-form .btn{margin-top:12px;padding:10px 16px;border-radius:10px;background:#2f7a3e;color:#fff;border:none;cursor:pointer}.kontakt-form .btn:hover{filter:brightness(1.05)}@media (max-width:720px){.kontakt-form .row.two{grid-template-columns:1fr}}.social-grid .social-card .icon svg{width:18px!important;height:18px!important}.social-grid.small .social-card .icon svg{width:18px!important;height:18px!important}.social-grid.small .social-card{padding:8px 8px!important}.social-grid.small .label{font-size:.85rem!important}.aspect-video{position:relative;width:100%;padding-top:56.25%}.aspect-video iframe{position:absolute;inset:0;width:100%;height:100%}.stories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1200px;margin:2rem auto 4rem auto}.stories-grid .vbk-card{max-width:100%}.vbk-card{background:var(--card);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.18);transition:transform 160ms ease,border-color 160ms ease,box-shadow 160ms ease}.vbk-card:hover{transform:translateY(-2px);border-color:rgba(124,255,178,.35);box-shadow:0 16px 42px rgba(0,0,0,.22)}.vbk-body{padding:18px 18px 16px}.vbk-title{margin:0 0 8px;font-size:18px;line-height:1.25;color:var(--ink)}.vbk-title a{color:inherit;text-decoration:none}.vbk-title a:hover{text-decoration:underline}.vbk-excerpt{margin:0;color:var(--muted);font-size:15px;line-height:1.55}.related-stories{margin-top:48px;padding-top:32px;border-top:1px solid rgba(255,255,255,.12)}.related-stories h2{font-size:24px;margin-bottom:12px;color:var(--ink)}.related-stories p{margin:0;color:var(--muted);font-size:15px}.related-stories__list{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:10px}.related-stories__item a{display:inline-block;padding:8px 14px;border-radius:999px;background:rgba(34,197,94,.12);color:var(--ink);font-size:14px;text-decoration:none;border:1px solid rgba(34,197,94,.3);transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.related-stories__item a:hover{background:rgba(34,197,94,.22);transform:translateY(-1px);box-shadow:0 10px 25px rgba(0,0,0,.4)}@media (max-width:640px){body{font-size:15px;line-height:1.7}.container{padding-left:16px;padding-right:16px}.hero{grid-template-columns:1fr;padding:28px 0 32px}.hero .brand{font-size:clamp(36px, 11vw, 64px)}.grid{grid-template-columns:1fr}}@media (max-width:480px){.nav{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 16px}.navlinks{flex-wrap:wrap;gap:8px}.hero{grid-template-columns:1fr;padding:28px 0 32px}.h2{font-size:26px;line-height:1.3}.container{padding:20px 16px}.social-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.breadcrumbs{margin:10px 0 18px;padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1)}.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}.breadcrumbs li{color:var(--muted)}.breadcrumbs li+li:before{content:"›";margin:0 8px 0 2px;opacity:.7}.breadcrumbs a{font-weight:600;text-decoration:none}.featured-snippet{margin:12px 0 22px;padding:16px;border-left:4px solid #6bd08c;background:rgba(107,208,140,.08);border-radius:12px}.featured-snippet p{margin:0;font-size:16px}.lsi-expansion{margin:20px 0;padding:16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.lsi-expansion h2{margin-top:0}.stories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.story-card{display:block;padding:14px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);text-decoration:none}.story-card h3{margin:0 0 6px;font-size:16px}.story-card p{margin:0;color:var(--muted);font-size:14px}.nav a{color:var(--text);text-decoration:none;font-weight:600}.nav a:hover{color:var(--accent)}.nav a.active{color:var(--accent)}.brand span{color:var(--text)}.hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:14px}.hub-card{display:block;padding:16px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);text-decoration:none;transition:transform .15s ease,background .15s ease,border-color .15s ease}.hub-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.05);border-color:rgba(107,208,140,.35)}.hub-card h3{margin:0 0 8px;font-size:18px;line-height:1.25;color:var(--text)}.hub-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.4}.hub-card{min-height:92px}.pagination{position:static!important;inset:auto!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important;margin:24px auto 10px!important;padding:10px 12px!important;width:fit-content!important;max-width:100%!important;border-radius:999px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.1)!important;backdrop-filter:blur(8px)!important}.pagination a,.pagination span{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:34px!important;height:34px!important;padding:0 10px!important;border-radius:999px!important;text-decoration:none!important;font-weight:700!important;font-size:14px!important;color:rgba(255,255,255,.85)!important;border:1px solid rgba(255,255,255,.1)!important;background:rgba(0,0,0,.1)!important}.pagination a:hover{background:rgba(120,255,190,.14)!important;border-color:rgba(120,255,190,.28)!important}.pagination .active,.pagination a[aria-current=page]{background:rgba(120,255,190,.22)!important;border-color:rgba(120,255,190,.4)!important;color:rgba(255,255,255,.95)!important}.pagination .disabled{opacity:.45!important;pointer-events:none!important}footer{margin-top:24px!important}:root{--light:#f2f7f4;--ink-dark:#0b2b1f;--muted-dark:rgba(11,43,31,.85);--border-soft:rgba(120, 200, 160, 0.15);--border-hover:rgba(120, 220, 170, 0.35)}body,html{font-size:17px;line-height:1.7}.card{border:1px solid var(--border-soft);box-shadow:0 8px 24px rgba(0,0,0,.25);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.card:hover{transform:translateY(-6px);box-shadow:0 16px 32px rgba(0,0,0,.35);border-color:var(--border-hover)}.nav{border-bottom:1px solid rgba(255,255,255,.06)}.footer{border-top:1px solid rgba(255,255,255,.06);padding:60px 24px}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}@media (max-width:900px){.topic-grid{grid-template-columns:1fr}}.topic-card{display:block;padding:16px 16px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.22);text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease}.topic-card:hover{transform:translateY(-4px);border-color:rgba(124,255,178,.45);box-shadow:0 14px 34px rgba(0,0,0,.35);background:rgba(0,0,0,.26)}.topic-card:focus-visible{outline:3px solid rgba(124,255,178,.65);outline-offset:3px}.topic-card .topic-head{display:flex;gap:12px;align-items:center;margin-bottom:10px}.topic-card .topic-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(124,255,178,.1);border:1px solid rgba(124,255,178,.22);font-size:20px}.topic-card .topic-title{font-size:18px;line-height:1.25;margin:0}.topic-card .topic-desc{margin:0;opacity:.92;font-size:14px;line-height:1.55}.topic-card.topic-card--city .topic-icon{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}.vbk-card .vbk-body .vbk-title a{text-decoration:none}.vbk-card .vbk-body .vbk-title a:hover{text-decoration:underline}

/* STEP205: defensive breadcrumb cleanup on story pages */
.page-story .breadcrumbs li:nth-child(n+3){display:none!important}
.page-story .breadcrumbs li:nth-child(n+3)::before{content:none!important}
.page-story .breadcrumbs ol{row-gap:6px}

/* END styles.min.css */

/* BEGIN css/story.min.css */
:root{
  --bg-darker:#08130f;
  --bg-dark:#0b1d14;
  --card:#0d2419;
  --card-2:rgba(13,36,25,.92);
  --ink:#e6f2ea;
  --muted:rgba(230,242,234,.78);
  --accent:#6bd08c;
  --accent-soft:rgba(107,208,140,.12);
  --border:rgba(107,208,140,.18);
  --shadow:0 18px 40px rgba(0,0,0,.55);

  --text: 18px;
  --text-sm:14px;
  --line:1.85;
  --radius:22px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body.page-story{
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  background:radial-gradient(circle at top,#123424 0,#050b08 55%);
  color:var(--ink);
  line-height:var(--line);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}

/* Top nav (keep consistent, readable) */
body.page-story .nav{
  position:sticky;top:0;z-index:10000;
  display:flex;align-items:center;justify-content:space-between;
  gap:18px;padding:14px 20px;
  background:rgba(8,19,15,.92);
  border-bottom:1px solid var(--border);
  backdrop-filter:blur(18px);
}
body.page-story .nav a{color:rgba(230,242,234,.78)}

/* Main layout */
main.story-page{
  max-width:1100px;
  margin:0 auto;
  padding:28px 18px 72px;
}

/* Article card */
.story-article{
  background:var(--card-2);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:26px 22px 30px;
}

/* Keep text comfortably narrow for reading */
.story-content,
.story-hero__text,
.story-references,
.related-water-topic,
.related-waste-topic,
.related-bio-topic,
.related-klima-topic{
  max-width:72ch;
  margin-left:auto;
  margin-right:auto;
}

/* Hero */
.story-hero{margin-bottom:22px}
.story-hero__kicker{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.story-hero h1{font-size:clamp(30px,4.8vw,48px);line-height:1.14;letter-spacing:-.01em;margin:0 0 12px;text-wrap:balance}
.story-hero__meta{font-size:13px;color:rgba(230,242,234,.72);margin:0 0 14px}
.story-hero__lead{font-size:18px;color:rgba(230,242,234,.9);margin:0 0 18px;line-height:1.75}

.hero-image,
.story-hero__image,
.hero-card{
  margin:18px auto 22px;
  border-radius:18px;
  overflow:hidden;
  box-shadow:var(--shadow);
  background:#000;
  border:1px solid rgba(107,208,140,.14);
  max-width:980px;
}
.hero-image img,
.story-hero__image img,
.hero-card img,
img.hero-img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover}
.hero-image figcaption,
.story-hero__image figcaption{font-size:13px;color:rgba(230,242,234,.78);padding:10px 14px 12px;background:linear-gradient(180deg,rgba(0,0,0,.0),rgba(0,0,0,.35))}

/* Typography */
.story-content p{font-size:var(--text);color:rgba(230,242,234,.92);margin:0 0 18px;hyphens:auto;text-wrap:pretty}
.story-content p strong{color:#fff;font-weight:650}

.story-content h2{font-size:clamp(22px,3.4vw,28px);margin:30px 0 12px;letter-spacing:.01em;scroll-margin-top:90px}
.story-content h3{font-size:clamp(18px,2.8vw,22px);margin:20px 0 10px;letter-spacing:.01em}
.story-content h4{font-size:17px;margin:16px 0 8px;color:rgba(230,242,234,.9)}

.story-content ul,.story-content ol{margin:0 0 18px 22px;padding-left:6px}
.story-content li{margin:0 0 8px;line-height:1.8}
.story-content li::marker{color:var(--accent)}

.story-content blockquote{margin:22px 0;padding:16px 18px;border-left:4px solid var(--accent);background:var(--accent-soft);border-radius:0 14px 14px 0;color:rgba(230,242,234,.95)}
.story-content blockquote p{margin:0}

.story-content code{padding:2px 6px;background:rgba(107,208,140,.15);border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,"Courier New",monospace;font-size:14px;color:var(--accent)}
.story-content pre{margin:18px 0;padding:14px 16px;background:rgba(8,19,15,.85);border:1px solid rgba(107,208,140,.2);border-radius:12px;overflow-x:auto}
.story-content pre code{background:none;padding:0;color:var(--ink)}

.story-content table{width:100%;margin:18px 0;border-collapse:collapse;font-size:14px}
.story-content th,.story-content td{padding:10px 12px;text-align:left;border-bottom:1px solid rgba(107,208,140,.2)}
.story-content th{background:rgba(107,208,140,.15);color:var(--accent);font-weight:700}

/* Inline figures */
.story-figure{margin:22px auto 26px;border-radius:18px;overflow:hidden;border:1px solid rgba(107,208,140,.16);background:#000;max-width:980px}
.story-figure img{display:block;width:100%;height:auto;object-fit:contain}
.story-figure figcaption{font-size:13px;color:rgba(230,242,234,.78);padding:10px 14px 12px;background:linear-gradient(180deg,rgba(0,0,0,.0),rgba(0,0,0,.35))}


/* Cluster nav (Teme) */
.cluster-nav{max-width:72ch;margin:0 auto 18px}
.cluster-nav p{margin:0;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.cluster-nav strong{color:rgba(230,242,234,.85);font-size:13px}
.cluster-nav a{font-size:13px;padding:6px 10px;border-radius:999px;background:rgba(107,208,140,.10);border:1px solid rgba(107,208,140,.18)}
.cluster-nav a:hover{background:rgba(107,208,140,.16)}

/* References (standard look) */
.story-references{margin-top:26px;padding:18px 18px;border-radius:16px;background:rgba(13,40,26,.55);border:1px solid var(--border)}
.story-references h2{font-size:18px;margin:0 0 10px}
.story-references ol{margin:0 0 0 18px}
.story-references li{margin:0 0 8px}


/* Alias: old pages used .references */
.references.story-references{margin-top:26px;padding:18px 18px;border-radius:16px;background:rgba(13,40,26,.55);border:1px solid var(--border)}
.references.story-references h2{font-size:18px;margin:0 0 10px}
.references.story-references ol,.references.story-references ul{margin:0 0 0 18px}
.references.story-references li{margin:0 0 8px}

/* Related topic blocks – ALWAYS readable (no white background) */
.related-water-topic,.related-waste-topic,.related-bio-topic,.related-klima-topic{
  margin-top:22px;
  padding:18px 18px;
  border-radius:16px;
  background:rgba(13,40,26,.55);
  border:1px solid var(--border);
}
.related-water-topic h2,.related-waste-topic h2,.related-bio-topic h2,.related-klima-topic h2{font-size:18px;margin:0 0 10px;color:#fff}
.related-water-topic p,.related-waste-topic p,.related-bio-topic p,.related-klima-topic p{margin:0 0 12px;color:rgba(230,242,234,.9);font-size:15px}
.related-water-links{margin:0 0 0 18px}
.related-water-links li{margin:0 0 8px}

/* Prev / next nav */
.story-nav{display:flex;gap:14px;justify-content:space-between;align-items:center;margin:22px auto 0;max-width:1100px;padding:0 6px}
.story-nav .nav-link{display:inline-flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:rgba(13,40,26,.55);border:1px solid var(--border);color:rgba(230,242,234,.9)}
.story-nav .nav-link:hover{border-color:rgba(107,208,140,.45);text-decoration:none}
.story-nav .nav-link--all{justify-content:center;min-width:110px}

@media (max-width:900px){
  .hero-image,.story-hero__image,.hero-card,.story-figure{max-width:100%}
}

@media (max-width:768px){
  :root{--text:16px}
  main.story-page{padding:18px 12px 60px}
  .story-article{padding:20px 16px 22px}
  .story-content,.story-hero__text,.story-references,.related-water-topic,.related-waste-topic,.related-bio-topic,.related-klima-topic{max-width:100%}
  .story-nav{flex-direction:column;align-items:stretch}
}

@media (max-width:480px){
  body.page-story .nav{padding:10px 14px;backdrop-filter:none}
  .story-hero h1{font-size:28px}
  .hero-image img,.story-hero__image img,.hero-card img,img.hero-img{max-height:340px}
}

/* Reduced effects on low-end devices */
@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto}
}


/* Ekovanja story template compatibility – STEP140 */

/* Legacy story header/body variants mapped to modern template look */
.story-header.story-hero{max-width:72ch;margin-left:auto;margin-right:auto;margin-bottom:12px}
.story-header.story-hero .story-kicker,.story-header.story-hero .story-hero__kicker{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.story-header.story-hero h1{font-size:clamp(30px,4.8vw,48px);line-height:1.18;letter-spacing:.02em;margin:0 0 12px}
.story-header.story-hero .story-meta,.story-header.story-hero .story-hero__meta{font-size:13px;color:rgba(230,242,234,.72);margin:0 0 14px}
.story-header.story-hero .story-excerpt,.story-header.story-hero .story-hero__lead{font-size:16px;color:rgba(230,242,234,.88);margin:0 0 18px}
.story-header.story-hero .story-dot{opacity:.8;padding:0 2px}
.story-inline-quote{margin:18px 0 18px 6%;padding-left:16px;border-left:3px solid rgba(107,208,140,.45);color:rgba(230,242,234,.92);font-style:italic}
.story-content>hr{border:0;border-top:1px solid rgba(107,208,140,.18);margin:24px 0}
.story-content>.toc{margin:0 0 22px}

.story-layout-wrap,.wrap{max-width:980px;margin:0 auto}
.story-hero-grid,.wrap>.hero,.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:18px;align-items:start;margin:0 auto 20px}
.wrap>.hero>div:last-child,.hero>div:last-child{max-width:72ch}
.story-content.story-section + .story-content.story-section{margin-top:18px}
.legacy-fix-h1{font-size:clamp(28px,4.2vw,42px);line-height:1.18;letter-spacing:.02em;margin:0 0 12px}
@media (max-width: 900px){.story-hero-grid,.wrap>.hero,.hero{grid-template-columns:1fr;gap:10px}}


/* Ekovanja story template compatibility – STEP140b */

main.story-layout{max-width:1100px;margin:0 auto;padding:28px 18px 72px}
article.story-article.story{background:var(--card-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px 22px 30px}
.story-faq{display:none !important}


/* Related stories (cards) */
.related-stories{
  margin:34px 0 0;
  padding:0 24px 18px;
}
.related-stories__wrap{
  max-width:1100px;
  margin:0 auto;
  border-top:1px solid rgba(107,208,140,.14);
  padding-top:26px;
}
.related-stories__title{
  font-size:22px;
  margin:0 0 14px;
  color:var(--ink);
}
.related-stories__grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
}
@media (max-width: 980px){
  .related-stories__grid{grid-template-columns:repeat(2, minmax(0, 1fr))}
}
@media (max-width: 640px){
  .related-stories{padding:0 16px 14px}
  .related-stories__grid{grid-template-columns:1fr}
}
.related-card{
  background:rgba(13,36,25,.55);
  border:1px solid rgba(107,208,140,.16);
  border-radius:18px;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
  display:flex;
  flex-direction:column;
  box-shadow:0 12px 28px rgba(0,0,0,.35);
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.related-card:hover{
  transform:translateY(-6px);
  border-color:rgba(107,208,140,.45);
  box-shadow:0 20px 44px rgba(0,0,0,.55);
}
.related-card__img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
  background:rgba(0,0,0,.22);
}
.related-card__body{
  padding:14px 14px 16px;
  display:flex;
  flex-direction:column;
  gap:8px;
  flex:1;
}
.related-card__meta{
  font-size:12px;
  color:var(--muted);
  letter-spacing:.12em;
  text-transform:uppercase;
}
.related-card__title{
  font-size:16px;
  line-height:1.25;
  margin:0;
}
.related-card__desc{
  font-size:13px;
  color:var(--muted);
  line-height:1.6;
  margin:0;
}
.related-card__date{
  margin-top:auto;
  font-size:12px;
  color:var(--muted);
}


/* STEP19: Pillar internal linking */
.pillar-callout{
  margin: 14px 0 0;
  padding: 12px 14px;
  border: 1px solid rgba(107,208,140,.24);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(13,40,26,.92), rgba(10,30,20,.94));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
  backdrop-filter: blur(8px);
}
.dark .pillar-callout,
body.dark .pillar-callout{
  background: linear-gradient(180deg, rgba(13,40,26,.92), rgba(10,30,20,.94));
  border-color: rgba(107,208,140,.24);
}
.pillar-callout p,
.pillar-callout li,
.pillar-callout span{
  color: rgba(230,242,234,.94);
}
.pillar-callout strong{
  color: #ffffff;
}
.pillar-callout a{
  color: #86e6a2;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 2px;
}
.pillar-callout a:hover{
  color: #b2f5c4;
}

/* STEP21: CTA (share + follow) */
.story-cta{
  margin: 18px 0 6px;
  padding: 16px 16px;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 16px;
  background: rgba(255,255,255,.85);
}
body.dark .story-cta, .dark .story-cta{
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.14);
}
.story-cta h2{ margin: 0 0 8px; font-size: 18px; }
.story-cta__text{ margin: 0 0 12px; }
.story-cta__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.story-cta__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.12);
  background: rgba(255,255,255,.92);
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
body.dark .story-cta__btn, .dark .story-cta__btn{
  border-color: rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
}
.story-cta__btn:hover{ transform: translateY(-1px); }
.story-cta__btn.is-ok{ border-color: rgba(34,197,94,.55); }
.story-cta__btn--subtle{ opacity: .9; }



/* STEP24: Improve Story CTA visibility + contrast */
.story-cta{
  background: rgba(15, 26, 48, .92);
  border: 1px solid rgba(255,255,255,.14);
  color: rgba(231,238,252,.92);
}
.story-cta h2{ color: #e7eefc; }
.story-cta__text{ color: rgba(231,238,252,.82); }
.story-cta__text a{ color: #7cf2a6; text-decoration: underline; }
.story-cta__actions{ gap: 10px; flex-wrap: wrap; }
.story-cta__btn{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  color: #e7eefc;
}
.story-cta__btn:hover{
  border-color: rgba(124,242,166,.55);
  background: rgba(124,242,166,.10);
}
.story-cta__btn--subtle{
  background: transparent;
}
.story-cta__btn.is-ok{
  border-color: rgba(124,242,166,.65);
  background: rgba(124,242,166,.16);
}


.story-trust{max-width:72ch;margin:26px auto 0}.story-trust__inner{background:linear-gradient(180deg,rgba(107,208,140,.10),rgba(107,208,140,.05));border:1px solid rgba(107,208,140,.20);border-radius:20px;padding:22px 22px 18px;box-shadow:0 14px 36px rgba(0,0,0,.24)}.story-trust__eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 8px}.story-trust h2{font-size:clamp(22px,3vw,30px);line-height:1.2;margin:0 0 12px}.story-trust p{margin:0 0 14px}.story-trust__list{padding-left:18px;margin:0 0 14px;color:var(--ink)}.story-trust__list li{margin:8px 0}.story-trust__links{display:flex;flex-wrap:wrap;gap:10px}.story-trust__links a{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;border:1px solid rgba(107,208,140,.26);background:rgba(8,19,15,.42);text-decoration:none}.story-trust__links a:hover{text-decoration:none;background:rgba(107,208,140,.12)}@media (max-width:640px){.story-trust__inner{padding:18px}.story-trust__links a{width:100%}}


/* STEP89: Related stories + stronger CTA */
.story-cta__eyebrow,.related-stories__eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 8px}
.story-cta__share-label{margin:16px 0 10px;color:rgba(231,238,252,.72);font-size:13px;letter-spacing:.02em}
.story-cta__actions--primary{margin-top:8px}
.story-cta__btn--primary{border-color:rgba(124,242,166,.42);background:rgba(124,242,166,.14);font-weight:700}
.story-cta__btn--primary:hover{background:rgba(124,242,166,.20)}
.related-stories__head{display:flex;gap:18px;align-items:flex-end;justify-content:space-between;margin:0 0 16px}
.related-stories__intro{max-width:72ch}
.related-stories__lede{margin:8px 0 0;color:var(--muted);font-size:15px;line-height:1.65}
.related-stories__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.related-stories__action{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;border:1px solid rgba(107,208,140,.26);background:rgba(8,19,15,.42);color:var(--ink);text-decoration:none}
.related-stories__action:hover{text-decoration:none;background:rgba(107,208,140,.12);border-color:rgba(107,208,140,.45)}
.related-stories__action--subtle{opacity:.92}
@media (max-width: 820px){.related-stories__head{flex-direction:column;align-items:flex-start}.related-stories__actions{justify-content:flex-start}}
/* STEP90: render performance for heavy story blocks */
@supports (content-visibility:auto){.story-cta,.story-references,.related-stories{content-visibility:auto;contain-intrinsic-size:1000px}}

/* Shared back-to-top button (moved from inline styles on story pages) */
.back-to-top{position:fixed;right:1.5rem;bottom:1.5rem;padding:.5rem .9rem;border-radius:999px;border:none;background:#3c8d3c;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.25);opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease;z-index:50}
.back-to-top--visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.back-to-top:focus{outline:2px solid #fff;outline-offset:2px}


/* STEP117: cleaner story openings for priority articles */
.story-hero--clean{max-width:980px;margin:0 auto 24px}
.story-hero--clean .story-hero__kicker,
.story-hero--clean h1,
.story-hero--clean .story-hero__lead,
.story-hero--clean .story-hero__info,
.story-hero--clean .pillar-callout{max-width:72ch;margin-left:auto;margin-right:auto}
.story-hero--clean .story-hero__image{margin:14px auto 18px}
.story-hero--clean .story-hero__lead{margin:0 auto 14px;font-size:18px;line-height:1.75;color:rgba(230,242,234,.92)}
.story-hero__info{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;justify-content:space-between;margin:0 auto 16px}
.story-hero__info .cluster-nav{margin:0;max-width:none}
.story-hero__info .story-hero__meta{margin:0;color:rgba(230,242,234,.74)}
.story-hero--clean .pillar-callout{margin-top:0}
@media (max-width:768px){
  .story-hero__info{flex-direction:column;align-items:flex-start}
}

/* STEP134 */.story-article>.story-section,.story-content>.story-section{max-width:72ch;margin:0 auto 18px}.story-article>.story-section h2,.story-content>.story-section h2{font-size:clamp(22px,3.4vw,28px);margin:30px 0 12px;letter-spacing:.01em;line-height:1.28;scroll-margin-top:90px}.story-article>.story-section h3,.story-content>.story-section h3{font-size:clamp(18px,2.8vw,22px);margin:20px 0 10px;letter-spacing:.01em}.story-article>.story-section h4,.story-content>.story-section h4{font-size:17px;margin:16px 0 8px;color:rgba(230,242,234,.9)}.story-article>.story-section p,.story-content>.story-section p{font-size:var(--text);color:rgba(230,242,234,.92);line-height:1.9;margin:0 0 18px;hyphens:auto;text-wrap:pretty}.story-article>.story-section ul,.story-article>.story-section ol,.story-content>.story-section ul,.story-content>.story-section ol{margin:0 0 18px 22px;padding-left:6px}.story-article>.story-section li,.story-content>.story-section li{margin:0 0 8px;line-height:1.8}.story-article>.story-section+.story-section,.story-content>.story-section+.story-section{margin-top:8px}.story-article>.story-section+.story-references,.story-content>.story-section+.story-references{margin-top:26px}@media (max-width:768px){.story-article>.story-section,.story-content>.story-section{max-width:100%}}

/* STEP145: story note fallback */
.story-article > .story-note,
.story-content > .story-note{max-width:72ch;margin:0 auto 18px}
.story-article > .story-note h2,
.story-content > .story-note h2{font-size:clamp(22px,3.4vw,28px);margin:30px 0 12px;letter-spacing:.01em;line-height:1.28;scroll-margin-top:90px}
.story-article > .story-note p,
.story-content > .story-note p{font-size:var(--text);color:rgba(230,242,234,.92);line-height:1.9;margin:0 0 18px;hyphens:auto;text-wrap:pretty}
@media (max-width:768px){.story-article > .story-note,.story-content > .story-note{max-width:100%}}
.story-references__note{margin-top:1rem;color:#5a5f6b;font-size:.95rem;line-height:1.7;}
/* END css/story.min.css */

/* BEGIN css/story-phase1-20260326.css */
/* Phase 1 polish for story pages: calmer header, cleaner meta row, lighter bottom blocks */
@media (min-width: 901px){
  body.page-story .nav.nav--rebuild{
    padding: 8px 18px;
    min-height: 74px;
  }
  body.page-story .brand{
    font-size: clamp(40px,4.2vw,60px);
    line-height: 1;
    letter-spacing: .4px;
  }
  body.page-story .brand img{
    width: 34px;
    height: 34px;
  }
  body.page-story .desktop-nav{
    gap: 10px;
    font-size: 14px;
  }
  body.page-story .desktop-nav a{
    opacity: .94;
  }
  body.page-story .story-article{
    padding-top: 12px;
  }
  body.page-story .story-hero--clean{
    margin-bottom: 20px;
  }
}

body.page-story:not(.page-story--zbornik) .story-hero__info{
  gap: 12px 18px;
}

body.page-story:not(.page-story--zbornik) .story-hero__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.45rem .72rem;
  font-size:.96rem;
  line-height:1.55;
}

body.page-story:not(.page-story--zbornik) .story-hero__meta > span:nth-child(2n){
  opacity:.58;
}

body.page-story:not(.page-story--zbornik) .cluster-nav{
  margin-bottom: 14px;
}

body.page-story:not(.page-story--zbornik) .pillar-callout{
  margin-top: .8rem;
  padding: .9rem 1rem;
}

body.page-story:not(.page-story--zbornik) .story-cta{
  margin-top: 22px;
  padding: 18px 20px;
  background: linear-gradient(180deg, rgba(9,34,27,.88), rgba(6,27,22,.94));
  border: 1px solid rgba(107,208,140,.16);
  box-shadow: 0 10px 26px rgba(0,0,0,.18);
}

body.page-story:not(.page-story--zbornik) .story-cta h2{
  font-size: clamp(20px,2.2vw,28px);
  margin-bottom: 6px;
}

body.page-story:not(.page-story--zbornik) .story-cta__text{
  margin-bottom: 10px;
}

body.page-story:not(.page-story--zbornik) .story-cta__share-label{
  margin: 12px 0 8px;
  font-size: 12px;
}

body.page-story:not(.page-story--zbornik) .story-cta__btn{
  padding: 10px 12px;
  border-radius: 12px;
}

body.page-story:not(.page-story--zbornik) .story-trust{
  margin-top: 22px;
}

body.page-story:not(.page-story--zbornik) .story-trust__inner{
  padding: 18px 18px 16px;
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(0,0,0,.16);
}

body.page-story:not(.page-story--zbornik) .story-trust h2{
  font-size: clamp(18px,2.3vw,24px);
  margin-bottom: 10px;
}

body.page-story:not(.page-story--zbornik) .story-trust__list{
  margin-bottom: 12px;
}

body.page-story:not(.page-story--zbornik) .story-trust + p{
  max-width:72ch;
  margin: 14px auto 0;
  padding: 14px 16px;
  border-left: 3px solid rgba(107,208,140,.55);
  background: linear-gradient(180deg, rgba(8,34,27,.48), rgba(6,25,20,.7));
  border-radius: 14px;
}

body.page-story:not(.page-story--zbornik) .story-nav{
  display:none;
}

body.page-story:not(.page-story--zbornik) .related-stories{
  margin-top: 28px;
  padding-top: 24px;
}

@media (max-width: 900px){
  body.page-story .nav.nav--rebuild{
    padding: 10px 16px;
  }
  body.page-story .brand{
    font-size: clamp(30px,10vw,54px);
  }
  body.page-story .brand img{
    width: 30px;
    height: 30px;
  }
  body.page-story:not(.page-story--zbornik) .story-trust + p{
    padding: 12px 14px;
  }
}

/* Phase 2 polish for standard stories: calmer footer rhythm, smaller trust card, firmer desktop header */
@media (min-width: 901px){
  body.page-story .nav.nav--rebuild{
    padding: 6px 18px;
    min-height: 66px;
  }
  body.page-story .brand{
    font-size: clamp(36px, 3.8vw, 54px);
  }
  body.page-story .brand img{
    width: 30px;
    height: 30px;
  }
  body.page-story .desktop-nav{
    gap: 8px;
    font-size: 13px;
  }
  body.page-story .desktop-nav a{
    padding-inline: 8px;
  }
}

body.page-story:not(.page-story--zbornik) nav.story-nav{
  display: none !important;
}

body.page-story:not(.page-story--zbornik) .story-cta,
body.page-story:not(.page-story--zbornik) .story-trust,
body.page-story:not(.page-story--zbornik) .related-stories,
body.page-story:not(.page-story--zbornik) .story-related-links{
  scroll-margin-top: 90px;
}

body.page-story:not(.page-story--zbornik) .story-cta{
  max-width: 72ch;
  margin-left: auto;
  margin-right: auto;
  padding: 16px 18px;
}

body.page-story:not(.page-story--zbornik) .story-cta h2{
  font-size: clamp(18px, 1.9vw, 24px);
  line-height: 1.28;
}

body.page-story:not(.page-story--zbornik) .story-cta__text{
  font-size: .98rem;
  line-height: 1.6;
}

body.page-story:not(.page-story--zbornik) .story-cta__share-label,
body.page-story:not(.page-story--zbornik) .story-cta > .story-cta__actions:not(.story-cta__actions--primary){
  display: none !important;
}

body.page-story:not(.page-story--zbornik) .story-cta__actions--primary{
  gap: 8px;
}

body.page-story:not(.page-story--zbornik) .story-cta__btn{
  min-height: 40px;
  padding: 9px 12px;
  font-size: .95rem;
}

body.page-story:not(.page-story--zbornik) .story-trust{
  max-width: 68ch;
  margin-top: 18px;
}

body.page-story:not(.page-story--zbornik) .story-trust__inner{
  padding: 16px 18px 14px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(107,208,140,.09), rgba(107,208,140,.045));
}

body.page-story:not(.page-story--zbornik) .story-trust__eyebrow{
  margin-bottom: 6px;
}

body.page-story:not(.page-story--zbornik) .story-trust h2{
  font-size: clamp(17px, 1.8vw, 22px);
  margin-bottom: 8px;
}

body.page-story:not(.page-story--zbornik) .story-trust p{
  margin-bottom: 10px;
}

body.page-story:not(.page-story--zbornik) .story-trust__list{
  margin-bottom: 10px;
}

body.page-story:not(.page-story--zbornik) .story-trust__list li{
  margin: 6px 0;
}

body.page-story:not(.page-story--zbornik) .story-trust__links{
  gap: 8px;
}

body.page-story:not(.page-story--zbornik) .story-trust__links a{
  padding: 9px 12px;
}

body.page-story:not(.page-story--zbornik) .related-stories{
  margin-top: 26px;
  padding-top: 22px;
}

body.page-story:not(.page-story--zbornik) .related-stories__head{
  gap: 14px;
  margin-bottom: 14px;
}

body.page-story:not(.page-story--zbornik) .related-stories__title{
  font-size: clamp(26px, 3vw, 34px);
  line-height: 1.14;
}

body.page-story:not(.page-story--zbornik) .related-stories__lede{
  margin-top: 6px;
  font-size: 1rem;
  line-height: 1.6;
}

body.page-story:not(.page-story--zbornik) .related-stories__actions{
  gap: 8px;
}

body.page-story:not(.page-story--zbornik) .related-stories__action{
  padding: 9px 12px;
}

body.page-story:not(.page-story--zbornik) .story-related-links{
  margin-top: 1.8rem;
  padding: 1rem 1.05rem;
}

@media (max-width: 900px){
  body.page-story:not(.page-story--zbornik) .story-cta,
  body.page-story:not(.page-story--zbornik) .story-trust{
    max-width: none;
  }
  body.page-story:not(.page-story--zbornik) .story-cta__btn,
  body.page-story:not(.page-story--zbornik) .related-stories__action,
  body.page-story:not(.page-story--zbornik) .story-trust__links a{
    min-height: 42px;
  }
}

/* Phase 3 polish for standard stories: calmer intro blocks, less duplicated footer weight */
body.page-story:not(.page-story--zbornik) .pillar-callout,
body.page-story:not(.page-story--zbornik) .story-quick-nav,
body.page-story:not(.page-story--zbornik) .story-keypoints,
body.page-story:not(.page-story--zbornik) .story-related-links{
  max-width: 72ch;
  margin-left: auto;
  margin-right: auto;
}

body.page-story:not(.page-story--zbornik) .pillar-callout{
  margin-top: .7rem;
  padding: .75rem .95rem;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(8,33,26,.42), rgba(6,26,20,.64));
}

body.page-story:not(.page-story--zbornik) .pillar-callout p{
  margin: 0;
  font-size: .98rem;
  line-height: 1.65;
}

body.page-story:not(.page-story--zbornik) .story-quick-nav,
body.page-story:not(.page-story--zbornik) .story-keypoints{
  margin-top: 1rem;
  padding: 1rem 1.1rem;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(10,38,30,.46), rgba(7,28,22,.72));
  border: 1px solid rgba(107,208,140,.16);
  box-shadow: 0 10px 24px rgba(0,0,0,.14);
}

body.page-story:not(.page-story--zbornik) .story-quick-nav h2,
body.page-story:not(.page-story--zbornik) .story-keypoints h2{
  font-size: clamp(1.15rem, 1.6vw, 1.45rem);
  line-height: 1.25;
  margin: 0 0 .7rem;
}

body.page-story:not(.page-story--zbornik) .story-quick-nav ul,
body.page-story:not(.page-story--zbornik) .story-keypoints ul{
  margin: 0;
  padding-left: 1.15rem;
}

body.page-story:not(.page-story--zbornik) .story-quick-nav li,
body.page-story:not(.page-story--zbornik) .story-keypoints li{
  margin: .32rem 0;
}

body.page-story:not(.page-story--zbornik) .story-quick-nav a{
  text-decoration: none;
}

body.page-story:not(.page-story--zbornik) .story-related-links{
  margin-top: 1.6rem;
  padding: 1rem 1.1rem;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(10,38,30,.46), rgba(7,28,22,.72));
  border: 1px solid rgba(107,208,140,.16);
  box-shadow: 0 10px 24px rgba(0,0,0,.14);
}

body.page-story:not(.page-story--zbornik) .story-related-links h2{
  font-size: clamp(1.3rem, 1.9vw, 1.7rem);
  margin-bottom: .55rem;
}

body.page-story:not(.page-story--zbornik) .story-related-links p{
  margin-bottom: .65rem;
}

body.page-story:not(.page-story--zbornik) .story-related-links ul{
  margin: 0;
  padding-left: 1.15rem;
}

body.page-story:not(.page-story--zbornik) .story-trust__links a:last-child{
  display: none;
}

body.page-story:not(.page-story--zbornik):has(.story-related-links) .story-cta{
  display: none;
}

@media (min-width: 901px){
  body.page-story:not(.page-story--zbornik) .story-content:has(.story-quick-nav) .story-keypoints{
    display: none;
  }

  body.page-story:not(.page-story--zbornik) .story-quick-nav ul{
    columns: 2;
    column-gap: 1.75rem;
  }
}

@media (max-width: 900px){
  body.page-story:not(.page-story--zbornik) .story-quick-nav,
  body.page-story:not(.page-story--zbornik) .story-keypoints,
  body.page-story:not(.page-story--zbornik) .story-related-links{
    max-width: none;
  }
}

/* END css/story-phase1-20260326.css */

/* BEGIN css/story-polish-11-20260324.min.css */
.story-hero--clean{padding-bottom:.25rem}.story-hero__kicker{letter-spacing:.08em;text-transform:uppercase;font-weight:700}.story-hero__lead{max-width:68ch;font-size:1.08rem;line-height:1.72;margin-top:1rem}.story-hero__info{display:grid;gap:.75rem}.story-hero__meta{flex-wrap:wrap;gap:.45rem .6rem}.story-hero__image{margin-top:1rem}.story-hero__image img{box-shadow:0 14px 36px rgba(0,0,0,.14)}.story-hero__image figcaption{max-width:70ch;margin:.7rem auto 0;color:#d7e5dc;font-size:.95rem;line-height:1.55}.pillar-callout{background:linear-gradient(180deg,rgba(13,40,26,.96),rgba(10,30,20,.98))!important;border:1px solid rgba(107,208,140,.28)!important;border-radius:18px;padding:.95rem 1rem;margin-top:.9rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 30px rgba(0,0,0,.16);backdrop-filter:blur(8px)}.pillar-callout p,.pillar-callout li,.pillar-callout span{margin:0;color:#edf7f0!important}.pillar-callout strong{color:#fff!important}.pillar-callout a{color:#99f0b5!important}.story-content h2{margin-top:2.25rem}.story-content p{max-width:72ch}.story-content ul.story-sources{max-width:74ch}.story-content ul.story-sources li{margin-bottom:.55rem}.story-nav{margin-top:2rem}.story-related-links{margin:2.2rem 0 0;padding:1.1rem 1.2rem;border:1px solid rgba(91,196,147,.24);border-radius:18px;background:linear-gradient(180deg,rgba(7,46,34,.55),rgba(4,28,21,.68))}.story-related-links h2{margin-top:0}.story-related-links p{margin:.2rem 0 1rem}.story-related-links a{color:#b9f5d6;text-decoration:none}.story-related-links a:hover{text-decoration:underline}.story-hero__image figcaption{display:none!important}
/* END css/story-polish-11-20260324.min.css */

/* BEGIN css/story-phase4-20260326.css */
/* Phase 4 polish for standard stories: tighter hero rhythm, calmer bottom blocks, more consistent end-of-article flow */

@media (min-width: 901px){
  body.page-story:not(.page-story--zbornik) .story-article{
    padding-top: 18px;
  }

  body.page-story:not(.page-story--zbornik) .story-hero--clean{
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
  }

  body.page-story:not(.page-story--zbornik) .story-hero__title{
    max-width: 18ch;
    font-size: clamp(38px, 4.2vw, 56px);
    line-height: 1.08;
    margin-bottom: 14px;
    text-wrap: balance;
  }

  body.page-story:not(.page-story--zbornik) .story-hero__lead,
  body.page-story:not(.page-story--zbornik) .story-hero__info,
  body.page-story:not(.page-story--zbornik) .pillar-callout,
  body.page-story:not(.page-story--zbornik) .story-quick-nav,
  body.page-story:not(.page-story--zbornik) .story-keypoints,
  body.page-story:not(.page-story--zbornik) .story-related-links,
  body.page-story:not(.page-story--zbornik) .story-cta,
  body.page-story:not(.page-story--zbornik) .story-trust,
  body.page-story:not(.page-story--zbornik) .story-references{
    max-width: 70ch;
  }
}

body.page-story:not(.page-story--zbornik) .breadcrumbs{
  margin-bottom: 14px;
}

body.page-story:not(.page-story--zbornik) .breadcrumbs ol{
  padding: .8rem 1rem;
}

body.page-story:not(.page-story--zbornik) .story-hero__image{
  margin-bottom: 16px;
}

body.page-story:not(.page-story--zbornik) .story-hero__lead{
  font-size: 1.04rem;
  line-height: 1.68;
  margin-bottom: 12px;
}

body.page-story:not(.page-story--zbornik) .story-hero__info{
  gap: 10px 14px;
}

body.page-story:not(.page-story--zbornik) .cluster-nav p{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  margin: 0;
}

body.page-story:not(.page-story--zbornik) .story-hero__meta{
  gap: .3rem .58rem;
  font-size: .94rem;
}

body.page-story:not(.page-story--zbornik) .pillar-callout{
  padding: .7rem .9rem;
  border-radius: 14px;
}

body.page-story:not(.page-story--zbornik) .story-quick-nav,
body.page-story:not(.page-story--zbornik) .story-keypoints{
  padding: .9rem 1rem;
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
}

body.page-story:not(.page-story--zbornik) .story-quick-nav h2,
body.page-story:not(.page-story--zbornik) .story-keypoints h2,
body.page-story:not(.page-story--zbornik) .story-related-links h2,
body.page-story:not(.page-story--zbornik) .story-references h2{
  line-height: 1.18;
}

body.page-story:not(.page-story--zbornik) .story-related-links{
  margin-top: 1.4rem;
  padding: .95rem 1rem;
  background: linear-gradient(180deg, rgba(9,34,27,.5), rgba(6,26,20,.74));
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
}

body.page-story:not(.page-story--zbornik) .story-related-links ul{
  margin-bottom: 0;
}

body.page-story:not(.page-story--zbornik) .story-references{
  margin-top: 1.8rem;
}

body.page-story:not(.page-story--zbornik) .story-content:has(.story-related-links) ~ .story-cta{
  display: none !important;
}

body.page-story:not(.page-story--zbornik) .story-cta{
  margin-top: 18px;
  padding: 14px 16px;
  border-radius: 16px;
}

body.page-story:not(.page-story--zbornik) .story-cta h2{
  font-size: clamp(17px, 1.7vw, 22px);
  margin-bottom: 4px;
}

body.page-story:not(.page-story--zbornik) .story-cta__text{
  margin-bottom: 8px;
}

body.page-story:not(.page-story--zbornik) .story-cta__btn{
  padding: 8px 11px;
  min-height: 38px;
}

body.page-story:not(.page-story--zbornik) .story-trust{
  margin-top: 16px;
}

body.page-story:not(.page-story--zbornik) .story-trust__inner{
  padding: 14px 16px 13px;
  border-radius: 14px;
  box-shadow: 0 8px 18px rgba(0,0,0,.10);
}

body.page-story:not(.page-story--zbornik) .story-trust__eyebrow{
  margin-bottom: 4px;
  font-size: .8rem;
}

body.page-story:not(.page-story--zbornik) .story-trust h2{
  font-size: clamp(16px, 1.55vw, 20px);
  margin-bottom: 8px;
}

body.page-story:not(.page-story--zbornik) .story-trust p{
  margin-bottom: 8px;
}

body.page-story:not(.page-story--zbornik) .story-trust__list{
  margin-bottom: 8px;
}

body.page-story:not(.page-story--zbornik) .story-trust__list li{
  margin: 4px 0;
}

body.page-story:not(.page-story--zbornik) .story-trust__links{
  gap: 6px;
}

body.page-story:not(.page-story--zbornik) .story-trust__links a{
  padding: 8px 11px;
}

@media (max-width: 900px){
  body.page-story:not(.page-story--zbornik) .breadcrumbs ol{
    padding: .72rem .85rem;
  }

  body.page-story:not(.page-story--zbornik) .story-hero__title{
    font-size: clamp(31px, 9vw, 44px);
    line-height: 1.1;
  }

  body.page-story:not(.page-story--zbornik) .story-quick-nav,
  body.page-story:not(.page-story--zbornik) .story-keypoints,
  body.page-story:not(.page-story--zbornik) .story-related-links,
  body.page-story:not(.page-story--zbornik) .story-cta,
  body.page-story:not(.page-story--zbornik) .story-trust{
    padding-left: .95rem;
    padding-right: .95rem;
  }
}

/* Phase 5 polish for standard stories: slimmer desktop header, tighter breadcrumb shell, lighter trust/footer rhythm */
@media (min-width: 901px){
  body.page-story:not(.page-story--zbornik) .nav.nav--rebuild{
    padding: 4px 16px;
    min-height: 60px;
  }

  body.page-story:not(.page-story--zbornik) .brand{
    font-size: clamp(30px, 3.2vw, 46px);
  }

  body.page-story:not(.page-story--zbornik) .brand img{
    width: 28px;
    height: 28px;
  }

  body.page-story:not(.page-story--zbornik) .desktop-nav{
    gap: 6px;
    font-size: 12px;
  }

  body.page-story:not(.page-story--zbornik) .desktop-nav a{
    padding-inline: 7px;
  }

  body.page-story:not(.page-story--zbornik) .breadcrumbs{
    max-width: 72ch;
    margin-left: auto;
    margin-right: auto;
  }

  body.page-story:not(.page-story--zbornik) .story-hero--clean{
    max-width: 940px;
  }

  body.page-story:not(.page-story--zbornik) .story-hero__title{
    font-size: clamp(34px, 3.8vw, 50px);
    max-width: 17ch;
  }

  body.page-story:not(.page-story--zbornik) .story-quick-nav ul{
    columns: 2;
    column-gap: 1.85rem;
  }

  body.page-story:not(.page-story--zbornik) .story-quick-nav li{
    break-inside: avoid;
  }
}

body.page-story:not(.page-story--zbornik) .breadcrumbs ol{
  border-radius: 16px;
  padding: .72rem .92rem;
}

body.page-story:not(.page-story--zbornik) .pillar-callout p{
  font-size: .95rem;
  line-height: 1.6;
}

body.page-story:not(.page-story--zbornik) .story-quick-nav,
body.page-story:not(.page-story--zbornik) .story-keypoints,
body.page-story:not(.page-story--zbornik) .story-related-links{
  border-radius: 15px;
}

body.page-story:not(.page-story--zbornik) .story-quick-nav h2,
body.page-story:not(.page-story--zbornik) .story-keypoints h2,
body.page-story:not(.page-story--zbornik) .story-related-links h2,
body.page-story:not(.page-story--zbornik) .story-references h2{
  font-size: clamp(1.08rem, 1.45vw, 1.35rem);
}

body.page-story:not(.page-story--zbornik) .story-quick-nav ul,
body.page-story:not(.page-story--zbornik) .story-keypoints ul,
body.page-story:not(.page-story--zbornik) .story-related-links ul{
  padding-left: 1rem;
}

body.page-story:not(.page-story--zbornik) .story-related-links p,
body.page-story:not(.page-story--zbornik) .story-references p,
body.page-story:not(.page-story--zbornik) .story-references li{
  line-height: 1.65;
}

body.page-story:not(.page-story--zbornik) .story-trust{
  max-width: 66ch;
}

body.page-story:not(.page-story--zbornik) .story-trust__inner{
  padding: 13px 15px 12px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(107,208,140,.075), rgba(107,208,140,.035));
}

body.page-story:not(.page-story--zbornik) .story-trust__list{
  display: none;
}

body.page-story:not(.page-story--zbornik) .story-trust__links a[href="/urednicka-politika/"],
body.page-story:not(.page-story--zbornik) .story-trust__links a[href="/plan-sadrzaja/"]{
  display: none !important;
}

body.page-story:not(.page-story--zbornik) .story-trust__links{
  gap: 8px;
}

body.page-story:not(.page-story--zbornik) .story-trust__links a{
  min-height: 36px;
  padding: 7px 11px;
}

@media (max-width: 900px){
  body.page-story:not(.page-story--zbornik) .story-trust__list{
    display: none;
  }

  body.page-story:not(.page-story--zbornik) .story-trust__links a[href="/urednicka-politika/"],
  body.page-story:not(.page-story--zbornik) .story-trust__links a[href="/plan-sadrzaja/"]{
    display: none !important;
  }
}

/* END css/story-phase4-20260326.css */

/* BEGIN css/story-phase6-20260326.css */
/* Phase 6 polish for standard stories: tighter scaffolding, calmer utility blocks, more story-first reading flow */

@media (min-width: 901px){
  body.page-story:not(.page-story--zbornik) .story-article{
    padding-top: 12px;
  }

  body.page-story:not(.page-story--zbornik) .story-hero--clean{
    max-width: 900px;
  }

  body.page-story:not(.page-story--zbornik) .story-hero__title{
    max-width: 15ch;
    font-size: clamp(32px, 3.45vw, 46px);
    line-height: 1.08;
    margin-bottom: 12px;
  }

  body.page-story:not(.page-story--zbornik) .story-hero__image{
    margin-bottom: 14px;
  }

  body.page-story:not(.page-story--zbornik) .story-hero__lead,
  body.page-story:not(.page-story--zbornik) .story-hero__info,
  body.page-story:not(.page-story--zbornik) .pillar-callout,
  body.page-story:not(.page-story--zbornik) .story-quick-nav,
  body.page-story:not(.page-story--zbornik) .story-keypoints,
  body.page-story:not(.page-story--zbornik) .story-related-links,
  body.page-story:not(.page-story--zbornik) .story-references,
  body.page-story:not(.page-story--zbornik) .story-cta,
  body.page-story:not(.page-story--zbornik) .story-trust{
    max-width: 66ch;
  }

  body.page-story:not(.page-story--zbornik) .story-content{
    max-width: 66ch;
    margin-left: auto;
    margin-right: auto;
  }
}

body.page-story:not(.page-story--zbornik) .story-hero__lead{
  font-size: 1rem;
  line-height: 1.62;
  margin-bottom: 10px;
}

body.page-story:not(.page-story--zbornik) .story-hero__meta{
  font-size: .92rem;
}

body.page-story:not(.page-story--zbornik) .pillar-callout{
  margin-top: .65rem;
  padding: .62rem .82rem;
  border-radius: 12px;
}

body.page-story:not(.page-story--zbornik) .pillar-callout p{
  font-size: .91rem;
  line-height: 1.52;
}

body.page-story:not(.page-story--zbornik) .story-quick-nav{
  margin-top: 1rem;
  padding: .82rem .95rem;
  border-radius: 14px;
}

body.page-story:not(.page-story--zbornik) .story-quick-nav h2{
  font-size: clamp(1rem, 1.25vw, 1.18rem);
  margin-bottom: .55rem;
}

body.page-story:not(.page-story--zbornik) .story-quick-nav ul{
  gap: .4rem 1.2rem;
}

body.page-story:not(.page-story--zbornik) .story-quick-nav li,
body.page-story:not(.page-story--zbornik) .story-quick-nav a{
  font-size: .97rem;
  line-height: 1.5;
}

body.page-story:not(.page-story--zbornik) .story-related-links{
  margin-top: 1.2rem;
  padding: .82rem .95rem;
}

body.page-story:not(.page-story--zbornik) .story-related-links h2{
  margin-bottom: .45rem;
}

body.page-story:not(.page-story--zbornik) .story-related-links p,
body.page-story:not(.page-story--zbornik) .story-related-links li{
  font-size: .97rem;
  line-height: 1.58;
}

body.page-story:not(.page-story--zbornik) .story-related-links ul{
  margin-top: .35rem;
}

body.page-story:not(.page-story--zbornik) .story-references{
  margin-top: 1.45rem;
}

body.page-story:not(.page-story--zbornik) .story-references h2{
  margin-bottom: .7rem;
  font-size: clamp(1.45rem, 2vw, 1.9rem);
}

body.page-story:not(.page-story--zbornik) .story-references h3{
  margin-top: 1.1rem;
  margin-bottom: .45rem;
  font-size: 1.18rem;
}

body.page-story:not(.page-story--zbornik) .story-references li{
  margin: .45rem 0;
}

body.page-story:not(.page-story--zbornik) .story-cta{
  padding: 12px 14px;
  border-radius: 14px;
}

body.page-story:not(.page-story--zbornik) .story-cta h2{
  font-size: clamp(16px, 1.45vw, 20px);
}

body.page-story:not(.page-story--zbornik) .story-cta__text{
  font-size: .96rem;
}

body.page-story:not(.page-story--zbornik) .story-trust{
  margin-top: 14px;
  max-width: 60ch;
}

body.page-story:not(.page-story--zbornik) .story-trust__inner{
  padding: 12px 14px;
  border-radius: 13px;
}

body.page-story:not(.page-story--zbornik) .story-trust__eyebrow{
  display: none;
}

body.page-story:not(.page-story--zbornik) .story-trust h2{
  font-size: clamp(15px, 1.3vw, 18px);
  margin-bottom: 6px;
}

body.page-story:not(.page-story--zbornik) .story-trust p{
  margin-bottom: 6px;
  font-size: .95rem;
  line-height: 1.55;
}

body.page-story:not(.page-story--zbornik) .story-trust__links{
  gap: 6px;
}

body.page-story:not(.page-story--zbornik) .story-trust__links a{
  min-height: 34px;
  padding: 6px 10px;
  font-size: .93rem;
}

@media (max-width: 900px){
  body.page-story:not(.page-story--zbornik) .story-hero__title{
    font-size: clamp(29px, 8.2vw, 40px);
  }

  body.page-story:not(.page-story--zbornik) .story-quick-nav,
  body.page-story:not(.page-story--zbornik) .story-related-links,
  body.page-story:not(.page-story--zbornik) .story-cta,
  body.page-story:not(.page-story--zbornik) .story-trust{
    padding-left: .88rem;
    padding-right: .88rem;
  }

  body.page-story:not(.page-story--zbornik) .story-trust__eyebrow{
    display: none;
  }
}

/* END css/story-phase6-20260326.css */

/* BEGIN css/mnav-select-20260222-01.min.css */
.mnav-select-wrap{display:none;margin-left:auto}.mnav-select{font:inherit;font-weight:800;padding:.6rem .85rem;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.92);color:rgba(8,19,15,.95);cursor:pointer;-webkit-tap-highlight-color:transparent;max-width:220px}.mnav-select:focus{outline:2px solid rgba(255,255,255,.55);outline-offset:2px}@media (max-width:900px){header.nav .desktop-nav{display:none !important}.mnav-select-wrap{display:block}}@media (max-width:360px){.mnav-select{max-width:170px;padding:.55rem .7rem}}
/* END css/mnav-select-20260222-01.min.css */

/* BEGIN css/base-2026.min.css */
:root{--font-sans:system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,Cantarell,"Noto Sans",sans-serif;--text-base:17px;--line-base:1.72}html{box-sizing:border-box;font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}*,*::before,*::after{box-sizing:inherit}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--line-base);color:var(--ink,#e7f3ec);background:var(--bg-darker,#08130f);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}p{margin:0 0 1em}:where(main) p:last-child{margin-bottom:0}h1,h2,h3{margin:0 0 .6em;line-height:1.18}h2{margin-top:1.35em}h3{margin-top:1.15em}ul,ol{margin:0 0 1em 1.25em}li{margin:.25em 0}a{color:var(--accent,#6bd08c);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{text-decoration:underline}img{display:block;max-width:100%;height:auto}:focus-visible{outline:2px solid var(--accent,#6bd08c);outline-offset:3px}:where(.desktop-nav),:where(.nav-links){font-size:15px;letter-spacing:.1px}:where(.desktop-nav a),:where(.nav-links a){border-radius:12px}:where(footer),:where(.site-footer){color:var(--muted,rgba(230,242,234,.78))}@media (min-width:1100px){:root{--text-base:18px}}@media (max-width:520px){:root{--text-base:16px}:where(.desktop-nav),:where(.nav-links){font-size:14px}}.clean-list{margin:.25em 0 1em 1.1em}.clean-list li{margin:.45em 0}.faq h3{margin:1em 0 .35em}.faq p{margin:0 0 .85em}


/* STEP24: Improve Story CTA visibility + contrast */
.story-cta{
  background: rgba(15, 26, 48, .92);
  border: 1px solid rgba(255,255,255,.14);
  color: rgba(231,238,252,.92);
}
.story-cta h2{ color: #e7eefc; }
.story-cta__text{ color: rgba(231,238,252,.82); }
.story-cta__text a{ color: #7cf2a6; text-decoration: underline; }
.story-cta__actions{ gap: 10px; flex-wrap: wrap; }
.story-cta__btn{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  color: #e7eefc;
}
.story-cta__btn:hover{
  border-color: rgba(124,242,166,.55);
  background: rgba(124,242,166,.10);
}
.story-cta__btn--subtle{
  background: transparent;
}
.story-cta__btn.is-ok{
  border-color: rgba(124,242,166,.65);
  background: rgba(124,242,166,.16);
}


/* END css/base-2026.min.css */

/* BEGIN css/story-title-balance-20260327.css */
/* STEP214: widen only story titles on selected standard stories; keep body text widths intact */
@media (min-width: 901px){
  body.page-story:not(.page-story--zbornik) .story-hero__title{
    max-width: 22ch;
  }
}

body.page-story:not(.page-story--zbornik) .story-note{
  font-size: .94rem;
  line-height: 1.65;
}

body.page-story:not(.page-story--zbornik) .story-note strong{
  font-size: 1em;
}

body.page-story:not(.page-story--zbornik) .story-note p,
body.page-story:not(.page-story--zbornik) .story-note li{
  font-size: inherit;
  line-height: inherit;
}

/* END css/story-title-balance-20260327.css */

/* BEGIN css/story-phase7-20260327.css */
/* STEP215: calm top-of-story chrome without touching URLs, body copy, or image mapping */

@media (min-width: 901px){
  body.page-story:not(.page-story--zbornik) .story-article{
    padding-top: 8px;
  }

  body.page-story:not(.page-story--zbornik) .breadcrumbs{
    max-width: none;
    width: fit-content;
    margin: 0 auto 10px;
    padding: 0;
    background: transparent;
    border: 0;
  }

  body.page-story:not(.page-story--zbornik) .breadcrumbs ol{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: .56rem .8rem;
    border-radius: 14px;
    background: rgba(255,255,255,.028);
    border: 1px solid rgba(255,255,255,.085);
    box-shadow: 0 8px 18px rgba(0,0,0,.08);
  }

  body.page-story:not(.page-story--zbornik) .story-hero--clean{
    margin-bottom: 18px;
  }

  body.page-story:not(.page-story--zbornik) .story-hero__image{
    margin-top: 12px;
    margin-bottom: 12px;
  }

  body.page-story:not(.page-story--zbornik) .story-hero__lead{
    margin-bottom: 8px;
  }

  body.page-story:not(.page-story--zbornik) .story-hero__info{
    margin-bottom: 12px;
  }
}

body.page-story:not(.page-story--zbornik) .breadcrumbs li,
body.page-story:not(.page-story--zbornik) .breadcrumbs a{
  font-size: .98rem;
}

body.page-story:not(.page-story--zbornik) .breadcrumbs li+li:before{
  margin: 0 6px 0 2px;
  opacity: .58;
}

body.page-story:not(.page-story--zbornik) .story-hero__lead{
  font-size: .99rem;
  line-height: 1.6;
}

body.page-story:not(.page-story--zbornik) .story-hero__meta{
  font-size: .9rem;
}

body.page-story:not(.page-story--zbornik) .story-note{
  opacity: .94;
}

body.page-story:not(.page-story--zbornik) .story-quick-nav,
body.page-story:not(.page-story--zbornik) .story-related-links{
  border-color: rgba(107,208,140,.14);
  box-shadow: 0 8px 18px rgba(0,0,0,.10);
}

@media (max-width: 900px){
  body.page-story:not(.page-story--zbornik) .breadcrumbs{
    width: auto;
    padding: 0;
    background: transparent;
    border: 0;
    margin-bottom: 10px;
  }

  body.page-story:not(.page-story--zbornik) .breadcrumbs ol{
    width: fit-content;
    padding: .58rem .74rem;
  }

  body.page-story:not(.page-story--zbornik) .story-hero__lead{
    font-size: .98rem;
    line-height: 1.58;
  }

  body.page-story:not(.page-story--zbornik) .story-hero__meta{
    font-size: .9rem;
  }
}

/* END css/story-phase7-20260327.css */

/* BEGIN css/story-phase8-20260327.css */
/* STEP216: further refine standard story openings without touching body text, URLs, or image mapping */
@media (min-width: 901px){
  body.page-story:not(.page-story--zbornik) .story-hero--clean{
    max-width: 1000px;
    margin-bottom: 16px;
  }

  body.page-story:not(.page-story--zbornik) .story-hero__title{
    max-width: 24ch;
    font-size: clamp(36px, 4.15vw, 54px);
    line-height: 1.06;
    letter-spacing: -.02em;
    margin-bottom: 12px;
  }

  body.page-story:not(.page-story--zbornik) .story-hero__kicker{
    max-width: 76ch;
    margin-bottom: 6px;
  }

  body.page-story:not(.page-story--zbornik) .breadcrumbs{
    display: flex;
    justify-content: center;
    margin-bottom: 8px;
  }

  body.page-story:not(.page-story--zbornik) .breadcrumbs ol{
    display: inline-flex !important;
    width: auto !important;
    max-width: max-content !important;
    padding: .5rem .76rem;
    border-radius: 13px;
    box-shadow: 0 6px 14px rgba(0,0,0,.07);
  }

  body.page-story:not(.page-story--zbornik) .story-hero__image{
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

body.page-story:not(.page-story--zbornik) .breadcrumbs li,
body.page-story:not(.page-story--zbornik) .breadcrumbs a{
  font-size: .94rem;
}

body.page-story:not(.page-story--zbornik) .story-hero__kicker{
  letter-spacing: .11em;
}

body.page-story:not(.page-story--zbornik) .story-hero__lead{
  margin-bottom: 6px;
}

@media (max-width: 900px){
  body.page-story:not(.page-story--zbornik) .breadcrumbs{
    display: flex;
    justify-content: flex-start;
    margin-bottom: 8px;
  }

  body.page-story:not(.page-story--zbornik) .breadcrumbs ol{
    display: inline-flex !important;
    width: auto !important;
    max-width: 100%;
    padding: .5rem .7rem;
  }

  body.page-story:not(.page-story--zbornik) .story-hero__title{
    max-width: 16ch;
    letter-spacing: -.01em;
  }
}

/* END css/story-phase8-20260327.css */

/* BEGIN css/story-phase9-20260327.css */
/* STEP217: gentle top-of-story polish for standard stories only; no URL, body-copy, or image remapping changes */
@media (min-width: 901px){
  body.page-story:not(.page-story--zbornik) .story-hero--clean{
    max-width: 1020px;
  }

  body.page-story:not(.page-story--zbornik) .story-hero__title{
    max-width: 25ch;
    font-size: clamp(36px, 4vw, 53px);
    line-height: 1.05;
    margin-bottom: 10px;
  }

  body.page-story:not(.page-story--zbornik) .story-hero__lead,
  body.page-story:not(.page-story--zbornik) .story-hero__info,
  body.page-story:not(.page-story--zbornik) .story-content > .story-note,
  body.page-story:not(.page-story--zbornik) .story-content > .story-quick-nav{
    max-width: 67ch;
  }

  body.page-story:not(.page-story--zbornik) .story-hero__lead{
    margin-bottom: 4px;
  }

  body.page-story:not(.page-story--zbornik) .story-hero__info{
    gap: 8px;
    margin-bottom: 10px;
  }
}

body.page-story:not(.page-story--zbornik) .cluster-nav strong{
  font-size: 12px;
  letter-spacing: .02em;
  opacity: .88;
}

body.page-story:not(.page-story--zbornik) .cluster-nav a{
  font-size: 12px;
  padding: 5px 9px;
  border-color: rgba(107,208,140,.16);
}

body.page-story:not(.page-story--zbornik) .story-hero__meta{
  gap: .22rem .52rem;
  font-size: .89rem;
}

body.page-story:not(.page-story--zbornik) .story-content > .story-note{
  font-size: .91rem;
  line-height: 1.58;
  margin-bottom: 14px;
  opacity: .92;
}

body.page-story:not(.page-story--zbornik) .story-content > .story-quick-nav{
  margin-top: .85rem;
  padding: .78rem .92rem;
}

body.page-story:not(.page-story--zbornik) .story-content > .story-quick-nav h2{
  margin-bottom: .48rem;
}

body.page-story:not(.page-story--zbornik) .story-content > .story-quick-nav li,
body.page-story:not(.page-story--zbornik) .story-content > .story-quick-nav a{
  font-size: .95rem;
}

@media (max-width: 900px){
  body.page-story:not(.page-story--zbornik) .story-hero__title{
    max-width: 17ch;
    font-size: clamp(30px, 7.9vw, 40px);
    line-height: 1.06;
  }

  body.page-story:not(.page-story--zbornik) .story-content > .story-note{
    font-size: .9rem;
    line-height: 1.56;
  }

  body.page-story:not(.page-story--zbornik) .story-content > .story-quick-nav{
    padding: .76rem .86rem;
  }
}

/* END css/story-phase9-20260327.css */

/* BEGIN css/story-phase10-20260327.css */
/* STEP218: quieter story openings — wider but calmer titles, smaller breadcrumb, inline topics; no URL or image remapping */
@media (min-width: 901px){
  body.page-story:not(.page-story--zbornik) .story-article{
    padding-top: 6px;
  }

  body.page-story:not(.page-story--zbornik) .breadcrumbs{
    display: flex;
    justify-content: flex-start;
    max-width: 68ch;
    margin: 0 auto 8px;
  }

  body.page-story:not(.page-story--zbornik) .breadcrumbs ol{
    padding: .44rem .68rem;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,.06);
    background: rgba(255,255,255,.022);
  }

  body.page-story:not(.page-story--zbornik) .story-hero--clean{
    max-width: 1040px;
    margin-bottom: 14px;
  }

  body.page-story:not(.page-story--zbornik) .story-hero__title{
    max-width: 28ch;
    font-size: clamp(35px, 3.8vw, 50px);
    line-height: 1.04;
    letter-spacing: -.022em;
    margin-bottom: 12px;
  }

  body.page-story:not(.page-story--zbornik) .story-hero__kicker,
  body.page-story:not(.page-story--zbornik) .story-hero__lead,
  body.page-story:not(.page-story--zbornik) .story-hero__info,
  body.page-story:not(.page-story--zbornik) .story-content > .story-note,
  body.page-story:not(.page-story--zbornik) .story-content > .story-quick-nav{
    max-width: 68ch;
  }

  body.page-story:not(.page-story--zbornik) .story-hero__image{
    margin-top: 14px;
    margin-bottom: 12px;
  }
}

body.page-story:not(.page-story--zbornik) .breadcrumbs li,
body.page-story:not(.page-story--zbornik) .breadcrumbs a{
  font-size: .9rem;
}

body.page-story:not(.page-story--zbornik) .breadcrumbs li+li:before{
  margin: 0 5px 0 1px;
  opacity: .52;
}

body.page-story:not(.page-story--zbornik) .story-hero__kicker{
  margin-bottom: 5px;
  letter-spacing: .105em;
}

body.page-story:not(.page-story--zbornik) .story-hero__lead{
  font-size: .98rem;
  line-height: 1.58;
  margin-bottom: 5px;
}

body.page-story:not(.page-story--zbornik) .story-hero__info{
  gap: 7px;
  margin-bottom: 8px;
}

body.page-story:not(.page-story--zbornik) .story-hero__info .cluster-nav{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
}

body.page-story:not(.page-story--zbornik) .cluster-nav p{
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 0;
  font-size: .9rem;
  line-height: 1.3;
  opacity: .88;
}

body.page-story:not(.page-story--zbornik) .cluster-nav a{
  font-size: 12px;
  padding: 5px 9px;
  border-color: rgba(107,208,140,.14);
}

body.page-story:not(.page-story--zbornik) .story-hero__meta{
  gap: .2rem .5rem;
  font-size: .88rem;
}

body.page-story:not(.page-story--zbornik) .story-content > .story-note{
  font-size: .9rem;
  line-height: 1.54;
  margin-bottom: 12px;
  opacity: .9;
}

body.page-story:not(.page-story--zbornik) .story-content > .story-quick-nav{
  margin-top: .72rem;
  padding: .75rem .9rem;
  border-color: rgba(107,208,140,.13);
}

body.page-story:not(.page-story--zbornik) .story-content > .story-quick-nav h2{
  font-size: clamp(1rem, 1.18vw, 1.12rem);
  margin-bottom: .42rem;
}

body.page-story:not(.page-story--zbornik) .story-content > .story-quick-nav li,
body.page-story:not(.page-story--zbornik) .story-content > .story-quick-nav a{
  font-size: .94rem;
  line-height: 1.48;
}

@media (max-width: 900px){
  body.page-story:not(.page-story--zbornik) .breadcrumbs{
    justify-content: flex-start;
    max-width: none;
    margin-bottom: 8px;
  }

  body.page-story:not(.page-story--zbornik) .breadcrumbs ol{
    padding: .46rem .64rem;
  }

  body.page-story:not(.page-story--zbornik) .story-hero__title{
    max-width: 18ch;
    font-size: clamp(29px, 7.6vw, 39px);
    line-height: 1.05;
  }

  body.page-story:not(.page-story--zbornik) .story-hero__info .cluster-nav{
    gap: 6px;
  }

  body.page-story:not(.page-story--zbornik) .cluster-nav p{
    font-size: .88rem;
  }
}

/* END css/story-phase10-20260327.css */

/* STEP252 legacy redirect note */
.legacy-redirect-note{max-width:980px;margin:18px auto 0;padding:12px 16px;border:1px solid rgba(137,197,122,.22);border-radius:16px;background:linear-gradient(180deg,rgba(18,48,33,.78),rgba(10,28,20,.9));color:#edf7ef}.legacy-redirect-note a{font-weight:700;color:#8fd39f}