/* PC 디자인 정리 (2026-09-29 GS 확정 — 상품권 나머지 페이지 2차) — 가이드 목록 /guide
 * PC(768px 이상)에서만 읽힙니다: Base.astro 가 <link media="(min-width: 768px)"> 로 붙입니다. 모바일에는 영향 없음.
 * 시안을 CSS 덧씌우기로 만든 그대로 옮겨서 !important 가 많습니다(원래 스타일을 이기려고).
 * 방향: 순위/라벨 칩은 회색 글자 · 장식 상자·칩 줄·목록은 구분선으로 평평하게. 주요 카드·로고 카드 그리드·시세 숫자 색·H1 부제는 그대로.
 */
/* ===== /guide/ PC 시안 — 가이드 목록(허브) (2026-09-29) =====
 * 남긴 주요 카드(원래 모양 그대로, 규칙 없음): '먼저 읽어 둘 핵심 가이드' 카드 10장(.gd-hero-list/.article-card), 검색창
 * H1 둘째 줄 주황 '손해 없이 사고파는 법' 은 그대로. 목록(.guide-card, .rg-row)은 원래부터 구분선이라 손대지 않았습니다.
 */

/* 최근 갱신 목록 분류 라벨 주황 → 회색 작은 글자 */
#main-content .rg-cat { color: var(--ink-faint) !important; font-weight: 500 !important; }
#main-content .rg-list { border-top: 1px solid var(--line) !important; }

/* 분류 탭(안전 거래·거래 방법·시세 분석 알약 3개) → 밑줄 탭 */
#main-content .cat-nav { gap: 0 28px !important; padding: 6px 0 0 !important; margin-left: 20px !important; margin-right: 20px !important; border-bottom: 1px solid var(--line) !important; }
#main-content .cat-nav .cat-badge { background: none !important; border: 0 !important; border-radius: 0 !important; border-bottom: 2px solid transparent !important; margin-bottom: -1px !important; padding: 10px 0 9px !important; font-size: 15px !important; font-weight: 600 !important; color: var(--ink-soft) !important; }
#main-content .cat-nav .cat-badge:hover { color: var(--ink) !important; border-bottom-color: var(--ink) !important; }
/* 하위 분류 칩 줄 → 상자 없는 글자 줄 */
#main-content .sub-nav { gap: 2px 20px !important; }
#main-content .sub-nav .cat-badge { background: none !important; border: 0 !important; border-radius: 0 !important; padding: 5px 0 !important; font-size: 14px !important; font-weight: 500 !important; color: var(--ink) !important; }
#main-content .sub-nav .cat-badge:hover { text-decoration: underline; text-underline-offset: 4px; }
#main-content .sub-nav-label { font-weight: 500 !important; margin-right: 0 !important; }

/* 편 수 알약(10편·16편·91편, 소분류 22·7…) → 회색 글자 */
#main-content .cat-count, #main-content .sub-count { background: none !important; padding: 0 !important; border-radius: 0 !important; font-size: 13px !important; font-weight: 500 !important; color: var(--ink-faint) !important; }
#main-content .sub-count { margin-left: 6px !important; }

/* 목록 맨 위 1px 회색 */
#main-content .cat-section > .guide-list, #main-content .sub-cluster > .guide-list { border-top: 1px solid var(--line) !important; }
#main-content .guide-more .guide-list { border-top: 1px solid var(--line-soft) !important; }
/* '나머지 N편 더 보기' 흰 상자 → 가는 선 아래 글자 줄 */
#main-content .guide-more summary { background: transparent !important; border: 0 !important; border-top: 1px solid var(--line-soft) !important; border-bottom: 1px solid var(--line-soft) !important; border-radius: 0 !important; color: var(--ink-soft) !important; font-weight: 600 !important; }
#main-content .guide-more summary:hover { background: var(--surface-2) !important; color: var(--ink) !important; }
#main-content .guide-more { margin-top: 0 !important; }

/* 맨 아래 '어디서 알아봐야 할까요?' 상자 → 평평한 글 (윗선 1px 회색) */
.container #main-content .seo-section { background: transparent !important; border: 0 !important; border-top: 1px solid var(--line) !important; border-radius: 0 !important; box-shadow: none !important; padding: 20px 0 0 !important; }