/* p25 — K9 딜러 : L5 넘버링 스텝 아코디언 / F1 Montserrat+Pretendard / HD1 / HR5(무차량) / CT4 / FT1 */
:root {
  --accent: #1E293B;
  --accent-text: #1E293B;
  --bg: #F4F6F9;
  --ink: #131820;
  --font-display: "Montserrat", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, "Malgun Gothic", sans-serif;
  --footer-bg: #0B0E14;
  --footer-text: #C7CCD6;
}

/* HD1 : 좌 로고타입 + 우 가로 메뉴 */
.site-header { border-bottom: 1px solid #E1E5EB; }
.hd1-inner { display: flex; align-items: center; justify-content: space-between; height: 76px; flex-wrap: wrap; gap: 10px; }
.logotype { font-family: var(--font-display); font-weight: 700; font-size: 18px; text-decoration: none; color: var(--accent); }
.site-header nav ul { display: flex; gap: 24px; list-style: none; margin: 0; padding: 0; flex-wrap: wrap; }
.site-header nav a { text-decoration: none; font-size: 14.5px; font-weight: 600; color: var(--ink); }
.site-header nav a:hover { color: var(--accent); }

/* HR5(무차량) : 프로필 승격, 1열 붕괴 */
.hero { padding-block: clamp(48px, 9vw, 96px); }
.hero-inner { display: grid; gap: 30px; justify-items: center; text-align: center; }
.hero-copy h1 { font-size: clamp(30px, 4.4vw, 46px); color: var(--ink); }
.hero-lede { font-size: 17px; color: #4B5468; max-width: 56ch; margin: 0 auto 1.4em; }
.hero-visual img { width: 168px; height: 168px; border-radius: 50%; object-fit: cover; border: 3px solid var(--accent); margin: 0 auto; }

/* L5 : 넘버링 스텝 아코디언 */
.l5-accordion { display: flex; flex-direction: column; gap: 14px; }
.l5-accordion details { background: #fff; border: 1px solid #E1E5EB; border-radius: 10px; padding: 18px 22px; }
.l5-accordion summary { list-style: none; cursor: pointer; font-weight: 700; font-size: 17px; display: flex; align-items: center; gap: 12px; }
.l5-accordion summary::-webkit-details-marker { display: none; }
.l5-no { font-family: var(--font-display); color: var(--accent); font-weight: 700; font-size: 14px; border: 2px solid var(--accent); border-radius: 50%; width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.l5-body p { margin-top: 12px; color: #3C4454; font-size: 15px; }

/* CT4 : 인라인 3버튼 CTA + 모바일 하단 스티키바(전화1개) */
.cta.ct4 { background: #EAEDF2; padding-block: clamp(36px, 6vw, 56px); text-align: center; }
.ct4-inline h2 { font-size: clamp(19px, 2.4vw, 24px); color: var(--ink); }
.cta-buttons--center { justify-content: center; }
.ct4-sticky {
  display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 40;
  background: var(--accent); color: #fff; text-align: center; padding: 14px; font-weight: 700;
  text-decoration: none; font-size: 15px;
}
@media (max-width: 640px) {
  .ct4-sticky { display: block; }
  main { padding-bottom: 54px; }
}

/* FT1 : 3단 그리드 */
.footer-grid { display: grid; gap: 28px; grid-template-columns: 1fr; }
@media (min-width: 800px) { .footer-grid { grid-template-columns: 1.2fr 1fr 1.4fr; } }
.footer-links p { margin: 0 0 8px; }