/* ============================================================
   GAMEBOY.KR 개편 P6 — 업데이트 로그(/updates/ changelog) 본문 리스타일 오버레이
   ------------------------------------------------------------
   · changelog.css(779줄, .cl-* 다크전용 하드코딩, :root·var·라이트분기 전무) 위 오버라이드.
   · 원본 page-changelog.php / changelog.css 미수정, 시각만.
   · 스코프 = body.gb-changelog(mu-plugin body_class 프리뷰 한정). enqueue deps ['gb-redesign-chrome','gamernews-changelog']·?v=.
   · 색: 보라족(#BB86FC/#7C3AED/#9C5CFC)→--gb-pur·연보라텍스트 #c4b9ff / 마젠타 #E040FB→--gb-pink / 주CTA=핑크.
     카테고리(cl-cat-*)=시맨틱 보존: Added그린·Changed시안·Fixed앰버·Security핑크·Removed 절제빨강·Performance 보라.
   · 장식(clBadgePulse·clDotPulse 글로우·hero-title 그라데텍스트·entry-latest bg그라데·active/CTA 글로우·hover lift) 평탄화,
     기능(타임라인 spine·dot·latest 상태·active 채움·entry hover 섀도) 보존. !important: filter-btn·entry-version·footer a·cta.
   ============================================================ */

