/* Ekologija.hr / topic module v2.15.0. All public rules scoped to this module. */
.eko-topics-direct{--et-ink:#092e39;--et-green:#05452d;--et-lime:#ade74c;--et-muted:#617783;--et-line:#e1ebe6;--et-bg:#f6fbf8;color:var(--et-ink);font-family:inherit;font-size:16px;line-height:1.45}
.eko-topics-direct *{box-sizing:border-box}.eko-topics-direct [hidden]{display:none!important}.eko-topics-direct a{color:inherit;text-decoration:none}.eko-topics-direct button,.eko-topics-direct input{font:inherit}.eko-topics-direct button{cursor:pointer}.eko-topics-direct button:focus-visible,.eko-topics-direct a:focus-visible,.eko-topics-direct input:focus-visible{outline:3px solid #75b823;outline-offset:4px}.et-icon{display:inline-block;flex:none;width:20px;height:20px;vertical-align:middle}.et-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.et-width{width:min(1320px,calc(100% - 64px));margin-inline:auto}.et-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.et-section-head h2{margin:0;font-family:Georgia,serif;font-size:clamp(24px,2.5vw,34px);line-height:1.13;letter-spacing:-.025em}.et-section-head h2:before,.et-tools h2:before{content:'';display:inline-block;width:4px;height:.85em;background:var(--et-lime);margin-right:10px}.et-section-head p{font-size:14px;color:var(--et-muted);margin:5px 0 0}.et-eyebrow{font:750 11px/1.3 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:8px;color:var(--et-green)}.et-controls{display:flex;align-items:center;gap:8px}.et-controls>a,.et-link{font-size:12px;font-weight:700;color:var(--et-green);white-space:nowrap}.et-link{background:none;border:0;padding:8px}.et-scroll{width:34px;height:34px;border:1px solid var(--et-line);border-radius:50%;color:var(--et-green);background:white}.et-home-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(205px,23%);gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding:3px 2px 9px;scroll-behavior:smooth}.et-home-track .et-card{scroll-snap-align:start}.et-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 14px}.et-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--et-line);border-radius:10px;overflow:hidden;background:#fff;transition:border-color .2s,box-shadow .2s;position:relative}.et-card:hover,.et-card.is-selected{border-color:#95cf32;box-shadow:0 3px 15px #06442b0b}.et-card-image{display:block;width:100%;height:auto;aspect-ratio:2.05;object-fit:cover}.et-card-body{display:flex;flex:1;flex-direction:column;padding:11px 12px 9px}.et-card h3{font:760 16px/1.16 system-ui,-apple-system,'Segoe UI',sans-serif;margin:0 0 7px;min-height:2.32em;letter-spacing:-.035em}.et-card p{font-size:14px;line-height:1.32;color:var(--et-muted);margin:0 0 10px;min-height:3.96em;flex:1}.et-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0 0 3px}.et-metrics>span{display:grid;grid-template-columns:15px 1fr;column-gap:3px;align-items:center;font-size:11px}.et-metrics .et-icon{width:14px;height:14px;color:#0a5540}.et-metrics small{grid-column:1/-1;font-size:9px;color:var(--et-muted);line-height:1.4}.et-metrics b{font-size:12px;font-weight:750}.et-card-bottom{min-height:48px;display:flex;justify-content:flex-end;align-items:center;margin-top:3px}.et-brand{display:flex;justify-content:flex-end;align-items:center;max-width:145px;width:70%;height:43px;opacity:.48;filter:grayscale(.9);transition:opacity .2s,filter .2s;transform-origin:right center}.et-brand img{display:block;object-fit:contain;object-position:right center;width:calc(104px * var(--brand-scale,1));max-width:100%;height:calc(31px * var(--brand-scale,1));max-height:44px}.et-brand[data-brand=wwf] img{width:auto;max-width:62px}.et-brand strong{font:800 16px/1.1 system-ui;color:#236b46;letter-spacing:-.04em}.et-card:hover .et-brand,.et-card:focus-visible .et-brand,.et-card:focus-within .et-brand{opacity:1;filter:none}.et-hero{position:relative;isolation:isolate;overflow:hidden;background:#073c29;color:white;min-height:400px}.et-hero-image,.et-hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.et-hero-shade{background:linear-gradient(90deg,#002d1de8 0%,#003b247c 43%,#052b1706 78%);z-index:-1}.et-hero-inner{display:flex;align-items:center;justify-content:space-between;min-height:400px;gap:32px;padding-block:38px 58px}.et-hero-copy{max-width:610px;width:62%}.et-hero .et-eyebrow{color:var(--et-lime)}.et-hero h1{color:#fff;font:850 clamp(38px,4.2vw,64px)/.98 system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:-.05em;margin:12px 0 15px}.et-hero h1 em{color:var(--et-lime);font-style:normal}.et-hero-copy>p{font-size:18px;line-height:1.35;max-width:525px;margin:0 0 21px}.et-search{border-radius:28px;padding:5px 5px 5px 15px;background:#fff;display:flex;align-items:center;gap:10px;color:var(--et-green);max-width:575px}.et-search input{border:0;min-width:0;flex:1;color:var(--et-ink);font-size:13px;background:transparent}.et-search button{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--et-lime);color:var(--et-green)}.et-chips{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:11px;margin-top:15px}.et-chips button{font-size:10px;color:white;border:1px solid #ffffff70;border-radius:14px;background:#0737257a;padding:5px 9px}.et-hero-note{font:italic 26px/1.15 Georgia,serif;transform:rotate(-7deg);padding-top:95px;margin-right:16px;text-shadow:0 1px 8px #07251f}.et-curve{position:absolute;left:0;bottom:-1px;width:100%;height:90px;display:block;color:#f6fbf8;pointer-events:none;z-index:0}.et-catalogue-page .eko-topics-direct{background:var(--et-bg);padding-bottom:26px}.et-catalogue{padding:24px 0 18px}.et-data-note{font-size:11px;color:#72847f;margin:12px 0 0}.et-selected{border-top:2px solid #8bce31;padding-top:18px;scroll-margin-top:95px}.et-selected-head{display:flex;gap:22px;justify-content:space-between;align-items:center}.et-selected h2{font:800 clamp(24px,2.7vw,37px)/1.05 system-ui,sans-serif;letter-spacing:-.04em;margin:0 0 8px}.et-selected-head p{color:var(--et-muted);font-size:15px;margin:0}.et-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:750;border-radius:7px;padding:11px 15px;white-space:nowrap}.et-dark{background:var(--et-green);color:white!important}.et-lime{background:var(--et-lime);color:#15362b!important}.et-outline{border:1px solid #a2c8b7;color:white!important}.et-tabs{display:flex;gap:17px;overflow-x:auto;border-bottom:1px solid var(--et-line);margin:17px 0 16px}.et-tabs button{font-size:12px;font-weight:700;padding:10px 9px;border:0;border-bottom:3px solid transparent;background:none;color:var(--et-ink);white-space:nowrap}.et-tabs button[aria-selected=true]{background:#eaf3db;border-bottom-color:#80bb32}.et-overview-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(245px,.85fr);gap:17px;align-items:start}.et-feature,.et-panel,.et-project,.et-news-item,.et-actor,.et-source{background:white;border:1px solid var(--et-line);border-radius:9px;overflow:hidden}.et-feature>img{width:100%;height:auto;aspect-ratio:1.7;object-fit:cover;display:block}.et-feature-body{padding:13px}.et-feature h3{font:700 clamp(23px,2vw,29px)/1.07 Georgia,serif;letter-spacing:-.025em;margin:8px 0}.et-feature p{font-size:14px;line-height:1.45;color:var(--et-muted);margin:8px 0}.et-badge{display:inline-block;border-radius:4px;background:#e5f5d6;color:#155030;padding:3px 7px;font-size:10px;font-weight:800}.et-meta{font-size:11px;color:var(--et-muted);margin-top:10px}.et-list-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px}.et-list-head h3{font-size:16px;margin:0}.et-list-head a{font-size:11px;color:var(--et-green);font-weight:700}.et-news-list{display:grid;gap:9px}.et-news-item{display:grid;grid-template-columns:95px minmax(0,1fr) 24px;align-items:center;gap:10px;padding:7px}.et-news-item img{width:95px;height:86px;object-fit:cover;border-radius:6px}.et-news-item h4{font-size:13px;line-height:1.22;margin:0 0 7px}.et-news-item .et-icon{width:23px;height:23px;background:#06432c;color:#fff;border-radius:50%;padding:4px}.et-news-item .et-meta{font-size:10px}.et-atlas{padding:20px;color:white;background:linear-gradient(135deg,#00432c,#082f23);border-radius:10px;position:relative;overflow:hidden}.et-atlas>img{float:right;width:90px;height:95px;object-fit:contain;margin:5px 0 8px 6px}.et-atlas h3{font:750 18px/1.2 system-ui;margin:0 0 9px;color:white}.et-atlas .et-eyebrow{color:var(--et-lime)}.et-atlas p{font-size:13px;margin:6px 0 12px}.et-atlas-counts{display:grid;grid-template-columns:1fr 1fr;gap:10px;clear:both;margin:16px 0}.et-atlas-counts strong{display:block;font-size:24px;line-height:1.2}.et-atlas-counts small{font-size:10px}.et-button-row{display:flex;gap:8px;flex-wrap:wrap}.et-panel{padding:15px;margin-top:12px}.et-panel h3{font:700 18px/1.16 Georgia,serif;margin:7px 0}.et-panel p{font-size:13px;color:var(--et-muted);margin:7px 0}.et-below{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;margin-top:22px}.et-below h3{font:700 25px/1.15 Georgia,serif;margin:0 0 12px}.et-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.et-project{padding:13px}.et-project h4{font-size:14px;line-height:1.25;margin:7px 0}.et-project p{font-size:12px;color:var(--et-muted);margin:6px 0}.et-project small{font-size:10px;color:#145835;font-weight:700;text-transform:uppercase}.et-actors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.et-actor{display:flex;align-items:center;justify-content:center;padding:15px;text-align:center;font-size:12px;font-weight:650;min-height:95px}.et-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.et-source{padding:17px;display:flex;gap:13px;align-items:center}.et-source strong{font-size:14px}.et-empty{padding:25px;border:1px dashed #bbd4c5;border-radius:9px;background:#fafdfa;color:var(--et-muted);font-size:14px}.et-empty a{color:var(--et-green);text-decoration:underline}.et-tools{background:#edf6e8;padding:18px;border:1px solid #dfebdc;border-radius:12px;margin-top:24px}.et-tools h2{font:700 24px Georgia,serif;margin:0 0 14px}.et-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.et-tools-grid>a{display:flex;align-items:center;gap:12px;padding:16px 12px;border:1px solid var(--et-line);border-radius:8px;background:white}.et-tools-grid strong{display:block;font-size:12px}.et-tools-grid small{display:block;font-size:11px;color:var(--et-muted)}.et-tools-grid .et-icon{width:24px;height:24px;color:var(--et-green)}.et-banner{display:flex;gap:15px;align-items:center;padding:18px;border-radius:9px;border:1px solid var(--et-line);background:#fff;margin-top:14px}.et-banner img{width:110px;height:75px;object-fit:contain}.et-banner .et-eyebrow{font-size:9px}.et-banner h3{font-size:17px;margin:5px 0}.et-banner p{font-size:13px;margin:5px 0;color:var(--et-muted)}
@media(hover:none),(pointer:coarse){.et-card .et-brand{opacity:1;filter:none}}
@media(min-width:1500px){.et-card h3{font-size:17px}.et-card-image{aspect-ratio:2}}
@media(max-width:1100px){.et-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.et-overview-grid{grid-template-columns:1.1fr 1fr}.et-overview-grid>.et-aside{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px}.et-aside>.et-panel{margin-top:0}.et-home-track{grid-auto-columns:minmax(205px,31%)}.et-width{width:calc(100% - 40px)}.et-selected-head{align-items:flex-start}.et-selected-head>.et-button{font-size:10px}.et-hero-note{font-size:24px}}
@media(max-width:740px){.et-hero-copy{width:100%}.et-hero-note{display:none}.et-hero-inner{min-height:375px;padding:29px 0 54px}.et-hero h1{font-size:45px}.et-hero-copy>p{font-size:16px}.et-curve{height:58px}.et-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.et-width{width:calc(100% - 28px)}.et-section-head{gap:10px;align-items:flex-start}.et-section-head h2{font-size:25px}.et-section-head p{font-size:12px}.et-controls{flex-wrap:wrap;justify-content:flex-end}.et-controls>a{width:100%;font-size:11px}.et-controls .et-scroll{width:30px;height:30px}.et-card-body{padding:10px 9px 7px}.et-card h3{font-size:15px}.et-card p{font-size:13px}.et-metrics{grid-template-columns:repeat(2,1fr);gap:6px}.et-metrics>span{grid-template-columns:15px 1fr}.et-metrics small{grid-column:2;font-size:10px}.et-card-bottom{min-height:45px}.et-brand{width:88%;max-width:125px}.et-overview-grid{grid-template-columns:1fr}.et-overview-grid>.et-aside{grid-column:auto;display:block}.et-aside>.et-panel{margin-top:12px}.et-news-item{grid-template-columns:100px 1fr 25px}.et-news-item img{width:100px}.et-below{grid-template-columns:1fr}.et-selected-head{flex-direction:column;gap:12px}.et-selected h2{font-size:29px}.et-tiles{grid-template-columns:1fr 1fr}.et-tabs{gap:7px}.et-tabs button{font-size:12px;min-height:44px}.et-tools-grid{grid-template-columns:1fr 1fr}.et-home-track{grid-auto-columns:minmax(205px,70%)}.et-catalogue-page .et-link{font-size:10px;white-space:normal;max-width:80px;padding:4px}.et-below h3{font-size:25px}}
@media(max-width:360px){.et-grid{gap:8px}.et-card h3{font-size:14px}.et-card p{font-size:12px}.et-brand strong{font-size:14px}.et-width{width:calc(100% - 20px)}.et-tools-grid{grid-template-columns:1fr}.et-project-grid,.et-tiles{grid-template-columns:1fr}.et-hero h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){.eko-topics-direct *{scroll-behavior:auto!important;transition:none!important}}

/* v2.16.0: match v23 image proportions on the existing homepage module. */
.eko-topics-direct .et-card-image {height:auto;aspect-ratio:1.58 / 1;object-fit:cover;object-position:50% 44%;}
.eko-topics-direct [data-topic="bioraznolikost"] .et-card-image{object-position:44% 42%}
.eko-topics-direct [data-topic="klima"] .et-card-image{object-position:50% 48%}
.eko-topics-direct [data-topic="urbani-ekosustavi"] .et-card-image{object-position:50% 38%}
.eko-topics-direct [data-topic="hrana"] .et-card-image{object-position:50% 64%}
.eko-topics-direct [data-topic="dom"] .et-card-image{object-position:50% 45%}
.eko-topics-direct .et-card-bottom{border-top:1px solid #edf2ee;min-height:49px;padding-top:6px;}