/* STEP55 — Biodiverzitet redesign */
.biodiverzitet-hub{
  --bio-accent:#7fd49d;
  --bio-accent-strong:#67c08a;
  padding-top:22px;
  padding-bottom:44px;
}
.biodiverzitet-hub .page-hero{padding:0 !important; margin-bottom:18px; background-position:center center !important; background-size:cover !important;}
.biodiverzitet-hub .page-hero-inner{
  max-width:980px;
  padding:30px 32px !important;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(15,39,28,.88), rgba(8,18,13,.95));
  border:1px solid rgba(127,212,157,.18);
  box-shadow:0 22px 48px rgba(0,0,0,.34);
}
.biodiverzitet-hub .page-hero h1{font-size:clamp(2rem,5vw,3.15rem) !important; margin-bottom:12px !important;}
.biodiverzitet-hub .lead{max-width:72ch; font-size:clamp(1rem,1.5vw,1.08rem);}
.anchor-nav{display:flex; flex-wrap:wrap; gap:10px; margin-top:18px;}
.anchor-nav a{display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0 14px; border-radius:999px; background:rgba(127,212,157,.10); border:1px solid rgba(127,212,157,.18); color:var(--ink); font-weight:700;}
.anchor-nav a:hover{background:rgba(127,212,157,.18);}
.compact-pillar{margin-top:0 !important; margin-bottom:18px !important;}
.compact-intro{margin-top:0 !important;}
.compact-intro p{max-width:78ch;}
.compact-header{margin-bottom:18px !important;}
.compact-header h2{margin-bottom:8px !important;}
.clean-topic-cards{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:18px;}
.clean-topic-cards .topic-card{display:flex; flex-direction:column; gap:10px; min-height:214px; text-decoration:none;}
.topic-icon{width:42px; height:42px; border-radius:14px; display:inline-flex; align-items:center; justify-content:center; background:rgba(127,212,157,.14); color:var(--bio-accent-strong); font-size:1.25rem; line-height:1;}
.topic-link{margin-top:auto; font-weight:700; color:var(--bio-accent-strong);}
.section-head-inline{display:flex; align-items:end; justify-content:space-between; gap:16px;}
.btn-ghost{background:transparent !important; border:1px solid rgba(127,212,157,.24) !important; color:var(--ink) !important;}
.featured-trio .vbk-card .vbk-body, .story-archive-grid .vbk-card .vbk-body{min-height:178px;}
.story-archive-grid .vbk-card .vbk-title, .featured-trio .vbk-card .vbk-title{-webkit-line-clamp:2;}
.story-archive-grid .vbk-card .vbk-excerpt, .featured-trio .vbk-card .vbk-excerpt{-webkit-line-clamp:3;}
.guides-grid .topic-card{min-height:202px;}
.slim-container{max-width:980px; padding:0 !important;}
.clean-cta{margin-top:24px; padding:26px 28px; border-radius:24px; background:linear-gradient(180deg, rgba(16,42,30,.90), rgba(10,20,14,.96)); border:1px solid rgba(127,212,157,.16); box-shadow:0 18px 38px rgba(0,0,0,.22); display:flex; align-items:center; justify-content:space-between; gap:18px;}
.clean-cta h2{margin:6px 0 8px; font-size:clamp(1.45rem,2.5vw,2rem);}
.clean-cta p{color:var(--muted); margin:0;}
.biodiverzitet-hub .content-block,.biodiverzitet-hub .hub-pillar-card,.biodiverzitet-hub .clean-cta,.biodiverzitet-hub .page-hero-inner{max-width:1180px; margin-left:auto; margin-right:auto;}
.biodiverzitet-hub .hub-pillar-card{background:linear-gradient(180deg, rgba(18,39,28,.94), rgba(9,18,13,.98)); border-color:rgba(127,212,157,.14);}
.biodiverzitet-hub .vbk-grid{gap:22px !important;}
.biodiverzitet-hub .vbk-card,.biodiverzitet-hub .topic-card{background:linear-gradient(180deg, rgba(18,40,29,.90), rgba(10,20,14,.96)) !important; border-color:rgba(127,212,157,.12) !important;}
.biodiverzitet-hub .faq details + details{margin-top:12px;}

