/* p20 — 기아 택시 차량 구매 : L10 매거진 2단 컬럼+드롭캡 / F3 Poppins+Noto Sans KR / HD4 / HR5(무차량) / CT6 / FT2 */
:root {
  --accent: #22333B;
  --accent-text: #22333B;
  --bg: #F4F7F8;
  --ink: #16222A;
  --font-display: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Malgun Gothic", sans-serif;
  --footer-bg: #10191F;
  --footer-text: #C3CDD1;
}

/* HD4 : 좌 로고타입 + 우 CTA 링크 1개, 메뉴는 details 햄버거 */
.site-header { border-bottom: 1px solid #DAE2E5; }
.hd4-inner { display: flex; align-items: center; justify-content: space-between; height: 72px; gap: 16px; position: relative; }
.logotype { font-family: var(--font-display); font-weight: 700; font-size: 18px; text-decoration: none; color: var(--accent); }
.hd4-cta { text-decoration: none; font-weight: 700; font-size: 14px; color: #fff; background: var(--accent); padding: 10px 16px; border-radius: 8px; }
.hamburger summary { cursor: pointer; list-style: none; font-weight: 700; font-size: 14px; padding: 8px 10px; border: 1px solid #DAE2E5; border-radius: 8px; }
.hamburger summary::-webkit-details-marker { display: none; }
.hamburger nav ul { list-style: none; margin: 8px 0 0; padding: 12px; display: grid; gap: 10px; position: absolute; background: #fff; border: 1px solid #DAE2E5; border-radius: 10px; top: 60px; z-index: 20; box-shadow: 0 8px 24px rgba(0,0,0,.08); }
.hamburger nav a { text-decoration: none; font-size: 14px; font-weight: 600; white-space: nowrap; }
.hamburger nav a:hover { color: var(--accent); }

/* 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: #E6ECEE; text-shadow: 0 2px 10px rgba(0,0,0,.5); }
.hero-visual img { width: 148px; height: 148px; border-radius: 16px; object-fit: cover; border: 3px solid var(--accent); }

/* L10 : 매거진 2단 컬럼 (첫 문단 드롭캡) */
.magazine-col h2 { font-size: clamp(21px, 2.6vw, 27px); margin-bottom: .7em; }
.magazine-col p { font-size: 15.5px; color: #2E3B41; margin: 0; }
.magazine-col .dropcap { columns: 1; }
@media (min-width: 760px) {
  .magazine-col .dropcap { columns: 2; column-gap: 32px; }
}
.dropcap::first-letter {
  float: left; font-family: var(--font-display); font-weight: 700;
  font-size: 3.4em; line-height: .82; padding-right: 10px; color: var(--accent);
}
.section--muted { background: #E6ECEE; }

.qa-list { display: grid; gap: 16px; margin-top: 8px; }
.qa-item h3 { font-size: 16px; margin-bottom: 6px; }
.qa-item p { font-size: 14.5px; color: #2E3B41; margin: 0; }

/* CT6 : 대각선 클리핑 배경 + 버튼 3개 세로 */
.cta.ct6 { position: relative; padding-block: clamp(56px, 9vw, 96px); overflow: hidden; color: #fff; }
.ct6-bg { position: absolute; inset: 0; background: var(--accent); clip-path: polygon(0 18%, 100% 0, 100% 100%, 0 100%); z-index: 0; }
.ct6-inner { position: relative; z-index: 1; text-align: center; }
.ct6-inner h2 { color: #fff; font-size: clamp(20px, 2.6vw, 26px); margin-bottom: 1em; }
.ct6 .cta-buttons { flex-direction: column; align-items: center; }
.ct6 .btn { width: 100%; max-width: 320px; }
.ct6 .btn-outline { border-color: #fff; color: #fff; }
.ct6 .btn-solid { background: #fff; color: var(--accent); }

/* FT2 : 2단(좌 사업자정보+고지문 / 우 페이지링크) */
.ft2-grid { display: grid; gap: 28px; grid-template-columns: 1fr; }
@media (min-width: 700px) { .ft2-grid { grid-template-columns: 1.4fr 1fr; } }
.ft2-left .footer-disclaimer { margin-top: 14px; }
.footer-links p { margin: 0 0 8px; }