/* 시안 C 안쪽 페이지 덧입힘 — site.css(공통 틀) 위에 올려 홈(index.html+home.css)과 같은 사이트로 보이게 한다.
   방식: site.css가 쓰는 색 변수(--bg·--ink·--accent 등)를 홈의 고급·깔끔형 팔레트 값으로 다시 선언한다(순서상 site.css 뒤에 읽혀 덮어씀).
   이렇게 하면 머리글·메뉴·버튼·문의 띠·휴대폰 전화 띠처럼 변수만 쓰는 요소는 손대지 않아도 같은 색이 된다.
   그 외(발 배경·단계 번호·페이지 머리 등 변수를 안 쓰거나 홈과 다른 값을 쓰는 곳)만 아래에 따로 겹쳐 쓴다.
   HTML·site.css·c.css는 고치지 않는다. 간격·글자 크기는 tokens.vars.css 변수만 쓴다. */

:root {
  --bg: #fdfbf6;          /* 홈 --cbg */
  --soft: #f3ead9;        /* 홈 --ccream — 안쪽 페이지는 옅은 크림 1종만 쓴다 (UX점검#4: 홈과 같이 명도 차를 벌림) */
  --ink: #22302f;         /* 홈 --cink */
  --muted: #4a5a53;       /* 홈 --cmuted */
  --accent: #164b52;      /* 홈 --caccent — 강조 1색 */
  --accent-ink: #0f373d;  /* 홈 --caccent-ink */
  --line: #e3dcc9;        /* 홈 --cline */
  --line-strong: #b6ae99; /* 홈 --cline-strong */
  --gutter-mobile: 16px;  /* UX점검#9: 규격 밖이던 20px을 16px로 (홈과 동일) */
  --section-mobile: 48px; /* UX점검#9: 규격 밖이던 56px을 48px로 (홈과 동일) */
}

/* 버튼·메뉴 버튼 — 홈처럼 모서리를 거의 없앤다(4px → 2px) */
.btn, .menu-btn { border-radius: 2px; }

/* UX점검#1: 청록 바탕(문의 띠·발·휴대폰 전화 버튼) 위에서는 포커스 테두리를 흰색으로(홈 c.css와 같은 규칙) */
.cta :focus-visible, .site-foot :focus-visible, .mobile-call a.call:focus-visible { outline-color: #fff; }

/* UX점검#9: 이동(홈) 링크와 현재 위치가 세로로 어긋나던 것을 맞춤 */
.crumbs li { display: inline-flex; align-items: center; min-height: var(--touch-min); }

/* 머리글 로고 아이콘 — 인라인 SVG의 고정 fill을 새 강조 청록·바탕으로 맞춘다 */
.brand svg circle { fill: var(--accent); }
.brand svg path { fill: var(--bg); }

/* 페이지 머리 — 옅은 크림 블록 */
.page-head { background: var(--soft); border-bottom-color: var(--line-strong); }

/* 섹션 사이 선 — 홈은 색 블록만으로 리듬을 주고 선을 긋지 않는다 */
.section + .section { border-top: 0; }

/* 발 — 홈 발은 --ink가 아니라 더 깊은 --accent-ink로 마감한다 */
.site-foot { background: var(--accent-ink); color: #e4ece9; }
.foot-legal { border-top-color: #3c5a57; color: #b9c7c2; }
/* UX점검#9: 전화·주소가 발에서 가장 작은 글자였던 것을 한 단계 올림(홈과 동일) */
.foot-grid > div:first-child { font-size: var(--fs-18); }

/* 진료 단계 번호 — 홈의 가늘고 큰 숫자 느낌 */
.steps { border-top: 0; }
.steps li { grid-template-columns: var(--sp-64) 1fr; column-gap: var(--sp-16); padding-top: var(--sp-24); border-top: 1px solid var(--line-strong); border-bottom: 0; }
.steps li::before {
  font-size: var(--fs-40);
  font-weight: 300;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
  line-height: 1;
  color: var(--accent);
  padding-top: var(--sp-4);
}