/* PC 디자인 정리 (2026-09-29 GS 확정 — 상품권 나머지 페이지 2차) — 상품권 계산기 /calculator
 * PC(768px 이상)에서만 읽힙니다: Base.astro 가 <link media="(min-width: 768px)"> 로 붙입니다. 모바일에는 영향 없음.
 * 시안을 CSS 덧씌우기로 만든 그대로 옮겨서 !important 가 많습니다(원래 스타일을 이기려고).
 * 방향: 순위/라벨 칩은 회색 글자 · 장식 상자·칩 줄·목록은 구분선으로 평평하게. 주요 카드·로고 카드 그리드·시세 숫자 색·H1 부제는 그대로.
 */
/* ===== /calculator/ PC 시안 — 상품권 계산기 허브 (2026-09-29) =====
 * 남긴 주요 카드(원래 모양 그대로, 규칙 없음): 계산기 입력 카드(.calc-card), 결과 크림 카드(.calc-result), 상위 5곳 비교 표(.calc-compare)
 * 상품권별 계산기 로고 카드 그리드(.calc-bycard-item)도 GS 취향(브랜드 카드 그리드는 카드 그대로)에 따라 그대로 둡니다.
 */

/* ② 부제 속 강조 → 검정(원래 검정 굵게면 영향 없음) */
#main-content .page-subtitle strong { color: var(--ink) !important; }

/* ⑤ 관련 페이지 상자 3개 → 구분선 목록, 태그 알약 → 회색 작은 글자 */
#main-content #calc-related .cr-rel-grid { gap: 0 !important; border-top: 1px solid var(--line) !important; }
#main-content #calc-related .cr-rel-card { background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--line-soft) !important; border-radius: 0 !important; box-shadow: none !important; padding: 12px 6px !important; transform: none !important; }
#main-content #calc-related .cr-rel-card:hover { background: var(--surface-2) !important; }
#main-content #calc-related .cr-rel-tag { background: none !important; border: 0 !important; padding: 0 !important; min-width: 40px; color: var(--ink-faint) !important; font-weight: 500 !important; font-size: 12px !important; }
#main-content #calc-related .cr-rel-t { font-size: 14px !important; font-weight: 600 !important; }
#main-content #calc-related .cr-rel-card::after { content: "→"; margin-left: auto; color: var(--ink-faint); font-weight: 500; }

/* ⑤ 권종별 수령액 조견표 — 흰 상자 → 평평한 표(윗선 1px 회색, 행 사이 연한 선) */
#main-content .calc-quick .cc-tablewrap { background: transparent !important; border: 0 !important; border-top: 1px solid var(--line) !important; border-radius: 0 !important; box-shadow: none !important; }
#main-content .calc-quick .cc-table th { background: transparent !important; font-size: 12px !important; font-weight: 500 !important; color: var(--ink-faint) !important; }
#main-content .calc-quick .cc-table th:first-child, #main-content .calc-quick .cc-table td:first-child { padding-left: 4px !important; }
#main-content .calc-quick .cc-table th:last-child, #main-content .calc-quick .cc-table td:last-child { padding-right: 4px !important; }
#main-content .calc-quick .cc-table tr:last-child td { border-bottom: 1px solid var(--line-soft) !important; }
#main-content .calc-quick .cc-table tbody tr:hover td { background: var(--surface-2) !important; }

/* ③ 개수 배지(63종·59종, 소분류 옆 10·21 …) → 옆에 붙는 회색 글자 */
#main-content .cs-h2-count, #main-content .cs-h2-count-buy { background: none !important; border: 0 !important; padding: 0 0 0 4px !important; margin-left: 4px !important; font-size: 13px !important; font-weight: 500 !important; color: var(--ink-faint) !important; vertical-align: baseline !important; }
#main-content .calc-bycard-sub span { background: none !important; padding: 0 !important; font-size: 12px !important; font-weight: 500 !important; }

/* ⑤ 금 계산기 안내 노란 상자 → 평평한 안내 줄 */
#main-content .calc-goldx { background: transparent !important; border: 0 !important; border-radius: 0 !important; padding: 0 4px !important; margin-top: 28px !important; color: var(--ink-soft) !important; }
#main-content .calc-goldx a { color: var(--ink) !important; }