/* ADVANCE / TRAG — istraživačka reportaža, v1.0.0
 * Instalacija: install-trag.sql. Članak: .adv-trag.
 * Navigacija: body:has(.articleOuterContainer.adv-trag). Bez novih JS handlera. */
@font-face {
  font-family: "Advance Trag Text";
  src: url("../../assets/fonts/source-serif-pro-v3001-latin_latin-ext-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Advance Trag Text";
  src: url("../../assets/fonts/source-serif-pro-v3001-latin_latin-ext-700.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Advance Trag Text";
  src: url("../../assets/fonts/source-serif-pro-v3001-latin_latin-ext-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Advance Trag Text";
  src: url("../../assets/fonts/source-serif-pro-v3001-latin_latin-ext-700italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Advance Trag UI";
  src: url("../../assets/fonts/source-sans-3-v19-latin_latin-ext-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Advance Trag UI";
  src: url("../../assets/fonts/source-sans-3-v19-latin_latin-ext-700.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
.adv-trag {
  --trg-paper: #fff;
  --trg-ink: #242536;
  --trg-muted: #69696c;
  --trg-accent: #b72f61;
  --trg-line: #dedde1;
  --trg-panel: #faf5f7;
  --trg-measure: 620px;
  --trg-card-width: 644px;
  --trg-hero-height: clamp(360px, 43vw, 740px);
  --trg-overlap: 64px;
  --trg-image-position: 50% 45%;
  --trg-text: "Advance Trag Text", "Source Serif Pro", Georgia, serif;
  --trg-ui: "Advance Trag UI", "Source Sans 3", Arial, sans-serif;
  --trg-display: var(--trg-text);
  width: 100%; min-width: 0;
  color: var(--trg-ink); background: var(--trg-paper);
}
/* Prose/paywall ancestor positioning and overflow stay under native control. */
.adv-trag > .clanak_wrapper {
  box-sizing: border-box; width: 100%; max-width: none;
  margin: 0; padding: 0 0 70px;
  color: var(--trg-ink); background: var(--trg-paper); transition: none;
}
/* Stacked fallback for missing photos, video, and browsers without subgrid. */
.adv-trag .clanak_header {
  box-sizing: border-box; display: flex; flex-direction: column; align-items: center;
  width: 100%; max-width: none; margin: 0; padding: 0 0 32px;
  text-align: left; color: var(--trg-ink); background: var(--trg-paper);
}
.adv-trag .clanak_header > * { box-sizing: border-box; min-width: 0; }
.adv-trag .clanak_header > :is(.clanak_nav,.textPrednaslov,.clanak_title,.clanak_lead_paragraph,.clanak_byline,.clanak_date) {
  width: min(var(--trg-card-width), calc(100% - 24px)); max-width: var(--trg-card-width);
  margin: 0; padding: 0 60px; border: 0; background: var(--trg-paper); text-align: left;
}

@media (max-width: 760px) {
	
.adv-trag .clanak_header > :is(.clanak_nav,.textPrednaslov,.clanak_title,.clanak_lead_paragraph,.clanak_byline,.clanak_date) {
  padding: 0 20px;
}	
}



.adv-trag .clanak_header > .clanak_nav { padding-top: 16px; padding-bottom: 5px; }
.adv-trag .clanak_nav ul { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 4px 12px; margin: 0; padding: 0; }
.adv-trag .clanak_nav li { margin: 0; padding: 0; border: 0; list-style: none; }
.adv-trag .clanak_nav li a, .adv-trag .clanak_nav .pocetnaKategorija a {
  font: 700 13px/1.4 var(--trg-ui); letter-spacing: 0; text-transform: none;
  color: var(--trg-accent) !important; border: 0; background: none;
}
.adv-trag .clanak_nav li a:hover { text-decoration: underline; }
.adv-trag .clanak_header > .textPrednaslov { padding-top: 8px; padding-bottom: 6px; font: 700 14px/1.4 var(--trg-ui); color: var(--trg-accent); letter-spacing: 0; text-transform: none; }
.adv-trag .clanak_header > .clanak_title {
  max-width: var(--trg-card-width) !important; padding-bottom: 20px;
  font-family: var(--trg-display); font-size: clamp(32px, 2.8vw, 42px); font-weight: 700;
  font-style: normal; line-height: 1.08; letter-spacing: -.035em; word-spacing: normal;
  text-transform: none; text-wrap: pretty; overflow-wrap: anywhere; hyphens: none; color: var(--trg-ink);
}
.adv-trag .clanak_title > :is(.h1_uvod,.h1_uvod_bezh,.oswald,b,strong) {
  display: inline; font: inherit; color: inherit; letter-spacing: inherit; text-transform: none; padding: 0; margin: 0; background: none;
}
.adv-trag .clanak_header > .clanak_lead_paragraph {
  display: block; padding-bottom: 8px; font: 400 19px/1.38 var(--trg-ui);
  letter-spacing: 0; color: var(--trg-muted); text-transform: none; overflow-wrap: anywhere;
}
.adv-trag .clanak_header > .clanak_byline {
  padding-bottom: 24px; font: 400 16px/1.5 var(--trg-ui); color: var(--trg-muted); letter-spacing: 0;
}
.adv-trag .clanak_byline :is(a,span) { font: inherit; color: inherit; }
.adv-trag .clanak_byline a { color: var(--trg-accent); border: 0; background: none; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .15em; }
.adv-trag .clanak_header > .clanak_date {
  padding-bottom: 10px; font: 400 13px/1.45 var(--trg-ui); color: var(--trg-muted); letter-spacing: 0; overflow-wrap: anywhere;
}
.adv-trag .clanak_date :is(time,span) { font: inherit; color: inherit; }
.adv-trag .clanak_header > :is(.clanak_date,.clanak_byline) > i { display: none; }
.adv-trag .clanak_header > .clanak_figure {
  display: block; float: none; width: 100%; max-width: none; height: auto; margin: 0; padding: 0; border: 0; background: none;
}
.adv-trag .clanak_header > .clanak_figure .clanak_figureBefore { display: none; }
.adv-trag .clanak_header > .clanak_figure .picoverimg { display: block; width: 100%; height: auto; }
.adv-trag .clanak_header > .clanak_figure :is(img,video) {
  display: block; width: 100%; max-width: 100%; height: auto; max-height: none; margin: 0; border-radius: 0;
  object-fit: contain;
  /* Keep the native loading opacity and video behavior. */
}
.adv-trag .clanak_header > .clanak_figure :is(iframe,.articlePlyrWrap) { max-width: 100%; width: 100%; }
.adv-trag .clanak_header > .clanak_figure figcaption {
  box-sizing: border-box; width: min(var(--trg-measure),calc(100% - 48px)); max-width: 100%;
  margin: 12px auto 18px; padding: 0; border: 0; background: var(--trg-paper);
  font: 400 12px/1.45 var(--trg-ui); letter-spacing: 0; color: var(--trg-muted) !important;
  text-align: left; overflow-wrap: anywhere;
}
.adv-trag .clanak_header > .clanak_figure figcaption :is(span,a) { font: inherit; color: inherit; }
.adv-trag .clanak_header > .clanak_figure figcaption > i { display: none; }
/* One real figure, one caption. Shared rows put credits beside the title card. */
@supports (grid-template-rows: subgrid) {
  .adv-trag .clanak_header:has(> .clanak_figure img) {
    display: grid;
    grid-template-columns: minmax(4px,1fr) minmax(100px,200px) minmax(0,var(--trg-card-width)) minmax(100px,200px) minmax(4px,1fr);
    column-gap: 20px;
    grid-template-rows: calc(var(--trg-hero-height) - var(--trg-overlap)) auto auto auto auto auto 24px;
    align-items: stretch; isolation: isolate; padding: 0;
  }
  .adv-trag .clanak_header:has(> .clanak_figure img)::before {
    content: ""; grid-area: 2 / 3 / 7 / 4; background: var(--trg-paper); z-index: 1;
  }
  .adv-trag .clanak_header > .clanak_figure:has(img) {
    display: grid; grid-area: 1 / 1 / 8 / -1; grid-template-columns: subgrid; grid-template-rows: subgrid;
  }
  .adv-trag .clanak_header > .clanak_figure:has(img) > :is(.picoverimg,img) {
    grid-area: 1 / 1 / 2 / -1; align-self: start; width: 100%; height: var(--trg-hero-height); min-width: 0; min-height: 0;
    background-size: cover !important; background-position: var(--trg-image-position) !important; background-color: #283139;
  }
  .adv-trag .clanak_header > .clanak_figure:has(img) > .picoverimg { position: relative; }
  .adv-trag .clanak_header > .clanak_figure:has(img) > .picoverimg img {
    position: absolute; inset: 0; height: 100%; width: 100%; aspect-ratio: auto; object-fit: cover; object-position: var(--trg-image-position);
  }
  .adv-trag .clanak_header > .clanak_figure:has(img) > img { contain: size; aspect-ratio: auto; object-fit: cover; object-position: var(--trg-image-position); }
  .adv-trag .clanak_header > .clanak_figure:has(img)::after {
    content: ""; grid-area: 1 / 1 / 2 / -1; height: min(180px,var(--trg-hero-height)); align-self: start;
    background: linear-gradient(rgb(9 15 22 / .75),rgb(9 15 22 / .48) 72px,transparent); pointer-events: none; z-index: 1;
  }
  .adv-trag .clanak_header > .clanak_figure:has(img) figcaption {
    grid-area: 2 / 4 / 7 / 5; align-self: start; width: 100%; margin: calc(var(--trg-overlap) + 16px) 0 0; padding: 0;
  }
  .adv-trag .clanak_header:has(> .clanak_figure img) > :is(.clanak_nav,.textPrednaslov,.clanak_title,.clanak_lead_paragraph,.clanak_byline,.clanak_date) {
    width: 100%; z-index: 2;
  }
  .adv-trag .clanak_header:has(> .clanak_figure img) > .clanak_nav { grid-area: 2 / 3; }
  .adv-trag .clanak_header:has(> .clanak_figure img) > .textPrednaslov { grid-area: 3 / 3; }
  .adv-trag .clanak_header:has(> .clanak_figure img) > .clanak_title { grid-area: 4 / 3; }
  .adv-trag .clanak_header:has(> .clanak_figure img) > .clanak_lead_paragraph { grid-area: 5 / 3; }
  .adv-trag .clanak_header:has(> .clanak_figure img) > .clanak_byline { grid-area: 6 / 3; }
  .adv-trag .clanak_header:has(> .clanak_figure img) > .clanak_date { grid-area: 2 / 2 / 7 / 3; align-self: start; margin-top: calc(var(--trg-overlap) + 16px); padding: 0; background: none; }
}
.adv-trag .clanak_layout {
  box-sizing: border-box; display: block; width: 100%; min-width: 0; margin: 0; padding: 32px 24px 0;
  border-top: 5px double var(--trg-line); background: var(--trg-paper);
}
.adv-trag .clanak_mainOuter {
  box-sizing: border-box; display: grid; grid-template-columns: 200px minmax(0,620px) 200px;
  gap: 32px; width: 100%; max-width: 1084px; min-width: 0; margin: 0 auto; align-items: start;
}
.adv-trag .leftSidebar_innerStupac {
  box-sizing: border-box; float: none; width: 100%; min-width: 0; max-width: 100%; margin: 0; padding: 0; border: 0;
  font-family: var(--trg-ui); color: var(--trg-muted);
}
.adv-trag .leftSidebar_innerStupac .icon-container {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 10px;
  margin: 0; padding: 0; width: 100%; max-width: 100%; font-family: var(--trg-ui);
}
.adv-trag .icon-container .iconcr { box-sizing: border-box; display: inline-flex; align-items: center; min-height: 40px; height: auto; max-width: 100%; margin: 0; }
.adv-trag .icon-container :is(.iconcr,.icon) span { font: 400 13px/1.4 var(--trg-ui); color: inherit; }
.adv-trag .icon-container .estreadtimeicon { flex-basis: 100%; padding: 0; background: none; border: 0; color: var(--trg-muted); min-height: 28px; }
.adv-trag .icon-container :is(.shareAdvanceArticleSocial,.save-article,.icon) {
  box-sizing: border-box; min-height: 40px; max-width: 100%; margin: 0; padding: 8px 12px; border: 1px solid var(--trg-ink);
  border-radius: 0; background: var(--trg-paper); color: var(--trg-ink); box-shadow: 2px 2px 0 white,3px 3px 0 var(--trg-ink);
}
.adv-trag .icon-container .thisArticleIsSaved { background: var(--trg-ink); color: white; }
.adv-trag .icon-container .thisArticleIsSaved i { color: inherit; }
.adv-trag .clanak_main { display: block; width: 100%; min-width: 0; }

.adv-trag #glavniTekst.clanak_content {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: var(--trg-measure);
  margin: 0 auto;
  font-family: var(--trg-text);
  font-size: 21px;
  line-height: 1.6;
  text-align: left;
  color: var(--trg-ink);
}
.adv-trag .clanak_content > p,
.adv-trag .clanak_content > ul,
.adv-trag .clanak_content > ol {
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 0 1.2em;
  font-family: var(--trg-text);
  font-size: 21px;
  line-height: 1.6;
  letter-spacing: 0;
  color: var(--trg-ink);
  text-align: left;
  overflow-wrap: break-word;
  hyphens: auto;
}
.adv-trag .clanak_content > ul,
.adv-trag .clanak_content > ol {
  width: 100%;
  padding-left: 1.3em;
}
.adv-trag .clanak_content > ul > li,
.adv-trag .clanak_content > ol > li {
  margin: 0 0 .45em;
}
.adv-trag .clanak_content > h2,
.adv-trag .clanak_content > h3 {
  max-width: 100%;
  margin: 1.7em 0 .65em;
  padding: 0;
  border: 0;
  font-family: var(--trg-text);
  font-weight: 400;
  line-height: 1.25;
  text-align: left;
  text-transform: none;
  letter-spacing: -.02em;
  color: var(--trg-ink);
  overflow-wrap: break-word;
  text-wrap: balance;
}
.adv-trag .clanak_content > h2 { font-size: 34px !important; }
.adv-trag .clanak_content > h3 { font-size: 27px !important; }
.adv-trag .clanak_content > p a,
.adv-trag .clanak_content > ul a,
.adv-trag .clanak_content > ol a,
.adv-trag .clanak_content > blockquote a,
.adv-trag .clanak_content > .posebanblok a {
  color: var(--trg-accent);
  background: none;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .16em;
}
.adv-trag .clanak_content > p strong,
.adv-trag .clanak_content > p b {
  font-weight: 700;
}
.adv-trag .clanak_content > blockquote,
.adv-trag .clanak_content > blockquote.pullquote,
.adv-trag .clanak_content > blockquote.pullquote.pullquote_right {
  box-sizing: border-box;
  float: none;
  clear: both;
  width: 100% !important;
  max-width: 100% !important;
  margin: 36px 0;
  padding: 6px 0 6px 25px;
  border: 0;
  border-left: 2px solid var(--trg-accent);
  border-radius: 0;
  background: none;
  font-family: var(--trg-text);
  font-size: 26px;
  font-weight: 400;
  font-style: italic;
  line-height: 1.48;
  color: var(--trg-ink);
}
.adv-trag .clanak_content > blockquote::before,
.adv-trag .clanak_content > blockquote::after {
  content: none;
  display: none;
}
.adv-trag .clanak_content > blockquote p {
  width: 100%;
  max-width: 100%;
  margin: 0 0 .65em;
  font: inherit;
  color: inherit;
}
.adv-trag .clanak_content > blockquote p:last-child { margin-bottom: 0; }
.adv-trag .clanak_content > blockquote cite {
  display: block;
  margin-top: 14px;
  font-family: var(--trg-ui);
  font-size: 13px;
  font-style: normal;
  line-height: 1.5;
  text-align: left;
  color: var(--trg-muted);
}
.adv-trag .clanak_content > blockquote.pullquote,
.adv-trag .clanak_content > blockquote.pullquote.pullquote_right {
  margin: 42px 0;
  padding: 26px 16px;
  border-top: 1px solid var(--trg-line);
  border-bottom: 1px solid var(--trg-line);
  border-left: 0;
  font-size: 31px;
  line-height: 1.42;
  text-align: center;
  text-wrap: pretty;
}
.adv-trag .clanak_content > .posebanblok {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100%;
  margin: 36px 0;
  padding: 28px 30px;
  border: 1px solid var(--trg-line);
  border-left: 3px solid var(--trg-accent);
  background: var(--trg-panel);
  font-family: var(--trg-ui);
  font-size: 18px;
  line-height: 1.65;
  color: var(--trg-ink);
}
.adv-trag .clanak_content > .posebanblok h2,
.adv-trag .clanak_content > .posebanblok h3 {
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  font-family: var(--trg-ui);
  font-size: 21px !important;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0;
  color: var(--trg-ink);
}
.adv-trag .clanak_content > .posebanblok p {
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 0 .8em;
  font: inherit;
  color: inherit;
}
.adv-trag .clanak_content > .posebanblok > :last-child { margin-bottom: 0; }

/* Media variants are kept inside the reading column, with native proportions. */
.adv-trag .clanak_content > figure,
.adv-trag .clanak_content > .txele_large,
.adv-trag .clanak_content > .txele_medium,
.adv-trag .clanak_content > .txele_max,
.adv-trag .clanak_content > .txele_stoposto,
.adv-trag .clanak_content > .txele_mini,
.adv-trag .clanak_content > .txele_mini100 {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100% !important;
  left: auto;
  right: auto;
  margin: 32px 0 !important;
  background: none;
  border: 0;
  border-radius: 0;
}
.adv-trag .clanak_content > figure img,
.adv-trag .clanak_content > figure video,
.adv-trag .clanak_content > figure iframe,
.adv-trag .clanak_content > figure .articlePlyrWrap {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.adv-trag .clanak_content > figure img,
.adv-trag .clanak_content > figure video {
  height: auto;
  object-fit: contain;
}
.adv-trag .clanak_content > figure figcaption,
.adv-trag .clanak_content > figure .image-meta {
  box-sizing: border-box;
  margin: 0;
  padding: 8px 0 0;
  border: 0;
  background: none;
  font-family: var(--trg-ui);
  font-size: 13px;
  line-height: 1.5;
  color: var(--trg-muted);
}
.adv-trag .clanak_content > figure .caption-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0 14px;
}
.adv-trag .clanak_content > figure .image-meta {
  width: auto;
  min-width: 0;
  max-width: 100%;
}
/* Legacy oversized figures may also occur inside editorial notes/quotes. */
.adv-trag .clanak_content > :is(.posebanblok, blockquote) figure {
  box-sizing: border-box;
  float: none;
  width: 100% !important;
  max-width: 100% !important;
  left: auto;
  right: auto;
  margin: 24px 0 !important;
}
.adv-trag .clanak_content > :is(.posebanblok, blockquote) figure :is(img, video, iframe, .articlePlyrWrap) {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.adv-trag .clanak_content > :is(.posebanblok, blockquote) figure :is(img, video) {
  height: auto;
}
.adv-trag .clanak_content > .tableMax,
.adv-trag .clanak_content > .table-wrap {
  box-sizing: border-box;
  width: 100% !important;
  min-width: 0;
  max-width: 100% !important;
  left: auto;
  right: auto;
  margin: 32px 0 !important;
  overflow-x: auto;
}
.adv-trag .clanak_content > .paradivider,
.adv-trag .clanak_content > hr {
  box-sizing: border-box;
  width: 68px !important;
  max-width: 100%;
  height: 0;
  margin: 38px auto;
  padding: 0;
  border: 0;
  border-top: 1px solid var(--trg-accent);
  background: none;
}
.adv-trag .clanak_main > #article_sources {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: var(--trg-measure);
  margin: 48px auto 0;
  padding: 22px 0 0;
  border: 0;
  border-top: 1px solid var(--trg-line);
  background: none;
  font-family: var(--trg-ui);
}
.adv-trag #article_sources h3 {
  margin: 0 0 16px;
  padding: 0;
  font-family: var(--trg-ui);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--trg-muted);
}
.adv-trag #article_sources ol {
  margin: 0;
  padding-left: 21px;
}
.adv-trag #article_sources li {
  margin: 0 0 16px;
  padding-left: 3px;
  font-family: var(--trg-ui);
  font-size: 15px;
  line-height: 1.6;
  overflow-wrap: anywhere;
  color: var(--trg-muted);
}
.adv-trag #article_sources li::marker { color: var(--trg-accent); }
.adv-trag #article_sources a { color: var(--trg-accent); background: none; }
.adv-trag #article_sources .source_detailsInPage {
  margin-top: 9px;
  padding: 12px 16px;
  border: 0;
  background: var(--trg-panel);
  font-family: var(--trg-text);
  font-size: 16px;
  line-height: 1.55;
  color: var(--trg-ink);
}
.adv-trag a:focus-visible,
.adv-trag [tabindex]:focus-visible,
.adv-trag button:focus-visible {
  outline: 2px solid var(--trg-accent);
  outline-offset: 3px;
}


.adv-trag .clanak_content > p:first-of-type::first-letter,
.adv-trag .clanak_content:not(.bezprvogvelikog) > p:first-of-type::first-letter {
  float: none; margin: 0; padding: 0; border: 0; font: inherit; color: inherit;
}
.adv-trag .clanak_content > :is(h2,h3) { font-family: var(--trg-ui); font-weight: 700; letter-spacing: -.015em; }
.adv-trag .clanak_content > h2 { font-size: 30px !important; }
.adv-trag .clanak_content > h3 { font-size: 25px !important; }
.adv-trag .clanak_content > :is(h2,h3):first-child { margin-top: 0; }
.adv-trag .clanak_content > blockquote.pullquote,
.adv-trag .clanak_content > blockquote.pullquote.pullquote_right { font-size: 28px; }
.adv-trag .clanak_main > :is(#generalPollContainer,#comments_section) { box-sizing: border-box; width: 100%; min-width: 0; max-width: var(--trg-measure); margin: 40px auto 0; }
.adv-trag #generalPollContainer:empty { margin: 0; padding: 0; border: 0; min-height: 0; }
.adv-trag #comments_section :is(.comment,.comment_body,.comment_body p) { min-width: 0; }
@media (max-width: 1100px) {
  .adv-trag .clanak_mainOuter { display: block; max-width: var(--trg-measure); }
  .adv-trag .leftSidebar_innerStupac { margin: 0 0 28px; }
  .adv-trag .icon-container .estreadtimeicon { flex-basis: auto; padding-right: 8px; }
  @supports (grid-template-rows: subgrid) {
    .adv-trag .clanak_header:has(> .clanak_figure img) {
      grid-template-columns: minmax(12px,1fr) minmax(0,var(--trg-card-width)) minmax(12px,1fr);
      column-gap: 0;
      grid-template-rows: calc(var(--trg-hero-height) - var(--trg-overlap)) auto auto auto auto auto auto auto 24px;
    }
    .adv-trag .clanak_header:has(> .clanak_figure img)::before { grid-area: 2 / 2 / 8 / 3; }
    .adv-trag .clanak_header > .clanak_figure:has(img) { grid-area: 1 / 1 / 10 / -1; }
    .adv-trag .clanak_header > .clanak_figure:has(img) figcaption { grid-area: 8 / 2; margin: 16px 0 0; padding: 12px 12px 0; border-top: 1px solid var(--trg-line); }
    .adv-trag .clanak_header:has(> .clanak_figure img) > .clanak_nav { grid-area: 2 / 2; }
    .adv-trag .clanak_header:has(> .clanak_figure img) > .textPrednaslov { grid-area: 3 / 2; }
    .adv-trag .clanak_header:has(> .clanak_figure img) > .clanak_title { grid-area: 4 / 2; }
    .adv-trag .clanak_header:has(> .clanak_figure img) > .clanak_lead_paragraph { grid-area: 5 / 2; }
    .adv-trag .clanak_header:has(> .clanak_figure img) > .clanak_byline { grid-area: 6 / 2; padding-bottom: 6px; }
    .adv-trag .clanak_header:has(> .clanak_figure img) > .clanak_date { grid-area: 7 / 2; margin: 0; padding: 0 12px; background: var(--trg-paper); }
  }
}
@media (max-width: 760px) {
  .adv-trag { --trg-hero-height: clamp(320px,80vw,480px); --trg-overlap: 36px; }
  .adv-trag > .clanak_wrapper { padding-bottom: 48px; }
  .adv-trag .clanak_header > .clanak_title { font-size: clamp(30px,5.5vw,38px); padding-bottom: 16px; }
  .adv-trag .clanak_header > .clanak_lead_paragraph { font-size: 18px; }
  .adv-trag #glavniTekst.clanak_content,
  .adv-trag .clanak_content > :is(p,ul,ol) { font-size: 19px; line-height: 1.6; }
  .adv-trag .clanak_content > h2 { font-size: 27px !important; }
  .adv-trag .clanak_content > h3 { font-size: 23px !important; }
  .adv-trag .clanak_content > blockquote { font-size: 23px; padding-left: 18px; }
  .adv-trag .clanak_content > blockquote.pullquote,
  .adv-trag .clanak_content > blockquote.pullquote.pullquote_right { font-size: 26px; padding: 23px 4px; margin: 32px 0; }
  .adv-trag .clanak_content > .posebanblok { padding: 22px; font-size: 17px; }
}
@media print {
  .adv-trag { --trg-ink: black; --trg-paper: white; --trg-measure: 100%; }
  .adv-trag > .clanak_wrapper { padding: 0; }
  .adv-trag .clanak_header,
  .adv-trag .clanak_header:has(> .clanak_figure img) { display: flex; padding: 0 0 24px; }
  .adv-trag .clanak_header::before { content: none !important; }
  .adv-trag .clanak_header > .clanak_title { font-size: 28pt; }
  .adv-trag .clanak_header > .clanak_figure,
  .adv-trag .clanak_header > .clanak_figure:has(img) { display: block; max-width: 160mm; }
  .adv-trag .clanak_header > .clanak_figure:has(img) > :is(img,.picoverimg),
  .adv-trag .clanak_header > .clanak_figure:has(img) > .picoverimg img { position: static; height: auto; contain: none; }
  .adv-trag .clanak_header > .clanak_figure:has(img)::after { content: none; }
  .adv-trag .clanak_header > .clanak_figure:has(img) figcaption { width: 100%; margin: 8px 0 16px; }
  .adv-trag .clanak_header:has(> .clanak_figure img) > .clanak_date { margin: 0; padding: 0 12px; }
  .adv-trag .clanak_layout { padding: 24px 0 0; }
  .adv-trag .clanak_mainOuter { display: block; max-width: none; }
  .adv-trag .leftSidebar_innerStupac { display: none; }
  .adv-trag .clanak_content > :is(h2,h3) { break-after: avoid; }
}

/* Top navigation: active only on an article bearing .adv-trag.
   Native classes/attributes own sticky, hide, drawer and account behavior. */
body:has(.articleOuterContainer.adv-trag) { --trg-nav-h: 64px; }
body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija {
  --nav-h: var(--trg-nav-h); --drawer-w: min(420px,calc(100vw - 20px));
  height: var(--trg-nav-h); min-height: var(--trg-nav-h);
  padding: 0 max(24px,calc((100% - 1100px)/2));
  color: #fff; background: #242536 !important; background-image: none !important;
  border-bottom: 1px solid rgb(255 255 255 / .25);
  box-shadow: none !important; font: 400 15px/1.35 "Advance Trag UI",Arial,sans-serif;
  /* Keep position, top, transform and z-index from nav.css. */
}
body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .glavneSekcijeCentar { display: none; }
body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija > .top-left { min-width: 0; }
body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .top-left > header { margin: 0; }
body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .navLogo {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
  display: flex; align-items: center; width: 148px; height: 44px; margin: 0; padding: 0; overflow: visible; transition: none;
}
body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .navLogo img { display: block; width: 100%; height: auto; max-height: 36px; filter: brightness(0) invert(1); }
body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija > .top-right {
  display: flex; align-items: center; justify-content: flex-end; gap: 16px; min-width: 0; max-width: calc(50% - 94px); letter-spacing: 0;
}
body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .top-right > :is(a,button) { color: #fff; font-family: inherit; }
body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .login { order: -1; min-height: 44px; padding: 0 4px; margin: 0; font-size: 14px; }
body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .pretplataStart {
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-height: 38px;
  padding: 7px 12px; border: 1px solid #242536; border-radius: 0; background: #fff; color: #242536;
  box-shadow: 2px 2px 0 white,3px 3px 0 #242536; font: 700 14px/1.25 "Advance Trag UI",Arial,sans-serif; letter-spacing: 0;
}
body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .pretplataStart:hover { color: #b72f61; background: #fff8fb; }
body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .pretplataStart > span { display: inline; }
body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .pretplataStart::after { content: none; }
body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .userProfileUpperLink { min-width: 0; overflow-wrap: anywhere; }
body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .userProfileUpperLink > span:first-child { display: inline-block; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }
body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .userProfileUpperLink .userBadge { display: inline-flex; vertical-align: middle; }
body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .userProfileUpperLink .userBadge > span { display: inline; }
body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .hamburger {
  box-sizing: border-box; width: 44px; height: 44px; margin: 0; padding: 9px 10px; opacity: 1;
}
body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .hamburger > span:not(.searchIconHamMenu) {
  flex: 0 0 2px; width: 22px; height: 2px; margin: 3px 0; background: #fff; transform: none;
}
body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .hamburger .searchIconHamMenu { display: none; }
body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .hamburger[aria-expanded="true"] > span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .hamburger[aria-expanded="true"] > span:nth-child(2) { opacity: 0; }
body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .hamburger[aria-expanded="true"] > span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija[data-langcheck="hr"] .hamburger::after {
  content: "Izbornik"; position: absolute; left: 50px; top: 50%; transform: translateY(-50%); color: #fff; font: 400 14px/1 "Advance Trag UI",Arial,sans-serif;
}
body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija :is(a,button,[tabindex]):focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
/* Solid backing is also the safe fallback when no photograph is rendered.
   A breaking-news banner retains its normal space above the article. */
@supports (grid-template-rows: subgrid) {
  body:has(.articleOuterContainer.adv-trag .clanak_header > .clanak_figure img):not(:has(#top_alarm_container)) .articleOuterContainer.adv-trag {
    margin-top: calc(-1 * var(--trg-nav-h));
  }
  body:has(.articleOuterContainer.adv-trag .clanak_header > .clanak_figure img):not(:has(#top_alarm_container)) .najvisaNavigacija:not(.is-sticky):not(:has(.hamburger[aria-expanded="true"],.util-popover.is-open)) {
    background: rgb(16 22 28 / .18) !important;
  }
}
body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija:is(:focus-within,:has(.hamburger[aria-expanded="true"],.util-popover.is-open)) { transform: translateY(0); }
body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija #main-nav.hamburger-menu {
  background: #fff; color: #242536; border-right: 1px solid #dedde1; overflow-y: auto;
  /* Native hidden/show/is-open and --menu-top remain authoritative. */
}
body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija #main-nav a { color: #242536; padding: 8px 24px; font: 400 18px/1.35 "Advance Trag UI",Arial,sans-serif; }
body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija #main-nav a:hover { color: #b72f61; }
body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija #main-nav .trazilicaHam { margin: 0 !important; padding: 8px 24px 16px; background: #fff; border-bottom: 1px solid #dedde1; }
body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija #main-nav .trazilicaHam button { display: block; min-height: 36px; color: #242536; }
body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .util-popover :is(a,button) { color: #242536; }
@media (max-width: 760px) {
  body:has(.articleOuterContainer.adv-trag) { --trg-nav-h: 56px; }
  body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija { padding: 0 12px; }
  body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .navLogo { width: 110px; }
  body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija > .top-right { max-width: calc(50% - 68px); gap: 8px; }
  body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .hamburger::after { display: none; }
  body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .pretplataStart { min-height: 34px; padding: 6px 8px; font-size: 12px; }
  body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .login { font-size: 12px; }
  body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .login > span { display: inline; }
  body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .login span span { display: none; }
  body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .login::after { content: none; }
  body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .admb { font-size: 12px; }
  body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .userProfileUpperLink > span:first-child { max-width: 70px; font-size: 12px; }
  body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .userProfileUpperLink::after { content: none; }
}
@media (max-width: 440px) {
  body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija > .top-right { gap: 6px; max-width: 136px; }
  body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .navLogo { left: 43%; width: 96px; }
  body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .pretplataStart { padding: 6px; }
  body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .userProfileUpperLink { white-space: nowrap; }
  body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .userProfileUpperLink > span:first-child {
    position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;
  }
  body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .userProfileUpperLink::before {
    content: ""; display: inline-block; width: 24px; height: 24px; vertical-align: middle; background: currentColor;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M4 22v-3a8 8 0 0 1 16 0v3z'/%3E%3C/svg%3E") center / contain no-repeat;
  }
  body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .userProfileUpperLink :is(.brojnovihnotifikacija,.brojnovihticketa) { padding: 1px 5px; margin-left: 2px; font-size: 11px; }
  body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .userProfileUpperLink .userBadgeTicket { margin-left: 2px; }
  body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija .userProfileUpperLink :is(.iconNtfBell,.iconNtfTicket) { margin-left: 2px; font-size: 12px; }
  body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija[data-loginstatus="0"]:has(.admb) .navLogo { left: 36%; width: 80px; }
}
@media print {
  body:has(.articleOuterContainer.adv-trag) .najvisaNavigacija { display: none; }
  body:has(.articleOuterContainer.adv-trag) .articleOuterContainer.adv-trag { margin-top: 0 !important; }
}