/* light final polish */
.biodiverzitet-hub .page-hero-inner{max-width:960px;padding:26px 30px !important;background:linear-gradient(180deg, rgba(15,39,28,.78), rgba(8,18,13,.92));backdrop-filter:blur(2px);}
.biodiverzitet-hub .page-hero h1{font-size:clamp(1.95rem,4.4vw,3rem) !important;line-height:1.05;}
.biodiverzitet-hub .page-hero .lead{max-width:64ch;color:rgba(245,247,242,.92);}
.biodiverzitet-hub .hub-pillar-card{padding:24px 28px !important;}
.biodiverzitet-hub .hub-pillar-title{max-width:24ch;}
.biodiverzitet-hub .content-block{padding:28px 30px !important;}
.biodiverzitet-hub #kljucne-teme{background:linear-gradient(180deg, rgba(9,28,20,.96), rgba(7,20,15,.98));}
.biodiverzitet-hub #vodici{background:linear-gradient(180deg, rgba(10,25,18,.92), rgba(8,18,13,.98));}
.biodiverzitet-hub .clean-topic-cards{gap:20px;}
.biodiverzitet-hub .topic-card{min-height:194px;position:relative;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.12);}
.biodiverzitet-hub .topic-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:rgba(127,212,157,.28);}
.biodiverzitet-hub .clean-topic-cards .topic-card:nth-child(1)::before{background:rgba(127,212,157,.48);}
.biodiverzitet-hub .clean-topic-cards .topic-card:nth-child(2)::before{background:rgba(121,186,215,.42);}
.biodiverzitet-hub .clean-topic-cards .topic-card:nth-child(3)::before{background:rgba(179,210,118,.42);}
.biodiverzitet-hub .clean-topic-cards .topic-card:nth-child(4)::before{background:rgba(224,176,102,.38);}
.biodiverzitet-hub .topic-icon{background:rgba(127,212,157,.10);color:rgba(127,212,157,.72);}
.biodiverzitet-hub .vbk-grid{gap:26px !important;}
.biodiverzitet-hub .featured-trio .vbk-card,.biodiverzitet-hub .story-archive-grid .vbk-card{box-shadow:0 14px 28px rgba(0,0,0,.14);}
.biodiverzitet-hub .featured-trio .vbk-card img,.biodiverzitet-hub .story-archive-grid .vbk-card img{filter:saturate(.96) contrast(.99);}
.biodiverzitet-hub .featured-trio .vbk-card .vbk-body,.biodiverzitet-hub .story-archive-grid .vbk-card .vbk-body{padding-top:16px !important;}
.biodiverzitet-hub .featured-trio .vbk-card .vbk-excerpt,.biodiverzitet-hub .story-archive-grid .vbk-card .vbk-excerpt{-webkit-line-clamp:2;line-clamp:2;}
.biodiverzitet-hub .clean-cta{padding:22px 26px;}
.biodiverzitet-hub .clean-cta .btn-soft{background:rgba(96,166,88,.16) !important;border:1px solid rgba(96,166,88,.34) !important;color:var(--ink) !important;box-shadow:none !important;padding:14px 20px !important;}
.biodiverzitet-hub .faq .container{background:linear-gradient(180deg, rgba(9,28,20,.9), rgba(7,20,15,.98));}
@media (max-width:980px){.clean-topic-cards,.biodiverzitet-hub .vbk-grid{grid-template-columns:1fr !important;}.section-head-inline,.clean-cta{flex-direction:column; align-items:flex-start;}.biodiverzitet-hub .page-hero-inner{padding:22px 20px !important;}.biodiverzitet-hub .content-block{padding:24px 20px !important;}}


/* STEP56 — subtle polish */
.biodiverzitet-hub{padding-top:18px;padding-bottom:40px;}
.biodiverzitet-hub .page-hero{margin-bottom:14px !important;}
.biodiverzitet-hub .page-hero-inner{max-width:920px;padding:22px 28px !important;border-radius:24px;background:linear-gradient(180deg, rgba(14,36,27,.72), rgba(7,16,12,.90));box-shadow:0 16px 36px rgba(0,0,0,.24);}
.biodiverzitet-hub .page-hero h1{font-size:clamp(1.85rem,4vw,2.8rem) !important;margin-bottom:10px !important;}
.biodiverzitet-hub .page-hero .lead{max-width:60ch;font-size:1.03rem;}
.biodiverzitet-hub .hero-actions{gap:10px !important;}
.biodiverzitet-hub .anchor-nav{margin-top:14px;}
.biodiverzitet-hub .anchor-nav a{min-height:38px;padding:0 13px;font-size:.95rem;}
.biodiverzitet-hub .hub-pillar-card{padding:20px 24px !important;border-radius:22px;box-shadow:0 14px 30px rgba(0,0,0,.18);}
.biodiverzitet-hub .hub-pillar-title{max-width:22ch;font-size:clamp(1.55rem,3.2vw,2.2rem);line-height:1.08;}
.biodiverzitet-hub .hub-pillar-desc{max-width:60ch;}
.biodiverzitet-hub .content-block{padding:26px 28px !important;border-radius:24px;}
.biodiverzitet-hub .compact-header p{max-width:58ch;}
.biodiverzitet-hub .clean-topic-cards{gap:18px;}
.biodiverzitet-hub .topic-card{min-height:184px;padding:20px 20px 18px !important;box-shadow:0 8px 20px rgba(0,0,0,.10);}
.biodiverzitet-hub .topic-card h3{font-size:1.12rem;line-height:1.16;}
.biodiverzitet-hub .topic-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.biodiverzitet-hub .vbk-grid{gap:24px !important;}
.biodiverzitet-hub .vbk-card{border-radius:22px;overflow:hidden;}
.biodiverzitet-hub .vbk-card .vbk-title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.biodiverzitet-hub .story-archive-grid .vbk-card .vbk-body,.biodiverzitet-hub .featured-trio .vbk-card .vbk-body{min-height:154px;}
.biodiverzitet-hub .guides-grid .topic-card{min-height:176px;}
.biodiverzitet-hub .faq .container{padding:18px 20px !important;border-radius:22px;}
.biodiverzitet-hub .clean-cta{padding:20px 24px;border-radius:22px;}
.biodiverzitet-hub .clean-cta h2{font-size:clamp(1.35rem,2.3vw,1.85rem);}
@media (max-width:980px){.biodiverzitet-hub .page-hero-inner{padding:20px 18px !important;}.biodiverzitet-hub .content-block{padding:22px 18px !important;}.biodiverzitet-hub .topic-card{min-height:auto;}}