/* ADVANCE / NOKTURNO — tamni fotoesej, v1.0.0
 * Instalacija: install-nokturno.sql. Članak: .adv-nokturno.
 * Fotografija u izvornom omjeru; audio koristi postojeću kontrolu. */
@font-face {
  font-family: "Advance Nokturno 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 Nokturno 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 Nokturno 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 Nokturno 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 Nokturno 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 Nokturno 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-nokturno {
  --nok-paper: #191919;
  --nok-ink: #e2dfd8;
  --nok-title: #f4f1eb;
  --nok-muted: #aaa9a3;
  --nok-accent: #c69b57;
  --nok-line: #3d3d39;
  --nok-panel: #272727;
  --nok-measure: 620px;
  --nok-header-width: 780px;
  --nok-title-width: 760px;
  --nok-title-size: clamp(38px, 3.7vw, 56px);
  --nok-image-radius: 0px;
  --nok-text: "Advance Nokturno Text", "Source Serif Pro", Georgia, serif;
  --nok-display: var(--nok-text);
  --nok-ui: "Advance Nokturno UI", "Source Sans 3", Arial, sans-serif;
  width: 100%; min-width: 0;
  color: var(--nok-ink); background: var(--nok-paper); color-scheme: dark;
}
/* Keep the native position/overflow of prose and paywall ancestors. */
.adv-nokturno > .clanak_wrapper {
  box-sizing: border-box; width: 100%; max-width: none;
  margin: 0; padding: 84px 0 88px; transition: none;
  color: var(--nok-ink); background: var(--nok-paper);
}
.adv-nokturno .clanak_header {
  box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center;
  width: calc(100% - 48px); max-width: var(--nok-header-width); margin: 0 auto; padding: 0; border: 0;
  color: var(--nok-ink); background: var(--nok-paper); text-align: center;
}
.adv-nokturno .clanak_header > * { box-sizing: border-box; min-width: 0; max-width: 100%; flex: 0 0 100%; }
.adv-nokturno .clanak_header > .textPrednaslov {
  width: 100%; margin: 0 0 18px; padding: 0; border: 0; background: none;
  font: 700 16px/1.4 var(--nok-ui); letter-spacing: .015em; text-transform: none; text-align: center;
  color: var(--nok-accent); overflow-wrap: anywhere;
}

.clanak_content p, .wrapperForSideSection {
    color: inherit;
}
.clanak_content blockquote.pullquote {
    color: #fbf4a5;
}
.article_end_actions {
}
#comments_section{
    background-color: #edeeea;
    padding: 45px;
    border-radius: 10px;
    margin-top: -4px;
}

