/* ============================================================
   NEWNEEK 클론 — GeneratePress/GenerateBlocks 대응 셈(shim)
   클론 CSS(01~05) 뒤에서만 로드됨. 클론 원본은 수정하지 않는다.
   ============================================================ */

/* 1. 시리즈 칩 — term_list 동적 태그 출력(<span>)을 .chip과 동일하게 */
.article__series a,
.article__series span {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 5px var(--sp-3);
  border-radius: var(--radius-full);
  background: var(--bg-subtle);
  font-size: var(--fs-sm);
  font-weight: var(--fw-bold);
  color: var(--text-body);
}

/* 2. 관련 태그 칩 — term_list 동적 태그 출력(<a>)을 .chip--outline과 동일하게 */
.tag-list a {
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 6px 14px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-full);
  background: var(--bg-subtle);
  font-size: var(--fs-sm);
  font-weight: var(--fw-bold);
  line-height: 1.15;
  color: var(--text-body);
}
.tag-list a:hover {
  border-color: var(--color-primary);
  color: var(--color-primary);
}

/* 3. 피처드 루프 래퍼 — 래퍼를 투명하게 해 카드가 곧바로 보이게 */
.gb-looper.nn-contents {
  display: contents;
}

/* 4. 사이드바 TOP 3 순번 — 루프 인덱스를 CSS 카운터로 표기 */
.rank-list__items {
  counter-reset: nnrank;
}
.rank-item {
  counter-increment: nnrank;
}
.rank-item__no::before {
  content: counter(nnrank);
}

/* 5. 더 보기/페이지네이션 — Query Loop 페이지 링크를 .more-btn 톤으로 */
.nn-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--sp-2);
  margin-top: var(--sp-7);
}
.nn-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 var(--sp-3);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-full);
  font-size: var(--fs-sm);
  font-weight: var(--fw-bold);
  color: var(--text-body);
  background: var(--bg-page);
}
.nn-pagination .page-numbers.current {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: #fff;
}
.nn-pagination .page-numbers:hover {
  border-color: var(--color-primary);
  color: var(--color-primary);
}

/* 6. GP 잔재 정리 */
.site-main {
  padding: 0;
}
.site-footer:empty {
  display: none;
}
.nn-block-gap {
  height: 0;
  overflow: hidden;
}

/* 7. 모바일 메뉴 (main.js 토글 대응) */
.header__nav-row {
  position: relative;
}
.header__menu-wrap.is-open .header__menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.header__menu-wrap.is-open {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 30;
  background: #fff;
  border-bottom: 1px solid var(--border-light);
  padding: var(--sp-3) var(--container-pad) var(--sp-4);
}