/* p26 — 셀토스 카마스터 : L6 비교테이블 중앙+상하설명 / F2 Playfair Display+Nanum Myeongjo / HD2 / HR1 / CT5 / FT2 */
:root {
  --accent: #15803D;
  --accent-text: #146C34;
  --bg: #F4FBF6;
  --ink: #102015;
  --font-display: "Playfair Display", "Nanum Myeongjo", serif;
  --font-body: "Nanum Myeongjo", "Pretendard Variable", -apple-system, BlinkMacSystemFont, "Malgun Gothic", serif;
  --footer-bg: #0D1F12;
  --footer-text: #C9E3CE;
}

/* HD2 : 중앙 로고타입 + 하단 중앙메뉴 */
.site-header { border-bottom: 1px solid #DCEFE0; }
.hd2-inner { display: flex; flex-direction: column; align-items: center; gap: 10px; padding-block: 16px; }
.logotype { font-family: var(--font-display); font-weight: 700; font-size: 20px; text-decoration: none; color: var(--accent-text); }
.site-header nav ul { display: flex; gap: 20px; list-style: none; margin: 0; padding: 0; flex-wrap: wrap; justify-content: center; }
.site-header nav a { text-decoration: none; font-size: 14px; font-weight: 600; color: var(--ink); }
.site-header nav a:hover { color: var(--accent-text); }

/* HR1 : 좌 차량이미지 / 우 텍스트, 프로필은 텍스트 하단 원형 소형 */
.hero { padding-block: clamp(44px, 8vw, 84px); }
.hero-inner { display: grid; gap: 30px; align-items: center; }
.hero-visual { position: relative; aspect-ratio: 3 / 4; overflow: hidden; }
.hero-visual .hero-slideshow img { border-radius: 12px; }
.hero-slideshow img { animation-duration: 35s; }
.hero-slideshow img:nth-child(1) { animation-delay: 0s; }
.hero-slideshow img:nth-child(2) { animation-delay: 7s; }
.hero-slideshow img:nth-child(3) { animation-delay: 14s; }
.hero-slideshow img:nth-child(4) { animation-delay: 21s; }
.hero-slideshow img:nth-child(5) { animation-delay: 28s; }
.hero-copy h1 { font-size: clamp(30px, 4.6vw, 48px); color: var(--ink); font-style: italic; }
.hero-lede { font-size: 17px; color: #33453A; max-width: 48ch; margin-bottom: 1.2em; }
.hero-profile-small { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; border: 2px solid var(--accent); margin-top: 18px; }
@media (min-width: 760px) {
  .hero-inner { grid-template-columns: 1fr 1.05fr; }
}

/* L6 : 비교 테이블 중앙 + 상하 설명 */
.section--muted { background: #E7F6EB; }
.l6-table-wrap { overflow-x: auto; margin-bottom: 20px; }
.l6-table { width: 100%; border-collapse: collapse; min-width: 480px; background: #fff; }
.l6-table th, .l6-table td { border: 1px solid #DCEFE0; padding: 12px 14px; text-align: center; font-size: 14.5px; }
.l6-table thead th { background: var(--accent); color: #fff; }
.l6-table tbody th { text-align: left; background: #F2FAF3; }
.l6-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 14px; margin-top: 24px; }
.l6-gallery picture img { border-radius: 8px; }

.plain-ol { padding-left: 1.4em; }
.plain-ol li { margin-bottom: .6em; color: #33453A; }

/* CT5 : 섹션 사이 얇은 인라인 CTA 라인 3회 + 본문 하단 3버튼 */
.ct5-line { background: var(--accent); text-align: center; padding: 12px 16px; }
.ct5-line a { color: #fff; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; font-size: 14.5px; }
.cta.ct5 { padding-block: clamp(40px, 6vw, 64px); text-align: center; background: #E7F6EB; }
.cta.ct5 h2 { font-size: clamp(20px, 2.6vw, 26px); color: var(--ink); }
.cta-buttons--center { justify-content: center; }

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