/* Otpad.hr v0.12.0 — Ecosystem Layers */
:root{--eco-ink:#10231f;--eco-muted:#5d706a;--eco-line:#d6e3de;--eco-soft:#edf5f1;--eco-green:#0d735f;--eco-lime:#6fd6a0;--eco-dark:#052f2b;--eco-gold:#c98226;--eco-blue:#3178c6;--eco-violet:#6e57c7}
body.ecosystem-page{background:#f3f7f5}
.eco-hero{padding:38px 0 24px;background:linear-gradient(180deg,#fff,#edf4f1)}
.eco-hero-card{position:relative;min-height:500px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:38px;align-items:center;padding:54px;border-radius:30px;overflow:hidden;background:linear-gradient(130deg,#042f2c 0%,#075b50 58%,#0d765f 100%);color:#fff;box-shadow:0 26px 80px rgba(3,45,42,.18)}
.eco-hero-card::before{content:"";position:absolute;right:-120px;top:-140px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(125,237,186,.27),transparent 68%)}
.eco-hero-copy,.eco-hero-map{position:relative;z-index:1}
.eco-hero-copy .section-kicker{color:#91edc2}.eco-hero-copy h1{margin:12px 0 18px;font-size:clamp(48px,6vw,82px);line-height:.96;letter-spacing:-.06em}.eco-hero-copy h1 em{font-style:normal;color:#7be4af}.eco-hero-copy p{max-width:720px;color:#d5e9e3;font-size:19px}.eco-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.eco-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 17px;border-radius:12px;font-weight:850}.eco-button.primary{background:#70dba8;color:#062f29}.eco-button.secondary{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff}
.eco-hero-map{display:grid;gap:7px}.eco-mini-layer{display:grid;grid-template-columns:54px 1fr;gap:10px;align-items:center;padding:11px 13px;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:rgba(2,36,32,.34);backdrop-filter:blur(8px)}.eco-mini-layer b{font-size:12px;letter-spacing:.08em;color:#8de8ba}.eco-mini-layer span{font-size:13px;color:#e9f8f3}
.eco-breadcrumbs{display:flex;align-items:center;gap:7px;padding:18px 0;color:#60736d;font-size:12px}.eco-breadcrumbs a{color:#0d735f;font-weight:800}
.eco-section{padding:68px 0}.eco-section.white{background:#fff}.eco-section.dark{background:#052f2b;color:#fff}.eco-section.soft{background:#ebf3ef}
.eco-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,450px);gap:34px;align-items:end;margin-bottom:28px}.eco-heading h2{margin:7px 0 0;font-size:clamp(34px,4vw,56px);line-height:1.02;letter-spacing:-.045em}.eco-heading p{margin:0;color:#61736d;font-size:16px}.eco-section.dark .eco-heading p{color:#b7cec6}.eco-section.dark .section-kicker{color:#78e0ad}
.eco-layer-stack{display:grid;gap:10px}.eco-layer{display:grid;grid-template-columns:84px minmax(0,1.1fr) minmax(260px,.8fr) auto;gap:20px;align-items:center;padding:20px 22px;border:1px solid var(--eco-line);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(17,62,58,.05);transition:.2s}.eco-layer:hover{transform:translateY(-2px);border-color:#a9cfbf;box-shadow:0 16px 42px rgba(17,62,58,.1)}.eco-layer-index{width:64px;height:64px;border-radius:17px;display:grid;place-items:center;background:#e9f6f0;color:#0b735e;font-weight:950;font-size:18px}.eco-layer h3{margin:0 0 4px;font-size:23px;letter-spacing:-.025em}.eco-layer p{margin:0;color:var(--eco-muted);font-size:13px}.eco-layer .eco-layer-note{padding-left:18px;border-left:1px solid var(--eco-line);font-size:12px;color:#60726c}.eco-layer .eco-layer-go{white-space:nowrap;color:#0b735e;font-weight:900;font-size:12px}.eco-layer[data-level="0"] .eco-layer-index{background:#eaf2ff;color:#2d67aa}.eco-layer[data-level="4"] .eco-layer-index{background:#fff2dc;color:#98611c}.eco-layer[data-level="8"] .eco-layer-index{background:#f0ebff;color:#6e57c7}.eco-layer[data-level="10"]{background:#082f2b;color:#fff;border-color:#174c45}.eco-layer[data-level="10"] p,.eco-layer[data-level="10"] .eco-layer-note{color:#b9d2ca}.eco-layer[data-level="10"] .eco-layer-index{background:#164d45;color:#86e4b3}.eco-layer[data-level="10"] .eco-layer-go{color:#86e4b3}
.eco-entry-grid,.eco-topic-grid,.eco-node-grid,.eco-source-grid,.eco-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.eco-entry-card,.eco-topic-card,.eco-node-card,.eco-source-card,.eco-project-card{display:flex;flex-direction:column;min-height:220px;padding:22px;border:1px solid var(--eco-line);border-radius:19px;background:#fff;box-shadow:0 8px 25px rgba(17,62,58,.04)}.eco-entry-card span,.eco-topic-card span,.eco-node-card span,.eco-source-card span,.eco-project-card span{font-size:10px;font-weight:950;letter-spacing:.12em;color:#0e7763;text-transform:uppercase}.eco-entry-card h3,.eco-topic-card h3,.eco-node-card h3,.eco-source-card h3,.eco-project-card h3{margin:13px 0 8px;font-size:25px;line-height:1.1;letter-spacing:-.035em}.eco-entry-card p,.eco-topic-card p,.eco-node-card p,.eco-source-card p,.eco-project-card p{margin:0;color:#60726c;font-size:13px}.eco-entry-card b,.eco-topic-card b,.eco-node-card b,.eco-source-card b,.eco-project-card b{margin-top:auto;padding-top:18px;color:#0d735f;font-size:12px}
.eco-flow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;align-items:stretch}.eco-flow-step{position:relative;padding:18px 14px;border-radius:16px;background:#fff;color:#18332d;border:1px solid rgba(255,255,255,.08)}.eco-flow-step::after{content:"→";position:absolute;right:-10px;top:50%;transform:translate(50%,-50%);color:#75dba8;font-weight:900}.eco-flow-step:last-child::after{display:none}.eco-flow-step span{font-size:10px;font-weight:950;color:#0d735f}.eco-flow-step strong{display:block;margin-top:8px;line-height:1.15}.eco-section.dark .eco-flow-step{background:#0a413b;color:#fff}.eco-section.dark .eco-flow-step span{color:#82e1b1}
.eco-manifest{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:24px}.eco-manifest-copy{padding:30px;border-radius:22px;background:#fff;border:1px solid var(--eco-line)}.eco-manifest-copy h2{font-size:42px;line-height:1.04;margin:0 0 18px}.eco-manifest-copy blockquote{margin:20px 0;padding:18px 20px;border-left:4px solid #6fd6a0;background:#edf7f2;font-size:20px;line-height:1.35;font-weight:800}.eco-manifest-list{display:grid;gap:10px}.eco-manifest-list div{padding:16px 18px;border-radius:15px;background:#fff;border:1px solid var(--eco-line)}.eco-manifest-list strong{display:block;margin-bottom:5px}.eco-manifest-list p{margin:0;color:#60726c;font-size:13px}
.eco-depth-rail{display:flex;align-items:center;gap:6px;overflow-x:auto;padding:10px 0 22px;scrollbar-width:none}.eco-depth-rail::-webkit-scrollbar{display:none}.eco-depth-rail a{display:inline-flex;align-items:center;gap:6px;min-width:max-content;padding:8px 10px;border:1px solid var(--eco-line);border-radius:999px;background:#fff;color:#516862;font-size:11px;font-weight:800}.eco-depth-rail a.active{background:#0a5f54;color:#fff;border-color:#0a5f54}
.eco-topic-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:0;overflow:hidden;border-radius:26px;background:#fff;border:1px solid var(--eco-line);box-shadow:0 18px 50px rgba(17,62,58,.08)}.eco-topic-hero-copy{padding:42px}.eco-topic-hero h1{font-size:clamp(46px,5vw,70px);line-height:.98;letter-spacing:-.055em;margin:13px 0 17px}.eco-topic-hero p{font-size:17px;color:#5d706a}.eco-topic-hero img{width:100%;height:100%;min-height:410px;object-fit:cover}
.eco-dossier-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);gap:20px}.eco-dossier-main,.eco-dossier-side{display:grid;gap:15px}.eco-panel{padding:22px;border:1px solid var(--eco-line);border-radius:18px;background:#fff}.eco-panel h2,.eco-panel h3{margin:0 0 10px}.eco-panel p{margin:0;color:#5d706a}.eco-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.eco-fact{padding:14px;border-radius:14px;background:#eef6f2}.eco-fact strong{display:block;font-size:18px}.eco-fact small{color:#60726c}.eco-status{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.eco-status span{padding:6px 9px;border-radius:999px;background:#eaf6ef;color:#0d735f;font-size:10px;font-weight:900}.eco-publisher-card{display:grid;grid-template-columns:80px minmax(0,1fr);gap:20px;align-items:start;padding:26px;border-radius:22px;background:#fff;border:1px solid var(--eco-line)}.eco-publisher-mark{width:80px;height:80px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#053e38,#15916f);color:#fff;font-weight:950;font-size:28px}.eco-publisher-card h2{margin:0 0 7px;font-size:31px}.eco-publisher-card p{margin:0;color:#5d706a}.eco-legal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.eco-legal-grid article{padding:18px;border:1px solid var(--eco-line);border-radius:16px;background:#fff}.eco-legal-grid h3{margin:0 0 8px}.eco-legal-grid p{margin:0;color:#5d706a;font-size:13px}
.publisher-line{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12);font-size:11px;color:#bcd2cb}.publisher-line strong{color:#fff}.footer-legal-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:9px;font-size:11px}.footer-legal-links a{text-decoration:underline;text-decoration-color:rgba(255,255,255,.28);text-underline-offset:3px}
@media(max-width:1050px){.eco-hero-card,.eco-topic-hero,.eco-manifest,.eco-dossier-grid{grid-template-columns:1fr}.eco-entry-grid,.eco-topic-grid,.eco-node-grid,.eco-source-grid,.eco-project-grid{grid-template-columns:repeat(2,1fr)}.eco-layer{grid-template-columns:70px 1fr auto}.eco-layer-note{display:none}.eco-flow{grid-template-columns:repeat(4,1fr)}.eco-flow-step:nth-child(4)::after{display:none}}
@media(max-width:720px){.eco-hero{padding-top:14px}.eco-hero-card{padding:28px 20px;border-radius:20px}.eco-hero-copy h1{font-size:44px}.eco-heading{grid-template-columns:1fr;gap:12px}.eco-section{padding:52px 0}.eco-entry-grid,.eco-topic-grid,.eco-node-grid,.eco-source-grid,.eco-project-grid,.eco-legal-grid{grid-template-columns:1fr}.eco-layer{grid-template-columns:52px 1fr;padding:15px}.eco-layer-index{width:46px;height:46px;border-radius:13px}.eco-layer .eco-layer-go{grid-column:2}.eco-flow{grid-template-columns:1fr}.eco-flow-step::after{display:none}.eco-topic-hero-copy{padding:28px 21px}.eco-topic-hero h1{font-size:43px}.eco-topic-hero img{min-height:240px}.eco-facts{grid-template-columns:1fr}.eco-publisher-card{grid-template-columns:1fr}.eco-publisher-mark{width:64px;height:64px}.publisher-line{display:grid}}