/* PC 디자인 정리 (2026-09-29 GS 확정 시안 v5) — 매입 /sell
 * PC(768px 이상)에서만 읽힙니다: Base.astro 가 <link media="(min-width: 768px)"> 로 붙입니다. 모바일에는 영향 없음.
 * 시안을 CSS 덧씌우기로 만든 그대로 옮겨서 !important 가 많습니다(원래 스타일을 이기려고).
 * 방향: 형광펜 제거 · 순위/라벨 칩은 회색 글자 · 장식 목록·FAQ·칩 줄은 구분선으로 평평하게.
 *       페이지마다 주요 카드 1~3개는 원래 모양(웜크림·그림자·1위 강조) 그대로. 시세 숫자 주황·파랑은 유지.
 */
/* ===== /sell/ PC 목업 — ②③④⑤ (시세 숫자 색은 전부 유지) ===== */

/* ③ 제목 형광펜 없애기 */
.hl-pen { text-decoration: none !important; padding: 0 !important; }

/* ② 부제 속 주황 강조 → 검정 */
#main-content .page-subtitle strong { color: var(--ink) !important; }

/* ⑤ 자동매입 / 방문·등기 상자 2칸 → 상자 없는 두 칸(구분선) */
#main-content .paynav { gap: 0 !important; padding: 14px 20px 18px !important; }
#main-content .paynav-link { background: none !important; border: 0 !important; border-radius: 0 !important; border-top: 1px solid var(--ink) !important; border-bottom: 1px solid var(--line-soft) !important; padding: 13px 10px !important; font-size: 13px !important; color: var(--ink) !important; }
#main-content .paynav-link + .paynav-link { border-left: 1px solid var(--line-soft) !important; }
#main-content .paynav-link svg { color: var(--ink-faint) !important; }
#main-content .paynav-link:hover { background: var(--surface-2) !important; color: var(--ink) !important; }
#main-content .paynav-link::after { content: " →"; color: var(--ink-faint); font-weight: 500; }

/* 2026-09-29 GS "남긴 주요 카드는 원래 모양 그대로" — 상단 TOP5(.tb-grid/.tb-card)·차액 표(.gapsec-card/.gapsec-tbl) 규칙을 모두 뺐습니다 */

/* ⑤ 분류별 시세표 10개 — 흰 상자 → 구분선 (매입률 주황 숫자 유지) */
#main-content .ss-table { background: transparent !important; border: 0 !important; border-radius: 0 !important; border-top: 1px solid var(--ink) !important; border-bottom: 1px solid var(--line-soft) !important; }
#main-content .ss-table thead th { background: transparent !important; }
#main-content .ss-table th:first-child, #main-content .ss-table td:first-child { padding-left: 4px !important; }
#main-content .ss-table th:last-child, #main-content .ss-table td:last-child { padding-right: 4px !important; }
#main-content .ss-count { font-weight: 500 !important; }

/* ⑤ FAQ 상자 → 구분선 */
#main-content .sell-faq .ss-h2 + .faq-item, #main-content .sell-faq .faq-item:first-of-type { border-top: 1px solid var(--ink) !important; }
#main-content .faq-item { 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 .faq-item[open] { border-color: var(--line-soft) !important; box-shadow: none !important; }
#main-content .faq-q { padding-left: 4px !important; padding-right: 4px !important; }

/* 다음에 볼 콘텐츠 — 목록 맨 위 1px 검정 */
#main-content .related-section .rl-wrap { border-top: 1px solid var(--ink) !important; }

/* 레일 — 장식용 주황 숫자만 검정 */
.rl-chip.is-hot em { color: var(--ink) !important; }

/* ===================================================================
   다듬기 (2026-09-29) — PC 디자인 시스템 맞춤
   =================================================================== */

