/* Final editorial polish for the news knowledge hub. */

/* Let the page own vertical scrolling. The desktop TOC stays sticky, but it no longer
   behaves like a second scrollable panel inside the article. */
@media (min-width: 801px) {
  .knowledge-article .knowledge-toc {
    max-height: none;
    overflow: visible;
    scrollbar-width: auto;
  }
}

/* Keep editorial card titles readable. Croatian titles should wrap only between words,
   never with automatic browser hyphenation such as "Hrvat-skoj". */
.news-card h3,
.news-card h3 a {
  -webkit-hyphens: none;
  hyphens: none;
  word-break: normal;
  overflow-wrap: normal;
}

/* Season 2026 cover: use only the clean upper illustration area. The source artwork
   contains an unwanted dark strip in the lower part, so both the listing card and the
   article hero are intentionally framed tighter from the top. */
.news-card[data-news-id="blog-turisticka-sezona-2026-hrvatska"] .news-card__image {
  overflow: hidden;
  background: #eaf7f7;
}
.news-card[data-news-id="blog-turisticka-sezona-2026-hrvatska"] .news-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 0;
  transform: scale(2.12);
  transform-origin: 50% 0;
  filter: brightness(1.06) saturate(.92);
}

.knowledge-article[data-page-key="blog-turisticka-sezona-2026-hrvatska"] .article-masthead > img {
  width: min(calc(100% - 32px), 1040px);
  height: clamp(185px, 15vw, 215px);
  margin-inline: auto;
  object-fit: cover;
  object-position: 50% 0;
  border-radius: 22px;
  filter: brightness(1.06) saturate(.92);
}

@media (max-width: 800px) {
  .news-card[data-news-id="blog-turisticka-sezona-2026-hrvatska"] .news-card__image img {
    transform: scale(1.95);
  }
  .knowledge-article[data-page-key="blog-turisticka-sezona-2026-hrvatska"] .article-masthead > img {
    width: calc(100% - 32px);
    height: clamp(145px, 34vw, 180px);
    border-radius: 16px;
  }
}