/* PC 디자인 정리 (2026-09-29 GS 확정 — 상품권 나머지 페이지 2차) — 자주 묻는 질문 /faq
 * PC(768px 이상)에서만 읽힙니다: Base.astro 가 <link media="(min-width: 768px)"> 로 붙입니다. 모바일에는 영향 없음.
 * 시안을 CSS 덧씌우기로 만든 그대로 옮겨서 !important 가 많습니다(원래 스타일을 이기려고).
 * 방향: 순위/라벨 칩은 회색 글자 · 장식 상자·칩 줄·목록은 구분선으로 평평하게. 주요 카드·로고 카드 그리드·시세 숫자 색·H1 부제는 그대로.
 */
/* ===== /faq/ PC 시안 — 자주 묻는 질문 (2026-09-29) =====
 * 주요 카드 없음(페이지 전체가 FAQ). FAQ 카드 → 구분선은 이미 base.css 가 합니다.
 * 여기서는 맨 위 분류 알약 3개만 밑줄 탭으로 바꿉니다(/guide/ 분류 탭과 같은 모양).
 */

/* 분류 알약 3개(시세와 거래 절차 11 · 사용·환급·안전 8 · 매입처·세금·시즌 10) → 밑줄 탭, 주황 개수 → 회색 */
#main-content .faq-jump { gap: 0 28px !important; border-bottom: 1px solid var(--line) !important; padding-bottom: 0 !important; }
#main-content .faq-jump-chip { background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !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 .faq-jump-chip:hover { color: var(--ink) !important; border-bottom-color: var(--ink) !important; background: none !important; }
#main-content .faq-jump-chip em { color: var(--ink-faint) !important; font-weight: 500 !important; margin-left: 4px !important; }