/**
 * Blog / category / tag critical CSS — mobile-first, design-parity.
 * Blocking on is_home + is_category + is_tag.
 *
 * CLS: before Swiper boots, .news-hightlight-slider can stack all slides.
 * LCP: reserve card image aspect (370×278) matching common.css.
 */

/* --- Highlight slider: pre-Swiper lock --- */
.page-news .news-hightlight-slider {
  overflow: hidden;
}

.page-news .news-hightlight-slider .swiper:not(.swiper-initialized) {
  overflow: hidden;
}

.page-news .news-hightlight-slider .swiper:not(.swiper-initialized) .swiper-wrapper {
  display: flex;
  gap: 2.4rem;
}

.page-news .news-hightlight-slider .swiper:not(.swiper-initialized) .swiper-slide {
  width: 100%;
  flex-shrink: 0;
  box-sizing: border-box;
}

.page-news .news-hightlight-slider .swiper:not(.swiper-initialized) .swiper-slide:nth-child(n + 2) {
  display: none;
}

@media screen and (min-width: 500px) {
  .page-news .news-hightlight-slider .swiper:not(.swiper-initialized) .swiper-slide {
    width: calc(50% - 1.2rem);
  }

  .page-news .news-hightlight-slider .swiper:not(.swiper-initialized) .swiper-slide:nth-child(n + 2) {
    display: block;
  }

  .page-news .news-hightlight-slider .swiper:not(.swiper-initialized) .swiper-slide:nth-child(n + 3) {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .page-news .news-hightlight-slider .swiper:not(.swiper-initialized) .swiper-slide {
    width: calc(33.333% - 1.6rem);
  }

  .page-news .news-hightlight-slider .swiper:not(.swiper-initialized) .swiper-slide:nth-child(n + 3) {
    display: block;
  }

  .page-news .news-hightlight-slider .swiper:not(.swiper-initialized) .swiper-slide:nth-child(n + 4) {
    display: none;
  }
}

/* --- Card image aspect lock (matches common .news-img-inner) --- */
.page-news .news-img-inner {
  display: block;
  padding-top: calc((278 / 370) * 100%);
  position: relative;
  overflow: hidden;
}

.page-news .news-img-inner img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Avoid common.css translate(-50%,-50%) competing with LCP paint */
  top: 0;
  left: 0;
  transform: none;
}

/* Mini column thumbs on blog home */
.page-news .news-mini-img .inner {
  display: block;
  overflow: hidden;
}

.page-news .news-mini-img .inner img {
  display: block;
  width: 100%;
  height: auto;
}

/* --- Single post: related slider pre-Swiper lock --- */
.page-news-detail .news-slider {
  overflow: hidden;
}

.page-news-detail .news-slider .swiper:not(.swiper-initialized) {
  overflow: hidden;
}

.page-news-detail .news-slider .swiper:not(.swiper-initialized) .swiper-wrapper {
  display: flex;
  gap: 2.4rem;
}

.page-news-detail .news-slider .swiper:not(.swiper-initialized) .swiper-slide {
  width: 100%;
  flex-shrink: 0;
  box-sizing: border-box;
}

.page-news-detail .news-slider .swiper:not(.swiper-initialized) .swiper-slide:nth-child(n + 2) {
  display: none;
}

@media screen and (min-width: 500px) {
  .page-news-detail .news-slider .swiper:not(.swiper-initialized) .swiper-slide {
    width: calc(50% - 1.2rem);
  }

  .page-news-detail .news-slider .swiper:not(.swiper-initialized) .swiper-slide:nth-child(n + 2) {
    display: block;
  }

  .page-news-detail .news-slider .swiper:not(.swiper-initialized) .swiper-slide:nth-child(n + 3) {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .page-news-detail .news-slider .swiper:not(.swiper-initialized) .swiper-slide {
    width: calc(33.333% - 1.6rem);
  }

  .page-news-detail .news-slider .swiper:not(.swiper-initialized) .swiper-slide:nth-child(n + 3) {
    display: block;
  }

  .page-news-detail .news-slider .swiper:not(.swiper-initialized) .swiper-slide:nth-child(n + 4) {
    display: none;
  }
}

/* Content images: stable layout */
.page-news-detail .mona-content img {
  max-width: 100%;
  height: auto;
}