.adv-nokturno .clanak_header > .clanak_title {
  width: 100%; max-width: 100% !important; margin: 0;
  padding: 0 max(0px,calc((100% - var(--nok-title-width))/2));
  font-family: var(--nok-display); font-size: var(--nok-title-size); font-weight: 700; font-style: normal;
  line-height: 1.08; letter-spacing: -.025em; word-spacing: normal; text-transform: none; text-align: center;
  color: var(--nok-title); text-wrap: balance; hyphens: none; overflow-wrap: anywhere;
}
.adv-nokturno .clanak_title > :is(.h1_uvod,.h1_uvod_bezh,.oswald,b,strong) {
  display: inline; font: inherit; color: inherit; letter-spacing: inherit; text-transform: none; margin: 0; padding: 0; background: none;
}
.adv-nokturno .clanak_header > .clanak_lead_paragraph {
  display: block; width: 100%; max-width: 100%; margin: 16px 0 0; padding: 0; border: 0; background: none;
  font: 400 25px/1.24 var(--nok-text); letter-spacing: 0; text-transform: none; text-align: center;
  color: var(--nok-ink); text-wrap: pretty; overflow-wrap: anywhere;
}
.adv-nokturno .clanak_header > :is(.clanak_byline,.clanak_date) {
  flex: 0 1 auto; width: auto; max-width: 100%; margin: 26px 0 0; padding: 0; border: 0; background: none;
  font: 400 13px/1.5 var(--nok-ui); letter-spacing: 0; text-transform: none; text-align: center; color: var(--nok-muted); overflow-wrap: anywhere;
}
.adv-nokturno .clanak_byline :is(a,span), .adv-nokturno .clanak_date :is(time,span) { font: inherit; color: inherit; }
.adv-nokturno .clanak_byline a { color: var(--nok-ink); border: 0; background: none; text-decoration: underline; text-underline-offset: .15em; text-decoration-thickness: 1px; }
.adv-nokturno .clanak_byline a:hover { color: var(--nok-title); }
.adv-nokturno .clanak_header > :is(.clanak_byline,.clanak_date) > i { display: none; }
.adv-nokturno .clanak_header:has(> .clanak_byline) > .clanak_date::before { content: "·"; padding: 0 8px; }
.adv-nokturno .clanak_header > .icon-container {
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px;
  width: 100%; max-width: var(--nok-measure); margin: 24px 0 0; padding: 0;
  font-family: var(--nok-ui); color: var(--nok-muted);
}
.adv-nokturno .icon-container > .iconcr {
  box-sizing: border-box; order: 0; display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  min-width: 36px; min-height: 36px; height: auto; max-width: 100%; margin: 0; padding: 7px 9px;
  border: 0; border-radius: 3px; color: var(--nok-ink); background: none;
}
.adv-nokturno .icon-container :is(.iconcr,.icon) :is(i,span) { color: inherit; }
.adv-nokturno .icon-container :is(.iconcr,.icon) span { font: 400 13px/1.4 var(--nok-ui); }
.adv-nokturno .icon-container > .iconcr:hover { background: var(--nok-panel); color: var(--nok-title); }
.adv-nokturno .icon-container > .ukupanBrojKomentara { color: #97c4a3; }
.adv-nokturno .icon-container > .estreadtimeicon { order: 1; flex: 0 0 100%; margin-top: 2px; padding: 0; background: none; color: var(--nok-muted); }
.adv-nokturno .icon-container > .thisArticleIsSaved,
.adv-nokturno .icon-container > .thisArticleIsSaved:hover { background: var(--nok-accent); color: #191919; }
.adv-nokturno .icon-container > .thisArticleIsSaved :is(i,span) { color: inherit; }
/* The existing audio opener becomes a full-width listening card.
   Its title and duration come from the native renderer; no player is created. */
.adv-nokturno .icon-container > .icon {
  box-sizing: border-box; order: 2; flex: 0 0 100%; display: grid;
  grid-template-columns: 40px minmax(0,1fr); grid-template-rows: auto auto; column-gap: 14px; align-items: center;
  width: 100%; max-width: 100%; min-height: 82px; height: auto; margin: 22px 0 0; padding: 18px;
  border: 1px solid transparent; border-radius: 3px; background: var(--nok-panel); color: var(--nok-ink); text-align: left;
}
.adv-nokturno .icon-container > .icon::before {
  content: "▶"; grid-area: 1 / 1 / 3 / 2; display: grid; place-items: center; box-sizing: border-box;
  width: 38px; height: 38px; padding-left: 3px; border: 2px solid currentColor; border-radius: 50%; font: 15px/1 Arial,sans-serif;
}
.adv-nokturno .icon-container > .icon::after {
  content: attr(title); grid-area: 1 / 2; align-self: end; font: 400 15px/1.4 var(--nok-ui); color: var(--nok-ink);
}
.adv-nokturno .icon-container > .icon > span { grid-area: 2 / 2; align-self: start; color: var(--nok-muted); overflow-wrap: anywhere; }
.adv-nokturno .icon-container > .icon:hover { border-color: var(--nok-accent); background: #2e2e2b; }
.adv-nokturno .clanak_header > .clanak_figure {
  display: block; float: none; width: 100%; max-width: var(--nok-measure); height: auto;
  margin: 42px 0 0; padding: 0; border: 0; background: none;
}
.adv-nokturno .clanak_header > .clanak_figure .clanak_figureBefore { display: none; }
.adv-nokturno .clanak_header > .clanak_figure .picoverimg { display: block; width: 100%; height: auto; border-radius: var(--nok-image-radius); overflow: hidden; }
.adv-nokturno .clanak_header > .clanak_figure :is(img,video) {
  display: block; box-sizing: border-box; width: 100%; max-width: 100%; height: auto; max-height: none;
  margin: 0; border-radius: var(--nok-image-radius); object-fit: contain;
  /* Native image colours, proportions and loading opacity are retained. */
}
.adv-nokturno .clanak_header > .clanak_figure :is(iframe,.articlePlyrWrap) { width: 100%; max-width: 100%; }
.adv-nokturno .clanak_header > .clanak_figure figcaption {
  box-sizing: border-box; width: 100%; max-width: 100%; margin: 9px 0 0; padding: 0; border: 0; background: none;
  font: 400 12px/1.4 var(--nok-ui); letter-spacing: 0; text-align: left; text-transform: none;
  color: var(--nok-muted) !important; overflow-wrap: anywhere;
}
.adv-nokturno .clanak_header > .clanak_figure figcaption :is(a,span) { font: inherit; color: inherit; }
.adv-nokturno .clanak_header > .clanak_figure figcaption > i { display: none; }
.adv-nokturno .clanak_layout {
  box-sizing: border-box; display: block; width: 100%; min-width: 0; margin: 0; padding: 28px 24px 0; background: var(--nok-paper);
}
.adv-nokturno .clanak_main { display: block; width: 100%; min-width: 0; }

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

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


/* No automatic initial; this also handles copied article configurations. */
.adv-nokturno .clanak_content > :is(p, ul, ol) { hyphens: none; }
.adv-nokturno .clanak_content > p:first-of-type::first-letter,
.adv-nokturno .clanak_content:not(.bezprvogvelikog) > p:first-of-type::first-letter {
  float: none;
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  color: inherit;
}
.adv-nokturno .clanak_content > :is(h2, h3) { font-weight: 700; color: var(--nok-title); }
.adv-nokturno .clanak_content > h2 { font-size: 28px !important; letter-spacing: -.025em; }
.adv-nokturno .clanak_content > h3 { font-size: 23px !important; letter-spacing: -.015em; }
.adv-nokturno .clanak_content > :is(h2, h3):first-child { margin-top: 0; }
.adv-nokturno .clanak_content > blockquote,
.adv-nokturno .clanak_content > blockquote.pullquote,
.adv-nokturno .clanak_content > blockquote.pullquote.pullquote_right { font-style: italic; font-size: 25px; }
.adv-nokturno .clanak_content > :is(blockquote, .posebanblok) { border-radius: 0; }
.adv-nokturno .clanak_content > blockquote.pullquote { font-size: 27px; line-height: 1.35; letter-spacing: -.02em; }
.adv-nokturno .clanak_content :is(.table-wrap, .tableMax) { background: var(--nok-panel); }
.adv-nokturno .clanak_content :is(table, .tableRegular) { width: 100%; border-collapse: collapse; background: var(--nok-panel); color: var(--nok-ink); font-family: var(--nok-ui); font-size: 16px; }
.adv-nokturno .clanak_content :is(table, .tableRegular) :is(th, td) { padding: 12px 14px; border: 1px solid var(--nok-line); background: var(--nok-panel); color: var(--nok-ink); }
.adv-nokturno .clanak_content :is(table, .tableRegular) th { font-weight: 700; color: var(--nok-title); }
.adv-nokturno #article_sources li strong { color: var(--nok-title); font-family: var(--nok-ui); }
.adv-nokturno #article_sources li :is(em, .citation_page, .brstrbook) { color: var(--nok-muted); }
.adv-nokturno .clanak_content .anketa_u_tekstu { color: #173b5a; }
.adv-nokturno .clanak_content .thisPViewing { background: #e7d996; color: #141619; }
/* Native subscription geometry and pointer handling stay in the base CSS.
   Only the fade/paper colours and their plain-text labels change here. */
.adv-nokturno .paywall_message { background-color: var(--nok-paper); color: #25262b; color-scheme: light; }
.adv-nokturno .coverAndOgrada { background: linear-gradient(0deg, var(--nok-paper) 0%, var(--nok-paper) 30%, transparent 100%); }
.adv-nokturno .coverAndOgrada::before {
  background-image: linear-gradient(-45deg, var(--nok-paper) 16px, transparent 0), linear-gradient(45deg, var(--nok-paper) 16px, transparent 0);
}
.adv-nokturno .whiteExtendToBottom { background-color: var(--nok-paper); }
.adv-nokturno :is(.zaNastavak_morateBitiPretplatnik, .izaberiteJednuOdOpcija, .pretfoffnotice) { font-family: var(--nok-ui); color: var(--nok-ink); border-color: var(--nok-line); }
.adv-nokturno .pretplataPanelPlaceHolderForText { color: #25262b; color-scheme: light; }
/* Keep existing interactive cards on a light surface, including their status
   colours, voting states, replies and form fields. */
.adv-nokturno :is(#comments_section, #generalPollContainer) {
  box-sizing: border-box;
  width: 100%;
  max-width: 770px;
  margin: 48px auto 0;
  padding: 24px;
  border: 1px solid #d7d9de;
  border-radius: 6px;
  background: #f8f9fa;
  color: #25262b;
  color-scheme: light;
}
.adv-nokturno #generalPollContainer { max-width: var(--nok-measure); }
.adv-nokturno #generalPollContainer:empty { margin: 0; padding: 0; min-height: 0; border: 0; }
.adv-nokturno #comments_section :is(h3, h4) { font-family: var(--nok-ui); }
.adv-nokturno #comments_section :is(.comment, .comment_body, .comment_body p) { min-width: 0; }
.adv-nokturno a:focus-visible,
.adv-nokturno [tabindex]:focus-visible,
.adv-nokturno button:focus-visible { outline-color: var(--nok-accent); }
.adv-nokturno :is(#comments_section, #generalPollContainer, .paywall_message) :is(a, button, input, select, textarea):focus-visible { outline: 2px solid #4843c4; outline-offset: 3px; }

@media (max-width: 760px) {
  .adv-nokturno { --nok-title-size: clamp(36px,6.5vw,48px); }
  .adv-nokturno > .clanak_wrapper { padding: 46px 0 56px; }
  .adv-nokturno .clanak_header > .textPrednaslov { font-size: 15px; margin-bottom: 14px; }
  .adv-nokturno .clanak_header > .clanak_lead_paragraph { font-size: 22px; line-height: 1.3; margin-top: 14px; }
  .adv-nokturno .clanak_header > .clanak_figure { margin-top: 30px; }
  .adv-nokturno .clanak_header > .icon-container { margin-top: 20px; }
  .adv-nokturno .icon-container > .icon { margin-top: 14px; padding: 15px; }
  .adv-nokturno .clanak_layout { padding-top: 24px; }
  .adv-nokturno #glavniTekst.clanak_content,
  .adv-nokturno .clanak_content > :is(p,ul,ol) { font-size: 20px; line-height: 1.58; }
  .adv-nokturno .clanak_content > h2 { font-size: 27px !important; }
  .adv-nokturno .clanak_content > h3 { font-size: 23px !important; }
  .adv-nokturno .clanak_content > blockquote { font-size: 23px; padding-left: 18px; }
  .adv-nokturno .clanak_content > blockquote.pullquote,
  .adv-nokturno .clanak_content > blockquote.pullquote.pullquote_right { padding: 24px 0; font-size: 26px; }
  .adv-nokturno .clanak_content > .posebanblok { padding: 22px; font-size: 17px; }
  .adv-nokturno :is(#comments_section,#generalPollContainer) { padding: 16px; }
}
@media (max-width: 600px) {
  .adv-nokturno .clanak_header > :is(.clanak_byline,.clanak_date) { flex-basis: 100%; width: 100%; }
  .adv-nokturno .clanak_header:has(> .clanak_byline) > .clanak_date { margin-top: 4px; }
  .adv-nokturno .clanak_header:has(> .clanak_byline) > .clanak_date::before { content: none; }
}
/* Match the existing top bar by colour only; native layout and states remain. */
body:has(.articleOuterContainer.adv-nokturno) .najvisaNavigacija { background: #191919 !important; color: #e2dfd8; border-bottom: 1px solid #30302d; }
body:has(.articleOuterContainer.adv-nokturno) .najvisaNavigacija .navLogo img {}
body:has(.articleOuterContainer.adv-nokturno) .najvisaNavigacija .hamburger > span:not(.searchIconHamMenu) { background-color: #e2dfd8; }
body:has(.articleOuterContainer.adv-nokturno) .najvisaNavigacija .hamburger .searchIconHamMenu { background: #191919 !important; }
body:has(.articleOuterContainer.adv-nokturno) .najvisaNavigacija .top-right > :is(a,button) { color: #e2dfd8; }
body:has(.articleOuterContainer.adv-nokturno) .najvisaNavigacija .glavneSekcijeCentar a:not(.glavneSekcijeCentarSelected) { color: #d2d0ca; }
body:has(.articleOuterContainer.adv-nokturno) .najvisaNavigacija .glavneSekcijeCentar a:not(.glavneSekcijeCentarSelected):hover { color: #fff; background: #30302d; }
@media print {
  .adv-nokturno { --nok-paper: white; --nok-ink: black; --nok-title: black; --nok-muted: #333; --nok-accent: #222; --nok-panel: #f5f5f5; --nok-line: #aaa; --nok-measure: 100%; color-scheme: light; }
  .adv-nokturno > .clanak_wrapper { padding: 0; }
  .adv-nokturno .clanak_header { width: 100%; max-width: none; }
  .adv-nokturno .clanak_header > .clanak_title { font-size: 28pt; }
  .adv-nokturno .clanak_header > .clanak_figure { flex-basis: auto; max-width: 150mm; margin: 20px 0 0; }
  .adv-nokturno .clanak_header > .clanak_figure .picoverimg { background: none !important; }
  .adv-nokturno .clanak_header > .icon-container { display: none; }
  .adv-nokturno .clanak_layout { padding: 24px 0 0; }
  .adv-nokturno .clanak_content > :is(h2,h3) { break-after: avoid; }
}