/* =====================================================================
   pages.css — 소개(/about)·문의(/contact) 페이지 전용 (050 창, 2026-09-17)
   base.css를 고치지 않고 이 두 페이지에서만 추가로 읽습니다.
   ===================================================================== */
/* ---- 소개 페이지 ---- */
.about .stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--s-3); margin: var(--s-5) 0; }
.about .stat { background: var(--sky); border-radius: var(--radius); padding: var(--s-4) var(--s-3); text-align: center; }
.about .stat b { display: block; font-size: clamp(20px, 2.2vw, 28px); white-space: nowrap; color: var(--blue-dark); font-variant-numeric: tabular-nums; }
.about .stat span { font-size: 13.5px; color: var(--muted); }
.about .checks { padding-left: 0; list-style: none; display: grid; gap: var(--s-2); }
.about .checks li { padding-left: 28px; position: relative; }
.about .checks li::before { content: "✓"; position: absolute; left: 4px; color: var(--blue); font-weight: 700; }
.about .about-cta { margin-top: var(--s-5); text-align: center; }
@media (max-width: 640px) { .about .stats { grid-template-columns: repeat(2, 1fr); } }

/* ---- 줄바꿈 규칙 ---- 2026-09-18 base.css로 옮겨 사이트 전체에 적용됩니다(여기서는 삭제). */

/* ---- 램프 로고 규칙 (2026-09-17 선생님 지시) ----
   램프는 파란색 단일(logo-lamp-blue.png)만 사용. 빨강·파랑 태극 램프(lamp-flag-*) 사용 금지.
   크기는 모든 페이지 동일: PC 150px / 스마트폰 110px. */
.lamp { display: block; width: 150px; max-width: 100%; height: auto; }
.lamp--white { display: none; }
html[data-theme="dark"] .lamp--blue { display: none; }
html[data-theme="dark"] .lamp--white { display: block; }

/* ---- About 끝: [문장+버튼] [램프] 가운데로 모으고 양옆 여백 ---- */
.about .cta-band { display: flex; justify-content: center; align-items: center; gap: 48px;
  background: var(--sky); border-radius: var(--radius-lg); padding: var(--s-5) var(--s-6); margin-top: var(--s-6); }
.about .cta-band .cta-text { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s-3); }
.about .cta-band .cta-line { margin: 0; font-size: 18px; font-weight: 700; color: var(--ink); }

/* ---- 문의 페이지: 굵은 한 줄 + 설명, 카드 1개(가운데 정렬), 버튼 아래 램프 ---- */
.contact-lead strong { display: block; font-size: 24px; font-weight: 800; color: var(--ink); line-height: 1.4; margin-bottom: 4px; }
.contact-single { max-width: 520px; }
.contact-card { text-align: center; align-items: center; }
.contact-card .card-meta { flex-direction: column; align-items: center; gap: var(--s-4); }

/* ---- 홈 상담 배너: 버튼 아래 램프 ---- */
.cta-lamp { display: flex; justify-content: center; margin-top: var(--s-4); }

@media (max-width: 640px) {
  .lamp { width: 110px; }
  .about .cta-band { flex-direction: column; text-align: center; gap: var(--s-4); padding: var(--s-5) var(--s-4); }
  .about .cta-band .cta-text { align-items: center; }
  .about .cta-band .cta-line { font-size: 16px; }
  .contact-lead strong { font-size: 21px; }
}