/* 온누리치과(가상) 견본 — 안쪽 페이지 테마(시안 B 전용)
   목적: 공통 틀 site.css 위에 덧입혀, 안쪽 15쪽이 홈 시안 B(흰 바탕·짙은 남색 1색)와
   같은 사이트로 보이게 한다. site.css·HTML·build.py·content.py는 그대로 둔다.
   방법: site.css가 색을 전부 CSS 변수(--bg·--ink·--accent 등)로 정의해 두었으므로
   그 값만 시안 B 팔레트로 바꾼다 — 머리글·메뉴·버튼·링크·포커스·FAQ·문의 띠(.cta)·
   바닥글·휴대폰 하단 전화 띠가 이 변수 교체만으로 한 번에 남색이 된다.
   변수만으로 안 되는 자리(페이지 머리 띠를 홈 첫 화면처럼 남색으로, 단계 번호를
   원형 배지로, 본문 글자를 18px로)만 선택자를 더해 손본다.
   규격: 간격 var(--sp-4…128)·글자 var(--fs-14/18/20/24/34/40)만 사용. 그림자·그라데이션 없음. */

:root {
  --bg: #ffffff;
  --soft: #eef1f5;
  --ink: #1b2430;
  --muted: #5c6672;
  --accent: #16263f;       /* 시안 B 남색(navy) — site.css의 테두리색(--accent) 자리를 대신함 */
  --accent-ink: #0e1a2c;   /* 시안 B 짙은 남색(navy-ink) */
  --line: #e1e5ea;
  --line-strong: #aab3bd;
  --section-mobile: var(--sp-64); /* 규격(48·64) 밖이던 56px 보정 — 홈 b.css와 동일 */
}

/* 본문 글자 — 흰 바탕에서 읽기 좋게 18px(홈과 동일 크기) */
body { font-size: var(--fs-18); }

/* 현재 메뉴 밑줄 두께를 홈과 맞춤(색은 위 변수 교체로 이미 남색) */
.nav a[aria-current="page"] { box-shadow: inset 0 -2px 0 var(--accent); }

/* 바닥글 — 홈 발(.site-foot-b)과 같은 더 짙은 남색, 하단 선 톤도 맞춤 */
.site-foot { background: var(--accent-ink); }
.foot-legal { border-top-color: #3a4a5e; color: #9aa7b3; }

/* 페이지 머리 — 홈 첫 화면과 같은 남색 막(그라데이션)으로 통일(2026-10-30 UX점검 반영) */
.page-head {
  background: linear-gradient(90deg, var(--accent-ink) 0%, var(--accent) 100%);
  border-bottom: 4px solid var(--accent);
}
.page-head h1 { color: #fff; }
.page-head .lead { color: #e7ebf0; }
.page-head .crumbs { color: #cfd8e3; }
.page-head .crumbs a { color: #cfd8e3; }
.page-head .crumbs a:hover { color: #fff; }
.page-head .crumbs li[aria-current="page"] { color: #fff; }
/* 빵부스러기 "홈" 링크와 "› 다음" 글자의 높이를 맞춤 */
.crumbs ol { align-items: center; }
.crumbs li { display: inline-flex; align-items: center; }
/* 옆 칸(전화·진료 시간·오시는 길) 링크 터치 높이 */
.aside-sticky a { display: inline-flex; align-items: center; min-height: var(--touch-min); }
/* 어두운 바탕(페이지 머리·문의 띠·바닥글)에서도 포커스 테두리가 보이도록 */
.page-head :focus-visible,
.cta :focus-visible,
.site-foot :focus-visible {
  outline: 3px solid #fff;
  outline-offset: 2px;
  box-shadow: 0 0 0 6px var(--accent-ink);
}

/* 진행 단계(.steps) — 홈의 남색 원형 배지(.way-num) 느낌 */
.steps li::before {
  align-self: start;
  justify-self: start;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--accent);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fs-14);
}