/* 지역 페이지 새 틀(청사진 v2, 2026-10-26) — body.region-v2 페이지만 이 파일을 읽는다(?v= 는 site_common.REGION2_CSS_V).
   기존 클래스(center.css·styles.css)는 바꾸지 않고 새 클래스만 덧붙인다 → 동결·옛 틀 페이지 모양은 그대로.
   팔레트는 기존 값(--blue/--ink/--muted/--line/--light). 360px 폭에서 가로 스크롤 없음, 표는 .table-scroll. */
.region-v2 .region-eyebrow{margin:12px 0 0;font-size:14px;font-weight:700;color:var(--blue);letter-spacing:-.2px;overflow-wrap:anywhere}
.region-v2 .subhero h1{margin-top:8px}

/* 핵심 요약 상자 + 3갈래 */
.region-key-wrap{padding-top:28px;padding-bottom:8px}
.region-key{padding:24px 26px}
.region-key-label{display:inline-block;margin:0 0 10px;font-size:13px;font-weight:800;color:var(--blue);background:#edf2ff;border-radius:5px;padding:3px 9px}
.region-branch{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.region-branch li{margin:0;padding:0;background:#fff;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column}
.region-branch li:before{content:none}
.region-branch-link{display:block;padding:14px 14px 4px;font-size:15px;font-weight:800;color:var(--ink);line-height:1.45;overflow-wrap:anywhere}
.region-branch-online .region-branch-link{color:var(--blue)}
.region-branch-link:hover{text-decoration:underline}
.region-branch-note{display:block;padding:0 14px 14px;font-size:12.5px;line-height:1.6;color:var(--muted)}

/* 의도 모듈 */
.region-intent p{margin:0 0 12px;font-size:16px;line-height:1.85;color:var(--ink)}
.region-intent-box{margin:0 0 14px;padding:18px 20px;border-radius:14px;border:1px solid #dbe3f5;background:var(--light)}
.region-intent-box p{margin:0}
.region-intent-box.warn{background:#fff7ed;border-color:#fcd9b6}
.region-intent-steps{margin:8px 0 12px;padding-left:22px}
.region-intent-steps li{margin:0 0 8px;font-size:15.5px;line-height:1.75;color:var(--ink)}
.region-intent h3{font-size:16px;margin:18px 0 4px}
.region-intent-lead{margin:0 0 12px;font-size:16px;line-height:1.85;color:var(--ink)}

/* 주변 정보(공공데이터) */
.region-public h3{font-size:16px;font-weight:800;margin:22px 0 6px;color:var(--ink)}
.region-public p{margin:0 0 10px;font-size:15.5px;line-height:1.85;color:var(--ink)}
.region-near-names{overflow-wrap:anywhere}
.region-near-names .text-link,.data-source a{display:inline;margin:0;padding:0;white-space:normal;font-size:inherit;font-weight:700}
.region-public .admin-change{margin-top:16px;padding:12px 14px;border-radius:12px;background:var(--light);font-size:14px;color:var(--muted)}
.region-public .data-source{margin-top:16px;font-size:12.5px;line-height:1.7;color:var(--muted)}

@media(max-width:760px){
  /* 모바일 첫 화면에 3갈래가 보이게 — HTML 순서(핵심 요약 글 → 3갈래)는 그대로 두고 화면에서만 3갈래를 위로(10-26 시범 검증) */
  /* center.css 의 .region-page .subhero·.region-page .section 여백보다 뒤에 읽혀 이긴다(같은 우선순위) — 새 틀 페이지만 */
  /* 10-26 전체 렌더: 360×740 에서 셋째 갈래가 하단 고정 바에 가리고 「핵심 요약」 라벨이 3갈래 아래로 내려가던 것 —
     라벨을 맨 위(order -2)로, 히어로·갈래 여백과 글자를 줄여 세 갈래가 바 위에 들어오게 */
  .region-v2 .subhero{padding:12px 0 8px}
  .region-v2 .subhero h1{font-size:31px;letter-spacing:-1.5px;margin:6px 0 10px}
  .region-v2 .subhero p:last-child{font-size:15px;line-height:1.65;margin:8px 0 4px}
  .region-v2 .region-eyebrow{margin-top:8px;font-size:13px}
  .region-v2 .region-key-wrap{padding-top:8px}
  .region-key{padding:10px 10px 14px;display:flex;flex-direction:column}
  .region-key-label{order:-2;align-self:flex-start;margin:0 0 6px;font-size:12.5px;padding:2px 8px}
  .region-key .region-branch{order:-1;margin:0 0 12px}
  /* 10-27 2차: 360×740 에서 히어로 소개글이 6줄인 장은 셋째 갈래가 하단 바에 딱 붙었다(여유 0~5px). 글자 크기·문구는 그대로 두고
     여백만 줄여 여유 24px 이상 — 히어로 위아래 여백, 소개글 위아래 바깥 여백(기본 1em), 「핵심 요약」 라벨 아래 여백(center.css 의
     .region-summary .label 이 우선순위가 높아 위의 margin 이 먹지 않았다) */
  .region-v2 .region-key .region-key-label{margin:0 0 8px}
  .region-branch{grid-template-columns:1fr;gap:6px}
  .region-branch li{border-radius:12px}
  .region-branch-link{padding:7px 10px 0;font-size:14.5px;line-height:1.4}
  .region-branch-note{padding:0 10px 7px;font-size:12px;line-height:1.4;letter-spacing:-.3px}
  .region-public p,.region-intent p{font-size:15px}
}

@media(min-width:761px){
  /* 10-27 데스크톱 첫 화면: 1280×800 에서 핵심 요약 글이 긴 32장은 3갈래가 800px 아래로 밀렸다(최대 838px).
     히어로·요약 상자의 위아래 여백만 줄인다 — 글자 크기·HTML 순서·문구는 그대로, 새 틀(.region-v2)만.
     center.css 의 .region-page .section(62px)·.subhero(52/46px)와 우선순위가 같고 이 파일이 뒤에 읽혀 이긴다. */
  .region-v2 .subhero{padding:40px 0 32px}
  .region-v2 .subhero h1{margin:8px 0 14px}
  .region-v2 .region-key-wrap{padding-top:28px;padding-bottom:8px}
  .region-key{padding:22px 26px}
  .region-branch{margin-top:16px}
}

/* 관련 글(블로그 1편, 「근처 다른 지역」 안) */
.region-related{margin:18px 0 6px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff}
.region-related h3{margin:0 0 6px}
.region-related p{margin:0;font-size:15px;line-height:1.7;overflow-wrap:anywhere}
.region-related .text-link{display:inline;padding:0;margin:0;white-space:normal}
.region-related small{display:block;margin-top:2px;font-size:12.5px;color:var(--muted)}