body.gb-changelog .cl-page-wrapper { background: var(--gb-bg); }
body.gb-changelog .cl-page-wrapper a { font-family: 'Pretendard','Pretendard Variable',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR',system-ui,sans-serif; }

/* 본문 폭 = 사이트 전체 컨테이너(#content.container-wrapper, 1440px·좌우 20px)에 정렬.
   원본 changelog.css의 .cl-container{max-width:900px;padding:0 24px} 캡을 해제해
   좌우 끝선을 헤더·브레드크럼·푸터와 동일하게 맞춘다. 바깥 20px 거터는 container-wrapper가 제공. */
body.gb-changelog .cl-container { max-width: 100%; padding-left: 0; padding-right: 0; }

/* 히어로 */
body.gb-changelog .cl-hero::after { background: linear-gradient(90deg, transparent, rgba(146,41,247,.35), transparent); }
body.gb-changelog .cl-hero-badge { background: rgba(146,41,247,.1); border-color: rgba(146,41,247,.25); animation: none; box-shadow: none; }
body.gb-changelog .cl-hero-badge-text { color: var(--gb-pur); }
body.gb-changelog .cl-hero-title { background: none; -webkit-text-fill-color: var(--gb-txt); color: var(--gb-txt); }
body.gb-changelog .cl-hero-subtitle { color: var(--gb-mut); }

/* 통계 카드 */
body.gb-changelog .cl-stat-card { background: var(--gb-bg2); border-color: var(--gb-line); }
body.gb-changelog .cl-stat-card:hover { background: rgba(146,41,247,.06); border-color: rgba(146,41,247,.2); transform: none; }
body.gb-changelog .cl-stat-value { color: var(--gb-txt); }
body.gb-changelog .cl-stat-label { color: var(--gb-mut2); }

/* 필터 탭 (active = 퍼플) */
body.gb-changelog .cl-filter-btn { background: var(--gb-bg3); border-color: var(--gb-line); color: var(--gb-mut) !important; }
body.gb-changelog .cl-filter-btn:hover { background: rgba(146,41,247,.1); border-color: rgba(146,41,247,.3); color: var(--gb-pur) !important; }
body.gb-changelog .cl-filter-btn.cl-filter-active { background: var(--gb-pur); border-color: rgba(146,41,247,.5); color: #fff !important; box-shadow: none; }

/* 타임라인 spine + 마커 */
body.gb-changelog .cl-timeline::before { background: linear-gradient(180deg, rgba(146,41,247,.4) 0%, rgba(146,41,247,.08) 100%); }
body.gb-changelog .cl-dot-inner { background: rgba(146,41,247,.4); border-color: rgba(146,41,247,.6); }
body.gb-changelog .cl-dot-latest .cl-dot-inner { background: var(--gb-pur); border-color: var(--gb-pur); box-shadow: none; animation: none; }

/* 엔트리 카드 */
body.gb-changelog .cl-entry { background: var(--gb-bg2); border-color: var(--gb-line); }
body.gb-changelog .cl-entry:hover { border-color: rgba(146,41,247,.15); } /* hover 섀도 보존 */
body.gb-changelog .cl-entry-latest { border-color: rgba(146,41,247,.2); background: var(--gb-bg3); }
body.gb-changelog .cl-entry-latest::before { background: var(--gb-pur); } /* 최신 상단바 평탄화 */
body.gb-changelog .cl-entry-header { border-bottom-color: var(--gb-line); }
body.gb-changelog .cl-entry-version { color: var(--gb-txt) !important; }
body.gb-changelog .cl-entry-version:hover { color: var(--gb-pur) !important; }
body.gb-changelog .cl-badge-latest { background: var(--gb-pur); }
body.gb-changelog .cl-entry-date { color: var(--gb-mut); }
body.gb-changelog .cl-entry-timeago { color: var(--gb-pur); background: rgba(146,41,247,.08); }

/* 섹션(카테고리) 헤더 + 카운트 */
body.gb-changelog .cl-section-title { border-bottom-color: var(--gb-line); }
body.gb-changelog .cl-section-count { color: var(--gb-mut2); background: var(--gb-bg3); }
/* 카테고리 시맨틱 색 (제목) */
body.gb-changelog .cl-cat-new .cl-section-title { color: var(--gb-green); }
body.gb-changelog .cl-cat-changed .cl-section-title { color: var(--gb-cyan); }
body.gb-changelog .cl-cat-fixed .cl-section-title { color: var(--gb-amber); }
body.gb-changelog .cl-cat-security .cl-section-title { color: var(--gb-pink); }
body.gb-changelog .cl-cat-removed .cl-section-title { color: #d98a8a; }
body.gb-changelog .cl-cat-perf .cl-section-title { color: #c4b9ff; }
/* 불릿(0.5 alpha 시맨틱) */
body.gb-changelog .cl-item-bullet { background: rgba(231,231,236,.22); }
body.gb-changelog .cl-cat-new .cl-item-bullet { background: rgba(27,189,138,.5); }
body.gb-changelog .cl-cat-changed .cl-item-bullet { background: rgba(39,192,214,.5); }
body.gb-changelog .cl-cat-fixed .cl-item-bullet { background: rgba(240,167,48,.5); }
body.gb-changelog .cl-cat-security .cl-item-bullet { background: rgba(231,43,153,.5); }
body.gb-changelog .cl-cat-removed .cl-item-bullet { background: rgba(217,138,138,.5); }
body.gb-changelog .cl-cat-perf .cl-item-bullet { background: rgba(146,41,247,.5); }

/* 항목 텍스트 + 코드 */
body.gb-changelog .cl-item-text { color: var(--gb-txt2); }
body.gb-changelog .cl-item-text strong { color: var(--gb-txt); }
body.gb-changelog .cl-item-text code { background: rgba(146,41,247,.1); color: #c4b9ff; border-color: rgba(146,41,247,.15); }

/* 페이지 푸터 + 링크 */
body.gb-changelog .cl-page-footer { border-top-color: var(--gb-line); }
body.gb-changelog .cl-footer-info p { color: var(--gb-mut2); }
body.gb-changelog .cl-footer-info a { color: var(--gb-pur) !important; border-bottom-color: rgba(146,41,247,.3); }
body.gb-changelog .cl-footer-info a:hover { color: var(--gb-pink) !important; border-bottom-color: var(--gb-pink); }

/* CTA */
body.gb-changelog .cl-cta-primary { background: var(--gb-pink); color: #fff !important; box-shadow: none; }
body.gb-changelog .cl-cta-primary:hover { background: #d41f87; transform: none; box-shadow: none; }
body.gb-changelog .cl-cta-secondary { background: var(--gb-bg3); color: var(--gb-txt2) !important; border-color: var(--gb-line2); }
body.gb-changelog .cl-cta-secondary:hover { background: var(--gb-bg4); }

/* 페이지네이션 */
body.gb-changelog .cl-page-info-text { color: var(--gb-mut2); }
body.gb-changelog .cl-page-btn { background: rgba(146,41,247,.08); border-color: rgba(146,41,247,.25); color: var(--gb-pur); }
body.gb-changelog .cl-page-btn:hover { background: rgba(146,41,247,.15); border-color: rgba(146,41,247,.5); color: var(--gb-pur); transform: none; box-shadow: none; }
body.gb-changelog .cl-page-num { background: var(--gb-bg3); border-color: var(--gb-line); color: var(--gb-mut); }
body.gb-changelog .cl-page-num:hover { background: rgba(146,41,247,.1); border-color: rgba(146,41,247,.3); color: var(--gb-pur); }
body.gb-changelog .cl-page-num.cl-page-active { background: var(--gb-pur); border-color: transparent; color: #fff; box-shadow: none; }
body.gb-changelog .cl-page-dots { color: var(--gb-mut2); }