/* News Archive & Single */

/* Archive filter */
.news-filter {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-bottom: var(--sp-lg);
}

.news-filter__btn {
  padding: .4em 1.2em;
  font-size: .82rem;
  font-weight: 600;
  border: 1px solid var(--color-border);
  border-radius: 2em;
  color: var(--color-text-sub);
  background: var(--color-bg);
  transition: background var(--transition), color var(--transition), border-color var(--transition);
}

.news-filter__btn:hover,
.news-filter__btn.is-active {
  background: var(--color-primary);
  color: #fff;
  border-color: var(--color-primary);
}

/* Single article */
.single-article__header { margin-bottom: var(--sp-md); }

.single-article__meta {
  display: flex;
  align-items: center;
  gap: .75rem;
  margin-bottom: 1rem;
}

.single-article__date {
  font-family: var(--font-en);
  font-size: .85rem;
  color: var(--color-text-sub);
}

.single-article__title {
  font-size: clamp(1.35rem, 3vw, 1.85rem);
  line-height: 1.4;
}

.single-article__thumb {
  margin-block: var(--sp-md);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.single-article__body { margin-top: var(--sp-md); }

/* Post navigation */
.post-nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--color-border-light);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius);
  overflow: hidden;
  margin-top: var(--sp-lg);
}

.post-nav__prev, .post-nav__next {
  padding: 1rem 1.25rem;
  background: var(--color-bg-light);
  font-size: .85rem;
}

.post-nav__next { text-align: right; }

.post-nav__label {
  display: block;
  font-size: .75rem;
  color: var(--color-text-sub);
  margin-bottom: .3em;
}

.post-nav a:hover { color: var(--color-primary); }

.post-back { margin-top: var(--sp-md); }

.no-posts { text-align: center; padding: var(--sp-xl); color: var(--color-text-sub); }

@media (max-width: 600px) {
  .post-nav { grid-template-columns: 1fr; }
}