/* PC 디자인 정리 (2026-09-29 GS 확정 시안 v5) — 모든 페이지 공통
 * PC(768px 이상)에서만 읽힙니다: Base.astro 가 <link media="(min-width: 768px)"> 로 붙입니다. 모바일에는 영향 없음.
 * 시안을 CSS 덧씌우기로 만든 그대로 옮겨서 !important 가 많습니다(원래 스타일을 이기려고).
 * 방향: 형광펜 제거 · 순위/라벨 칩은 회색 글자 · 장식 목록·FAQ·칩 줄은 구분선으로 평평하게.
 *       페이지마다 주요 카드 1~3개는 원래 모양(웜크림·그림자·1위 강조) 그대로. 시세 숫자 주황·파랑은 유지.
 */
/* ===== PC 공통 베이스 (모든 페이지 시안에 먼저 깔림) — 2026-09-29 다듬기 ===== */
/* 형광펜 제거 */
.hl-pen, .gold-hl, .fx-hl { text-decoration: none !important; padding: 0 !important; background: none !important; }
/* 숫자 자릿수 맞춤 */
table, [class*="rate"], [class*="price"], [class*="-num"], [class*="-val"] { font-variant-numeric: tabular-nums; }
/* 제목 글자 균형 */
#main-content h1, #main-content h2, #main-content h3 { text-wrap: balance; }
/* PC 섹션 제목 정본 22px·700·-0.02em (2026-10-11 디자인 업그레이드) — 위 페이지별 파일 17곳이 같은 값을 각자 적고 있었는데
 * 빠진 자리가 있었습니다(실측 1280px): 상품권별 계산기 .gcalc-h2 24/800 · 계산기 모음 .cs-h2 24/800 · 가이드 모음 .cat-title 24/800
 * · /faq .faq-sec-title 24/800 · 같은 분류 비교 .gcmp-h2 18/800 (권역×상품권 .section-title 20/800 은 ag.css). 여기 한 줄로 받칩니다.
 * (.fact-kicker 류 11px 머리말 h2 와 .gt-entry-h 등 뜻이 있는 예외는 건드리지 않습니다.) */
#main-content :is(.gcalc-h2, .cs-h2, .cat-title, .faq-sec-title, .gcmp-h2) { font-size: 22px !important; font-weight: 700 !important; letter-spacing: -0.02em !important; }
/* FAQ 카드 → 구분선 (2026-09-29 GS "카드형 제거") — 모든 페이지 공통. 12개 유형 페이지는 자기 파일에서 한 번 더 다듬습니다. */
#main-content :is(.faq-item, .gcf-item, .pf-faq-item, .area-faq, .mf-item, .hub-qa), #main-content .faq details { background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--line-soft) !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; }
#main-content :is(.faq-item, .gcf-item, .pf-faq-item, .area-faq, .mf-item, .hub-qa):first-of-type { border-top: 1px solid var(--line) !important; }
#main-content :is(.faq-item, .gcf-item, .pf-faq-item, .area-faq, .mf-item, .hub-qa) > summary { padding-left: 6px !important; padding-right: 6px !important; background: transparent !important; }
#main-content :is(.faq-item, .gcf-item, .pf-faq-item, .area-faq, .mf-item, .hub-qa) > summary:hover { background: var(--surface-2) !important; }
#main-content :is(.faq-item, .gcf-item, .pf-faq-item, .area-faq, .mf-item, .hub-qa) > summary ~ * { padding-left: 6px !important; padding-right: 6px !important; }