/* PC 디자인 정리 (2026-09-29 GS 확정 — 상품권 나머지 페이지 2차) — 지역 허브 /area
 * PC(768px 이상)에서만 읽힙니다: Base.astro 가 <link media="(min-width: 768px)"> 로 붙입니다. 모바일에는 영향 없음.
 * 시안을 CSS 덧씌우기로 만든 그대로 옮겨서 !important 가 많습니다(원래 스타일을 이기려고).
 * 방향: 순위/라벨 칩은 회색 글자 · 장식 상자·칩 줄·목록은 구분선으로 평평하게. 주요 카드·로고 카드 그리드·시세 숫자 색·H1 부제는 그대로.
 */
/* ===== /area/ PC 시안 — 지역별 상품권 매입처 허브 (2026-09-29) =====
 * 남긴 주요 카드(원래 모양 그대로, 규칙 없음): 히어로 숫자 카드(.area-hero), 권역 카드 그리드(.hub-card — 이름+매입 최고 %가 든 작은 카드, 카드 그리드는 카드 그대로가 GS 취향),
 *   '동네를 옮길까' 막대 카드(.hs-list)
 * 권역 순위표(.hr-table)·FAQ·함께 보면 좋은 페이지는 원래부터 평평합니다(FAQ 는 base.css 가 정리).
 */

/* ⑤ 다른 방법으로 찾기 — 회색 상자 3칸 → 윗선·세로 구분선만 있는 세 칸 링크 */
#main-content .hub-links { gap: 0 !important; border-top: 1px solid var(--line) !important; border-bottom: 1px solid var(--line-soft) !important; }
#main-content .hub-link { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 14px 16px !important; }
#main-content .hub-link:first-child { padding-left: 4px !important; }
#main-content .hub-link + .hub-link { border-left: 1px solid var(--line-soft) !important; }
#main-content .hub-link:hover { background: var(--surface-2) !important; }
#main-content .hub-link strong::after { content: " →"; color: var(--ink-faint); font-weight: 500; }