/* Ekologija.hr · shared editorial dossier · 2.2.0. Scoped to dossier pages. */
.eko-dossier-page {
  --ds-ink: #153b32; --ds-deep: #073a25; --ds-lime: #a2da3b;
  --ds-paper: #fafcf8; --ds-line: #dfe7dc; --ds-muted: #60716c;
  --ds-radius: 12px; --ds-space: clamp(22px, 3.3vw, 48px);
  background: var(--ds-paper); color: var(--ds-ink);
  font-family: var(--font-ui, Inter, Arial, sans-serif);
}
.eko-dossier-page .site-chrome-root { position: sticky; top: 0; z-index: 60; background: var(--ds-deep); }
/* The inherited homepage shell positions its header over a hero. The dossier
   has no background hero, so reserve the real header height in normal flow. */
.eko-dossier-page .site-chrome-root .site-header { position: relative; top: auto; left: auto; right: auto; background: var(--ds-deep); }
.eko-dossier-page .ds-shell { width: min(1280px, calc(100% - 64px)); margin-inline: auto; }
.eko-dossier-page .ds-main { padding-block: 24px 56px; }
.eko-dossier-page .ds-breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 28px; font-size: 12px; color: var(--ds-muted); }
.eko-dossier-page .ds-breadcrumb a { text-decoration: none; color: inherit; }
.eko-dossier-page .ds-breadcrumb [aria-current] { color: var(--ds-deep); font-weight: 700; }
.eko-dossier-page .ds-hero { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.2fr); align-items: center; gap: 36px; margin: 0 0 28px; }
.eko-dossier-page .ds-eyebrow { display: block; margin: 0 0 18px; color: #346346; font-size: 11px; font-weight: 800; letter-spacing: .12em; line-height: 1.5; text-transform: uppercase; }
.eko-dossier-page .ds-eyebrow::before { display: inline-block; width: 4px; height: 12px; margin-right: 9px; background: var(--ds-lime); content: ''; }
.eko-dossier-page h1.ds-title { margin: 0 0 22px; max-width: 15ch; color: var(--ds-deep); font-size: clamp(36px, 3.8vw, 54px); line-height: 1.06; letter-spacing: -.055em; font-weight: 780; }
.eko-dossier-page .ds-deck { margin: 0 0 24px; max-width: 46ch; font-size: 19px; line-height: 1.6; }
.eko-dossier-page .ds-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 24px; }
.eko-dossier-page .ds-tags a { padding: 6px 10px; border: 1px solid #dce7d7; border-radius: 5px; background: #f0f5eb; color: #244e35; font-size: 11px; font-weight: 700; line-height: 1.4; text-decoration: none; }
.eko-dossier-page .ds-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 44px; padding: 13px 19px; border: 0; border-radius: 7px; background: var(--ds-deep); color: #fff; font-size: 14px; line-height: 1.4; font-weight: 750; text-decoration: none; cursor: pointer; }
.eko-dossier-page .ds-button--lime { background: var(--ds-lime); color: #07311f; }
.eko-dossier-page .ds-button:hover { filter: brightness(1.08); }
.eko-dossier-page .ds-media { margin: 0; min-width: 0; }
.eko-dossier-page .ds-media img { display: block; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; border-radius: var(--ds-radius); background: #e8eee5; }
.eko-dossier-page .ds-media figcaption { margin-top: 8px; color: var(--ds-muted); font-size: 11px; line-height: 1.5; }
.eko-dossier-page .ds-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 18px 10px; border: 1px solid var(--ds-line); border-radius: var(--ds-radius); background: #fff; }
.eko-dossier-page .ds-facts > div { padding: 5px 18px; border-right: 1px solid var(--ds-line); min-width: 0; }
.eko-dossier-page .ds-facts > div:last-child { border-right: 0; }
.eko-dossier-page .ds-facts dt { margin-bottom: 6px; color: var(--ds-muted); font-size: 10px; font-weight: 700; line-height: 1.4; letter-spacing: .07em; text-transform: uppercase; }
.eko-dossier-page .ds-facts dd { margin: 0; font-size: 14px; font-weight: 750; line-height: 1.5; }
.eko-dossier-page .ds-snapshot { margin: 10px 0 30px; color: var(--ds-muted); font-size: 11px; line-height: 1.6; }
.eko-dossier-page .ds-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 32px; align-items: start; }
.eko-dossier-page #eko-article-content { --reading-size: 18px; }
.eko-dossier-page .ds-content { min-width: 0; }
.eko-dossier-page .ds-section { margin: 0 0 var(--ds-space); }
.eko-dossier-page .ds-content h2,
.eko-dossier-page .ds-wide h2 { margin: 0 0 20px; color: var(--ds-ink); font-size: clamp(25px, 2.2vw, 31px); font-weight: 760; line-height: 1.18; letter-spacing: -.04em; }
.eko-dossier-page .ds-content h2::before,
.eko-dossier-page .ds-wide h2::before { display: inline-block; width: 4px; height: .8em; margin-right: 12px; background: var(--ds-lime); content: ''; }
.eko-dossier-page .ds-prose p,
.eko-dossier-page .ds-prose li { margin: 0 0 16px; color: #304b43; font-size: var(--reading-size); line-height: 1.78; overflow-wrap: break-word; }
.eko-dossier-page .ds-prose p:last-child { margin-bottom: 0; }
.eko-dossier-page .ds-reading { display: flex; justify-content: flex-end; align-items: center; gap: 10px; flex-wrap: wrap; margin: 0 0 16px; color: var(--ds-muted); font-size: 12px; }
.eko-dossier-page .ds-reading button { min-width: 44px; min-height: 44px; padding: 7px 12px; border: 1px solid var(--ds-line); border-radius: 6px; background: #fff; color: var(--ds-ink); font: 700 14px/1.2 var(--font-ui, Arial, sans-serif); cursor: pointer; }
.eko-dossier-page .ds-reading button:disabled { color: #91a097; cursor: default; }
.eko-dossier-page .ds-reader-status { flex-basis: 100%; color: var(--ds-muted); text-align: right; font-size: 11px; line-height: 1.5; }
.eko-dossier-page .ds-reader-status:empty { display: none; }
.eko-dossier-page .ds-feature { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, .8fr); gap: 24px; align-items: start; padding: 28px; border: 1px solid #e2eadc; border-radius: var(--ds-radius); background: linear-gradient(110deg,#f3f7ed,#f9fbf7); }
.eko-dossier-page .ds-feature h2 { margin-bottom: 15px; font-size: 29px; }
.eko-dossier-page .ds-feature .ds-eyebrow { margin-bottom: 12px; font-size: 10px; }
.eko-dossier-page .ds-feature .ds-media img { aspect-ratio: 4/5; max-height: 320px; }
.eko-dossier-page .ds-feature .ds-button { margin-top: 20px; }
.eko-dossier-page .ds-mini-meta { display: flex; flex-wrap: wrap; gap: 10px 22px; margin: 18px 0 0; font-size: 12px; line-height: 1.6; font-weight: 700; }
.eko-dossier-page .ds-questions { list-style: none; margin: 0; padding: 0 20px; border: 1px solid var(--ds-line); border-radius: var(--ds-radius); background: #fff; }
.eko-dossier-page .ds-question { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 16px; padding: 22px 0; border-bottom: 1px solid var(--ds-line); }
.eko-dossier-page .ds-question:last-child { border-bottom: 0; }
.eko-dossier-page .ds-question-number { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: #eff5e9; color: var(--ds-deep); font-size: 14px; font-weight: 800; }
.eko-dossier-page .ds-question h3 { margin: 0 0 7px; font-size: 17px; line-height: 1.35; letter-spacing: -.02em; }
.eko-dossier-page .ds-question p { margin: 0; color: var(--ds-muted); font-size: var(--reading-size); line-height: 1.65; }
.eko-dossier-page .ds-editor-note { margin: 18px 0 0; padding: 15px 18px; border-left: 3px solid #8cbf43; background: #f1f6ed; border-radius: 0 7px 7px 0; font-size: 14px; line-height: 1.7; color: #3c5549; }
.eko-dossier-page .ds-stories { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.eko-dossier-page .ds-story { min-width: 0; border: 1px solid var(--ds-line); border-radius: 10px; overflow: hidden; background: #fff; }
.eko-dossier-page .ds-story > a { display: block; color: inherit; text-decoration: none; }
.eko-dossier-page .ds-story img { display: block; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; }
.eko-dossier-page .ds-story-body { padding: 18px; }
.eko-dossier-page .ds-story-kicker { display: block; margin-bottom: 8px; color: #65796d; font-size: 10px; font-weight: 750; line-height: 1.5; text-transform: uppercase; letter-spacing: .045em; }
.eko-dossier-page .ds-story h3 { margin: 0 0 12px; color: var(--ds-ink); font-size: 18px; line-height: 1.35; letter-spacing: -.025em; }
.eko-dossier-page .ds-story p { font-size: 13px; line-height: 1.6; margin: 0 0 12px; color: var(--ds-muted); }
.eko-dossier-page .ds-story .ds-read-link { font-size: 12px; font-weight: 750; color: var(--ds-deep); }
.eko-dossier-page .ds-related-record { display: flex; justify-content: space-between; align-items: center; gap: 22px; margin-top: 18px; padding: 22px; border: 1px solid var(--ds-line); border-radius: 10px; background: #f4f7f0; color: var(--ds-ink); text-decoration: none; }
.eko-dossier-page .ds-related-record small { display: block; margin-bottom: 7px; color: #568042; font-size: 10px; font-weight: 800; letter-spacing: .05em; }
.eko-dossier-page .ds-related-record strong { display: block; margin-bottom: 6px; font-size: 17px; line-height: 1.4; }
.eko-dossier-page .ds-related-record span { font-size: 12px; line-height: 1.5; color: var(--ds-muted); }
.eko-dossier-page .ds-rail { min-width: 0; padding: 0 2px 2px; }
.eko-dossier-page .ds-rail .eko-article-guide { margin-bottom: 18px; }
.eko-dossier-page .ds-rail .eko-article-guide h2::before { content: none; }
.eko-dossier-page .ds-rail-card { margin-bottom: 18px; padding: 24px; border: 1px solid var(--ds-line); border-radius: var(--ds-radius); background: #fff; }
.eko-dossier-page .ds-rail-card img { display: block; max-width: 150px; width: auto; max-height: 90px; height: auto; object-fit: contain; object-position: left center; margin: 0 0 18px; }
.eko-dossier-page .ds-rail-card h2 { margin: 0 0 12px; color: var(--ds-ink); font-size: 23px; letter-spacing: -.03em; line-height: 1.2; }
.eko-dossier-page .ds-rail-card p { margin: 0 0 18px; color: var(--ds-muted); font-size: 14px; line-height: 1.6; }
.eko-dossier-page .ds-rail-card a:not(.ds-button) { display: inline-flex; min-height: 44px; align-items: center; gap: 16px; color: var(--ds-deep); font-size: 13px; font-weight: 750; text-decoration: none; }
.eko-dossier-page .ds-rail-card--atlas { position: relative; overflow: hidden; min-height: 230px; background: var(--ds-deep); color: #fff; }
.eko-dossier-page .ds-rail-card--atlas h2 { color: #fff; }
.eko-dossier-page .ds-rail-card--atlas p { color: #d4e2d5; }
.eko-dossier-page .ds-rail-card--atlas .ds-eyebrow { color: #c4ec8b; font-size: 10px; }
.eko-dossier-page .ds-rail-card--eko { display: grid; grid-template-columns: 1fr 85px; gap: 12px; align-items: center; background: #f0f5e2; padding: 20px; }
.eko-dossier-page .ds-rail-card--eko img { max-width: 100%; max-height: 180px; margin: 0; }
.eko-dossier-page .ds-rail-card--eko h2 { font-size: 23px; }
.eko-dossier-page .ds-rail-card--eko p { font-size: 13px; }
.eko-dossier-page .ds-wide { margin-top: var(--ds-space); }
.eko-dossier-page .ds-source-list { list-style: none; margin: 0; padding: 0; border: 1px solid var(--ds-line); border-radius: var(--ds-radius); overflow: hidden; background: #fff; }
.eko-dossier-page .ds-source-list li + li { border-top: 1px solid var(--ds-line); }
.eko-dossier-page .ds-source-list a { display: grid; grid-template-columns: 28px minmax(0,.8fr) minmax(0,1fr) 20px; gap: 18px; align-items: center; padding: 21px 24px; color: var(--ds-ink); text-decoration: none; }
.eko-dossier-page .ds-source-list svg { width: 25px; height: 25px; color: #366447; }
.eko-dossier-page .ds-source-list strong { font-size: 15px; line-height: 1.5; }
.eko-dossier-page .ds-source-list span { color: var(--ds-muted); font-size: 13px; line-height: 1.6; }
.eko-dossier-page .ds-source-list .ds-source-arrow { color: var(--ds-deep); font-size: 18px; }
.eko-dossier-page .ds-contribute { position: relative; padding: 32px 36px; border-radius: var(--ds-radius); background: linear-gradient(105deg,#edf5e5,#f4f7ee); }
.eko-dossier-page .ds-contribute h2 { margin-bottom: 12px; }
.eko-dossier-page .ds-contribute h2::before { content: none; }
.eko-dossier-page .ds-contribute p { margin: 0 0 20px; max-width: 65ch; font-size: 17px; line-height: 1.7; }
.eko-dossier-page .ds-switcher { margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--ds-line); }
.eko-dossier-page .ds-switcher h2 { margin: 0 0 14px; font-size: 18px; color: var(--ds-deep); }
.eko-dossier-page .ds-switcher-list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.eko-dossier-page .ds-switcher a { display: flex; gap: 12px; align-items: center; padding: 15px; border: 1px solid var(--ds-line); border-radius: 8px; background: #fff; color: var(--ds-ink); font-size: 13px; line-height: 1.45; text-decoration: none; }
.eko-dossier-page .ds-switcher a[aria-current=page] { border-color: #86b545; background: #edf5e3; font-weight: 750; }
.eko-dossier-page .ds-switcher a span { color: #6b855c; font-size: 11px; }
.eko-dossier-page .ds-return { display: inline-flex; min-height: 44px; align-items: center; margin-top: 24px; color: var(--ds-deep); font-size: 14px; font-weight: 700; text-decoration: none; }
.eko-dossier-page .ds-main a:focus-visible,
.eko-dossier-page .ds-main button:focus-visible { outline: 3px solid #5b812b; outline-offset: 4px; }
.eko-dossier-page .ds-main a:hover { text-decoration-thickness: 1px; text-underline-offset: .18em; }
.eko-dossier-page .ds-story > a:hover h3,
.eko-dossier-page .ds-source-list a:hover strong { text-decoration: underline; }
@media(min-width:1600px) { .eko-dossier-page .ds-shell { width: min(1320px, calc(100% - 96px)); } }
@media(max-width:1100px) {
  .eko-dossier-page .ds-shell { width: calc(100% - 40px); }
  .eko-dossier-page .ds-hero { gap: 24px; }
  .eko-dossier-page .ds-layout { grid-template-columns: minmax(0,1fr) 270px; gap: 22px; }
  .eko-dossier-page .ds-feature { padding: 22px; gap: 18px; }
}
@media(max-width:1023px) {
  .eko-dossier-page .ds-tags a { display: inline-flex; align-items: center; min-height: 44px; }
  .eko-dossier-page .ds-layout { grid-template-columns: minmax(0,1fr); }
  .eko-dossier-page .ds-rail { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; padding: 0; }
  .eko-dossier-page .ds-rail-card { margin: 0; }
  .eko-dossier-page .ds-rail .eko-article-guide { grid-column: 1/-1; }
  .eko-dossier-page .ds-hero { grid-template-columns: minmax(0,.95fr) minmax(0,1fr); }
  .eko-dossier-page .ds-title { font-size: 40px; }
  .eko-dossier-page .ds-deck { font-size: 17px; }
  .eko-dossier-page .ds-facts > div { padding-inline: 12px; }
}
@media(max-width:700px) {
  .eko-dossier-page .ds-shell { width: calc(100% - 32px); }
  .eko-dossier-page .ds-main { padding-top: 20px; }
  .eko-dossier-page .ds-breadcrumb { font-size: 11px; margin-bottom: 22px; }
  .eko-dossier-page .ds-hero { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .eko-dossier-page h1.ds-title { font-size: clamp(34px,8.5vw,44px); max-width: 18ch; margin-bottom: 18px; }
  .eko-dossier-page .ds-eyebrow { font-size: 10px; margin-bottom: 15px; }
  .eko-dossier-page .ds-deck { font-size: 18px; line-height: 1.65; }
  .eko-dossier-page .ds-facts { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 6px 0; }
  .eko-dossier-page .ds-facts > div { padding: 14px 16px; }
  .eko-dossier-page .ds-facts > div:nth-child(2) { border-right: 0; }
  .eko-dossier-page .ds-facts > div:nth-child(-n+2) { border-bottom: 1px solid var(--ds-line); }
  .eko-dossier-page .ds-snapshot { font-size: 11px; margin-bottom: 24px; }
  .eko-dossier-page .ds-reading { justify-content: flex-start; gap: 8px; }
  .eko-dossier-page .ds-reader-status { text-align: left; }
  .eko-dossier-page .ds-feature { grid-template-columns: minmax(0,1fr); padding: 22px; }
  .eko-dossier-page .ds-feature h2 { font-size: 27px; }
  .eko-dossier-page .ds-feature .ds-media img { aspect-ratio: 16/9; max-height: none; }
  .eko-dossier-page .ds-question { gap: 12px; padding-block: 20px; }
  .eko-dossier-page .ds-question p { font-size: var(--reading-size); }
  .eko-dossier-page .ds-stories { grid-template-columns: minmax(0,1fr); }
  .eko-dossier-page .ds-story > a { display: grid; grid-template-columns: 105px minmax(0,1fr); }
  .eko-dossier-page .ds-story img { width: 105px; height: 100%; min-height: 150px; aspect-ratio: auto; }
  .eko-dossier-page .ds-story-body { padding: 15px; }
  .eko-dossier-page .ds-story h3 { font-size: 17px; }
  .eko-dossier-page .ds-related-record { padding: 20px; }
  .eko-dossier-page .ds-rail { grid-template-columns: minmax(0,1fr); }
  .eko-dossier-page .ds-rail-card--eko { grid-template-columns: 1fr 100px; }
  .eko-dossier-page .ds-source-list a { grid-template-columns: 24px minmax(0,1fr) 18px; gap: 12px; padding: 18px; }
  .eko-dossier-page .ds-source-list span:not(.ds-source-arrow) { grid-column: 2; grid-row: 2; }
  .eko-dossier-page .ds-source-arrow { grid-column: 3; grid-row: 1/3; }
  .eko-dossier-page .ds-contribute { padding: 26px 22px; }
  .eko-dossier-page .ds-switcher-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .eko-dossier-page .ds-switcher a { padding: 13px 10px; gap: 8px; font-size: 12px; }
}
@media(prefers-reduced-motion:reduce) { .eko-dossier-page { scroll-behavior: auto; } }
@media print {
  .eko-dossier-page .ds-rail, .eko-dossier-page .ds-reading, .eko-dossier-page .ds-switcher, .eko-dossier-page .ds-return { display: none !important; }
  .eko-dossier-page .ds-shell { width: 100%; }
  .eko-dossier-page .ds-layout { display: block; }
  .eko-dossier-page .ds-hero { grid-template-columns: 1fr 1fr; }
  .eko-dossier-page .ds-section, .eko-dossier-page .ds-story { break-inside: avoid; }
}