/* 1. 섹션 제목 4종(tb-title·gapsec-h·ss-title·ss-h2) → 22/700/-0.02em, 제목~내용 12 */
#main-content .tb-title, #main-content .gapsec-h, #main-content .ss-title, #main-content .ss-h2 { font-size: 22px !important; font-weight: 700 !important; letter-spacing: -0.02em !important; line-height: 1.3 !important; margin: 0 0 12px !important; display: flex !important; align-items: baseline !important; gap: 8px !important; }
#main-content .ss-count { font-size: 13px !important; font-weight: 500 !important; color: var(--ink-faint) !important; }
#main-content .gapsec-h { margin-bottom: 6px !important; }
#main-content .gapsec-lead { margin: 0 0 14px !important; font-size: 13px !important; }

/* 8. 섹션 사이 48 */
#main-content .top-band { margin-top: 40px !important; }
#main-content .gapsec, #main-content .sell-section, #main-content .sell-seo, #main-content .related-section, #main-content .sell-faq { margin-top: 48px !important; }
#main-content .adfit-con.is-pc { padding-top: 32px !important; padding-bottom: 0 !important; }

/* 자동매입 / 방문·등기 — 이동 링크 두 칸(목록)이라 윗선 회색 */
#main-content .paynav-link { border-top: 1px solid var(--line) !important; }

/* 2+4. 분류별 시세표 — 머리글 12/500 faint 한 줄("매입가 10만원권"), 머리글 아래 회색 */
#main-content .ss-table thead th { font-size: 12px !important; font-weight: 500 !important; color: var(--ink-faint) !important; padding-top: 10px !important; padding-bottom: 9px !important; border-bottom: 1px solid var(--line) !important; vertical-align: bottom !important; }
#main-content .ss-table .th-denom { display: inline !important; margin-left: 3px !important; font-size: 12px !important; font-weight: 500 !important; color: var(--ink-faint) !important; }
#main-content .ss-table tbody td { padding-top: 12px !important; padding-bottom: 12px !important; }
#main-content .ss-table tbody tr:hover > * { background: var(--surface-2) !important; }

/* 목록들 — 맨 윗선 회색 */
#main-content .related-section .rl-wrap { border-top: 1px solid var(--line) !important; }
#main-content .sell-faq .ss-h2 + .faq-item, #main-content .sell-faq .faq-item:first-of-type { border-top: 1px solid var(--line) !important; }
#main-content .faq-q { padding-top: 14px !important; padding-bottom: 14px !important; font-size: 15px !important; }
#main-content .faq-q:hover { background: var(--surface-2) !important; }


/* ===================================================================
   2026-09-29 GS "시세 순위나 주요 카드는 웜크림 배경 카드 유지" — 데이터 순위표·시세표만 다시 카드로
   (var(--cream) · 1px var(--line) · radius 16 · 그림자 없음 · 안쪽 4px 16px · 맨 윗 검정선 없음 · 마지막 행 아랫선 없음)
   =================================================================== */
/* 분류별 시세표 (백화점·증정용·모바일·온라인·모바일·주유·여행·마트·포인트·외식) — table 자체를 카드로 */
#main-content .ss-table { border-collapse: separate !important; border-spacing: 0 !important; background: var(--cream) !important; border: 1px solid var(--line) !important; border-radius: 16px !important; padding: 4px 16px !important; }
#main-content .ss-table tbody tr:last-child > * { border-bottom: 0 !important; }

/* ===================================================================
   2026-09-29 GS 좁힘 — 웜크림 카드는 핵심만: 히어로 TOP5(.tb-grid)·차액 표.
   분류별 시세표 10개는 다시 평평하게 (윗선 var(--line), 행 사이 line-soft).
   =================================================================== */
#main-content .ss-table { border-collapse: collapse !important; background: transparent !important; border: 0 !important; border-top: 1px solid var(--line) !important; border-radius: 0 !important; padding: 0 !important; }
#main-content .ss-table tbody tr:last-child > * { border-bottom: 1px solid var(--line-soft) !important; }