/* p15 — 기아 신차 계약 방법 : L5 넘버링 스텝 아코디언 / F8 Archivo+Noto Sans KR / HD3 / HR5(무차량) / CT1 / FT3 */
:root {
  --accent: #6B2737;
  --accent-text: #6B2737;
  --bg: #FCF6F7;
  --ink: #241318;
  --font-display: "Archivo", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Malgun Gothic", sans-serif;
  --footer-bg: #1D0F13;
  --footer-text: #D9C4C9;
}

/* HD3 : 상단 얇은 안내바 + 아래 메뉴바(2단) */
.hd3-bar { background: var(--accent); color: #fff; text-align: center; font-size: 12.5px; padding: 6px 8px; }
.hd3-inner { display: flex; align-items: center; justify-content: space-between; height: 68px; }
.logotype { font-family: var(--font-display); font-weight: 700; font-size: 18px; text-decoration: none; color: var(--accent); }
.hd3-inner nav ul { display: flex; gap: 20px; list-style: none; margin: 0; padding: 0; }
.hd3-inner nav a { text-decoration: none; font-size: 14px; font-weight: 600; }
.hd3-inner nav a:hover { color: var(--accent); }
@media (max-width: 640px) { .hd3-inner nav ul { gap: 12px; flex-wrap: wrap; } }

/* HR5 : 차량 사진 슬라이드쇼 배경(.hero-slideshow는 base.css 공통 정의) + 2열 그리드 원안이 1열로 자연 붕괴, 프로필+텍스트 중앙 스택 */
.hero { position: relative; overflow: hidden; background: var(--ink); padding-block: clamp(44px, 8vw, 88px); }
.hero-inner { display: grid; justify-items: center; text-align: center; gap: 20px; max-width: 640px; margin-inline: auto; }
.hero-inner h1 { font-size: clamp(28px, 4.2vw, 44px); color: #fff; text-shadow: 0 2px 12px rgba(0,0,0,.55); }
.hero-lede { font-size: 16.5px; color: #F2E4E7; text-shadow: 0 2px 10px rgba(0,0,0,.5); }
.hero-visual img { width: 148px; height: 148px; border-radius: 18px; object-fit: cover; border: 3px solid var(--accent); }

/* L5 : 넘버링 스텝 아코디언 (details/summary, JS 불필요) */
.accordion { display: grid; gap: 12px; }
.accordion details { background: #fff; border: 1px solid #EAD9DC; border-radius: 10px; padding: 4px 20px; }
.accordion summary { cursor: pointer; padding: 14px 0; font-weight: 700; font-size: 16px; list-style: none; display: flex; align-items: center; gap: 12px; }
.accordion summary::-webkit-details-marker { display: none; }
.accordion summary::after { content: "+"; margin-left: auto; font-size: 20px; color: var(--accent); }
.accordion details[open] summary::after { content: "−"; }
.accordion p { padding-bottom: 16px; margin: 0; color: #4B3238; font-size: 14.5px; }
.step-no {
  display: inline-flex; align-items: center; justify-content: center;
  width: 26px; height: 26px; border-radius: 50%; background: var(--accent); color: #fff;
  font-size: 13px; flex-shrink: 0;
}
.section--muted { background: #F7EAEC; }

/* CT1 : 풀폭 컬러 밴드 + 중앙 버튼 3개 */
.cta.ct1 { background: var(--accent); color: #fff; padding-block: clamp(40px, 6vw, 64px); text-align: center; }
.cta.ct1 h2 { color: #fff; font-size: clamp(20px, 2.6vw, 26px); }
.cta-buttons--center { justify-content: center; }
.ct1 .btn-outline { border-color: #fff; color: #fff; }
.ct1 .btn-solid { background: #fff; color: var(--accent); }

/* FT3 : 중앙정렬 1단 세로스택 */
.ft3-stack { text-align: center; display: grid; gap: 10px; max-width: 620px; margin-inline: auto; }
.footer-links p { margin: 0; }