/* PC 디자인 정리 (2026-09-29 GS 확정 — 상품권 나머지 페이지 2차) — 추석 상품권 /chuseok
 * PC(768px 이상)에서만 읽힙니다: Base.astro 가 <link media="(min-width: 768px)"> 로 붙입니다. 모바일에는 영향 없음.
 * 시안을 CSS 덧씌우기로 만든 그대로 옮겨서 !important 가 많습니다(원래 스타일을 이기려고).
 * 방향: 순위/라벨 칩은 회색 글자 · 장식 상자·칩 줄·목록은 구분선으로 평평하게. 주요 카드·로고 카드 그리드·시세 숫자 색·H1 부제는 그대로.
 */
/* ===== /chuseok/ (추석 상품권 시세) PC 시안 — 2026-09-29 =====
 * 남긴 주요 카드(원래 모양 그대로): 표 3개(.ck-table — 선물 백화점 상품권 오늘 시세 · 모바일로 보낼 때 · 5만원권 예산).
 * 시세 숫자 주황·파랑, H1 은 그대로.
 */

/* 섹션 제목 22/700 */
#main-content .section-title { font-size: 22px !important; font-weight: 700 !important; letter-spacing: -0.02em !important; margin-bottom: 12px !important; }
#main-content .sec-sub-line { font-size: 13px !important; margin-top: -6px !important; margin-bottom: 12px !important; }

/* '명절 직후는 시세 저점' 크림 안내 상자 → 상자 없는 글 (윗·아랫선만). 장식 주황 제목 → 검정 */
#main-content .ck-now { background: transparent !important; border: 0 !important; border-top: 1px solid var(--line) !important; border-bottom: 1px solid var(--line-soft) !important; border-radius: 0 !important; box-shadow: none !important; padding: 16px 6px 14px !important; }
#main-content .ck-now-title { color: var(--ink) !important; font-size: 16px !important; font-weight: 700 !important; }

/* 매입 최고가 / 구매 최저가 두 칸 — 상자 걷고 두 칸 줄 (gc 와 같은 처리, 방향색 제목은 유지) */
#main-content .bsq { background: transparent !important; box-shadow: none !important; gap: 0 !important; border: 0 !important; border-bottom: 1px solid var(--line-soft) !important; border-radius: 0 !important; padding: 0 !important; margin: 0 20px 12px !important; }
#main-content .bsq-btn { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 16px 18px 14px 6px !important; }
#main-content .bsq-btn.buy { border-left: 1px solid var(--line-soft) !important; padding-left: 20px !important; }
#main-content .bsq-btn:hover { background: var(--surface-2) !important; transform: none !important; }
#main-content .bsq-t::after { content: " →"; color: var(--ink-faint); font-weight: 500; }

/* 날짜별 할 일 — 금색 선·원·날짜는 그대로 (추석 페이지의 색) */


/* 금 선물 카드 3장 → 상자 없는 세 칸 (윗선 1px line, 칸 사이 세로선) */
#main-content .ck-gold { gap: 0 !important; border-top: 1px solid var(--line) !important; border-bottom: 1px solid var(--line-soft) !important; }
#main-content .ck-gold a { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 14px 16px 14px 6px !important; }
#main-content .ck-gold a + a { border-left: 1px solid var(--line-soft) !important; padding-left: 16px !important; }
#main-content .ck-gold a:hover { background: var(--surface-2) !important; }
#main-content .ck-gold b::after { content: " →"; color: var(--ink-faint); font-weight: 500; }

/* FAQ 흰 상자 5개 → 구분선 (다른 페이지 FAQ 와 같은 모양) */
#main-content .ck-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 .ck-faq details:first-child { border-top: 1px solid var(--line) !important; }
#main-content .ck-faq summary { padding: 14px 6px !important; font-size: 15px !important; font-weight: 600 !important; }
#main-content .ck-faq summary:hover { background: var(--surface-2) !important; }
#main-content .ck-faq p { padding: 0 6px 14px !important; }

/* 이어서 읽을 것 — 목록 맨 윗선 */
#main-content .rl-wrap { border-top: 1px solid var(--line) !important; }
#main-content .ck-faq summary::marker { color: var(--ink-faint); }