/* 2026-07-21 refine pass — 섹션 간 정렬·일관성 다듬기 (텍스트 무변경, 기존 디자인 유지)
   원칙: layout-consistency의 카드/여백 시스템을 따라가며, 이전 패스가 남긴
   충돌(흰 글자 위 흰 배경, 둥근 카드 위 직선 잉크 라인, 어긋난 콘텐츠 가장자리)만 정리한다. */

/* ── 1. 고객지원 '직접 상담' 카드: 흰 배경 카드로 바뀐 뒤에도 글자가 흰색으로 남아
       제목·전화번호가 보이지 않던 문제. 본문 잉크/뮤트 톤으로 복원. */
.page-support .contact .action{color:var(--dr-ink)!important}
.page-support .contact .action h3{color:var(--dr-ink)}
.page-support .contact .action p{color:#5d6876}

/* ── 2. 푸터 저작권 줄: 홈 푸터가 밝은 배경으로 바뀐 뒤에도 흰색(57%)이라 안 보이던 문제.
       네 페이지 모두 같은 회색으로 통일. */
.page-home footer .legal,
.page-details footer .legal,
.page-support footer .footer-legal,
.page-policies footer .footer-legal{color:#7e8691}
/* 고객지원 푸터에만 없던 상단 경계선을 다른 페이지와 동일하게. */
.page-support footer{border-top:1px solid var(--dr-line)}

/* ── 3. 둥근 카드 그룹 위에 남아 있던 직선 잉크 라인 제거.
       (카드 시스템 이전의 '플랫 표' 시절 상단 괘선이 카드 위에 겹쳐 보이던 것) */
.page-details .grid2,
.page-details .grid3,
.page-details .grid4,
.page-details .team,
.page-details .faq{border-top:0}
.page-support .faq details:first-of-type{border-top-color:var(--dr-line)}

/* ── 4. 서비스 안내: STEP 목록 마지막 줄 밑줄과 미디어 블록 상단 괘선이
       이중선으로 보이던 것 → 한 줄만 남긴다. */
.page-details .steps:has(+ .media) .step:last-child{border-bottom:0}

/* ── 5. 정책 페이지 본문을 다른 페이지와 같은 콘텐츠 가장자리(1200px)로 정렬.
       탭 줄·히어로·타 페이지 섹션 제목과 왼쪽 라인이 맞도록. 문단 자체 max-width는 유지됨. */
.page-policies .policy>.wrap{
  width:min(1200px,calc(100% - (var(--layout-gutter) * 2)));
}

/* ── 6. 고객지원 '무엇을 도와드릴까요?' 제목만 작던 것(31px) → 공용 섹션 제목 크기로. */
.page-support .support-finder-head h2{font-size:clamp(31px,3vw,38px)}

/* ── 7. 홈 '접수부터 출고까지' 제목: 카드 밖으로 나온 제목이 다른 섹션 제목과
       같은 왼쪽 라인에 붙도록 머리글 간격을 공용 값(32px)으로. */
.page-home .sales-live-head{margin-bottom:32px}
.page-home .sales-live-card>:first-child{margin-top:0}

/* ── 8. 닫는 CTA 밴드 상하 여백을 홈과 동일한 섹션 리듬으로. */
.page-details .detail-final{padding-block:var(--layout-section)}

/* ── 9. 번호 라벨 색 통일: 남아 있던 갈색(#94764e) 인덱스를
       현행 키커 회색으로. (섹션 키커·레일 번호와 같은 계열) */
.page-details .num,
.page-details .step b,
.page-support .step b,
.page-support .quicknav a::before{color:#626e79}
.page-support .quicknav a::after{color:#8b95a1}

/* ── 10. 서비스 안내 본문 텍스트 링크 밑줄: 갈색 → 중립 회색(호버는 기존 블루 유지). */
.page-details .section>.wrap>.hero-actions .cta,
.page-details .section>.wrap>.hero-actions .ghost{border-bottom-color:#aab4be}

/* ── 11. 고객지원 버튼 테두리 통일: 같은 파란 버튼인데 하나만 진한 잉크 테두리가
       남아 어긋나 보이던 것 → 테두리를 배경과 같게. */
.page-support .btn{border-color:transparent}
.page-support .btn:hover{border-color:transparent}

/* ── 12. 홈 영상 카드의 남은 웜 다크 톤을 닫는 밴드와 같은 쿨 다크로. */
.page-home .video-card{background:#252c34}
.page-home .video-meta b{color:#b9c7d9}

/* ── 모바일 보정 ── */
@media(max-width:700px){
  .page-home .sales-live-head{margin-bottom:24px}
  .page-support .support-finder-head h2{font-size:26px}
  /* '지원 모델' 라벨이 두 줄로 꺾이던 것 방지 */
  .page-home .models-brandline b{flex:none;white-space:nowrap}
}

/* ── 13. 히어로 CTA 줄: 버튼(좌) + 슬라이드 컨트롤(우) 한 줄 배치 */
.page-home .hero-cta-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  width:min(1200px,calc(100% - 80px));
  margin:12px auto 0;
}
.page-home .hero-cta-row .hero-controls{
  display:flex;
  flex:none;
  width:auto;
  height:auto;
  margin:0;
  grid-template-columns:unset;
  gap:0;
}
.page-home .hero-control-actions{
  display:flex;
  align-items:center;
  gap:0;
  height:44px;
  border:1px solid #e3e8ef;
  border-radius:8px;
  background:#f1f4f8;
  overflow:hidden;
}
.page-home .hero-controls .hero-arrow{
  width:44px;
  height:44px;
  flex-basis:44px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#616b77;
  box-shadow:none;
}
.page-home .hero-controls .hero-arrow:hover{background:#e8ecf1}
.page-home .hero-counter{
  min-width:44px;
  padding:0 4px;
  color:#616b77;
  border-left:1px solid #e3e8ef;
  border-right:1px solid #e3e8ef;
}
.page-home .hero-counter i{color:#9aa5b2}
.page-home .hero-counter .hero-current{color:#395b79}

@media(max-width:700px){
  .page-home .hero-cta-row{
    width:calc(100% - 36px);
    margin-top:8px;
    flex-wrap:nowrap;
    gap:10px;
  }
  .page-home .hero-cta-row .hero-controls{
    width:auto;
    min-height:0;
    margin:0;
  }
  .page-home .hero-control-actions{height:40px}
  .page-home .hero-controls .hero-arrow{width:40px;height:40px;flex-basis:40px}
}

/* ═══════════════════════════════════════════════════════════════════
   2026-07-21 tone pass — 콘텐츠 무변경, 디자인 다듬기.
   원칙:
   1) 포인트 컬러를 스틸 블루(--dr-blue:#486784) 하나로 통일 — 잉크/차콜로
      남아 있던 액션·선택 상태를 모두 같은 계열로 모은다.
   2) 페이지 간 톤앤매너 통일 — 닫는 CTA 밴드·풋터·번호 칩·콜아웃이
      네 페이지에서 같은 문법을 쓰도록 한다.
   3) 정렬 리듬 — 카드 안 번호·배지의 세로 리듬과 하단 정렬을 맞춘다.
   ═══════════════════════════════════════════════════════════════════ */

/* ── T1. 기본 액션 = 스틸 블루 하나로 (남은 잉크·차콜 버튼 정리) ── */
.page-home .hero-active-cta{
  border-color:#e3e8ef;
  background:#f1f4f8;
  color:#395b79;
}
.page-home .hero-active-cta:hover{
  border-color:#d5dce6;
  background:#e8ecf1;
  color:#2f4d66;
}
.page-home .model-guide-submit{background:var(--dr-blue)}
.page-home .model-guide-submit:hover{background:var(--dr-blue-dark)}
.page-home .dbtn.on{background:var(--dr-blue);color:#fff}
.page-home .fchip.on{border-color:var(--dr-blue);background:var(--dr-blue);color:#fff}
.page-home .mcard.sel{border-color:var(--dr-blue);box-shadow:0 0 0 1px var(--dr-blue)}
.page-home .bo .opt.sel,.page-home .bo .app.sel,.page-home .bo .addon.sel{
  border-color:var(--dr-blue);box-shadow:0 0 0 1px var(--dr-blue);
}
.page-policies .tabs a[aria-current="location"]{border-color:var(--dr-blue);background:var(--dr-blue);color:#fff}

/* 스틸 버튼 위에 남아 있던 잉크색 테두리 잔재 제거 */
.page-home .nav .btn-blue,.page-home .nav .btn-blue:hover,
.page-details .top .btn-blue,.page-details .top .btn-blue:hover,
.page-policies .doc-link,.page-policies .doc-link:hover,
.page-policies .back,.page-policies .back:hover{border-color:transparent}

/* ── T2. 보조(아웃라인) 버튼 한 문법: 흰 배경 + 중립 헤어라인 ── */
.page-home .models-more{border-color:#b6c0c9;color:#252c34}
.page-home .models-more:hover{border-color:#8994a1;background:#f6f8fa}

/* ── T3. 닫는 CTA 밴드 통일: 서비스 안내도 홈과 같은 다크 밴드 ── */
.page-details .detail-final{
  width:100%;max-width:none;margin:0;
  padding-block:var(--layout-section);
  border-radius:0;border-top:1px solid var(--layout-line);
  background:#252c34;color:#fff;
}
.page-details .detail-final h2{
  color:#fff;font-size:clamp(32px,3vw,40px);font-weight:680;
  line-height:1.18;letter-spacing:-.045em;
}
.page-details .detail-final p:not(.kicker){color:rgba(255,255,255,.7)}
.page-details .detail-final .btn-blue,.page-details .detail-final .btn-blue:hover{border-color:transparent}
.page-details .detail-final .btn-blue{background:#fff;color:#252c34}
.page-details .detail-final .btn-blue:hover{background:#eef2f5;color:#1f252b}

/* ── T4. 고객지원 '직접 상담' 섹션: 파란 캐스트 제거, 공용 중립 틴트로 ── */
.page-support .contact{background:#f6f7f9}
.page-support .contact .action:nth-child(n){border-color:var(--dr-line);background:#fff}

/* ── T5. 번호 칩 한 문법: 잉크 사각·아웃라인 혼용 → 공용 소프트 칩 ── */
.page-policies .checklist,
.page-policies .document-scope{border-top-color:#c9d1d9}
.page-policies .checklist li::before{
  border:1px solid #d9e0e6;border-radius:6px;
  background:#eef2f6;color:#47586a;font-weight:800;
}
.page-policies .document-scope li::before{
  border:1px solid #d9e0e6;border-radius:6px;
  background:#eef2f6;color:#47586a;
}

/* ── T6. 카드 안 세로 리듬: 번호 라벨과 제목 사이 과한 공백 정리 ── */
.page-details .num{margin-bottom:16px}

/* ── T7. 팀 카드: 역할 배지를 카드 하단 라인에 정렬 (행 단위 정돈) ── */
@media(min-width:701px){
  .page-details .team .person{display:flex;flex-direction:column;align-items:flex-start}
  .page-details .team .person>img{flex:none}
  .page-details .team .person>p:last-of-type{margin-bottom:14px}
  .page-details .team .person .badge{margin-top:auto}
}

/* ── T8. 풋터 잔재 정리: 지원 페이지만 남아 있던 웜 그레이 텍스트 톤 통일 ── */
.page-support footer{color:#6b7280}

/* ── 모바일 보정 ── */
@media(max-width:700px){
  .page-details .detail-final{
    width:100%;margin:0;
    padding:var(--layout-section) var(--layout-gutter);
    border-radius:0;
  }
  .page-details .num{margin-bottom:14px}
  .page-support .contact .action:nth-child(n){border-color:var(--dr-line);background:#fff}
}

/* Nav: compact bar with bottom divider */
.page-home .nav{
  border-bottom:1px solid var(--dr-line);
  box-shadow:none;
}
.page-home .nav-in{
  height:60px;
  gap:18px;
}
.page-home .logo-mark.brand-logo{
  width:36px;
  height:36px;
  flex-basis:36px;
}
.page-home .nav .btn-blue{
  min-height:38px;
  padding:0 16px;
}
.page-home .nlink{
  padding:0;
}

/* Commerce shelves: no section divider lines */
.page-home .commerce-shelves,
.page-home .commerce-shelves .product-shelf,
.page-home .commerce-shelves .shelf-track{
  border-top:none;
}

/* Hero: no section divider lines */
.page-home .hero{
  outline:none;
  border:none;
  box-shadow:none;
}
.page-home .catalog-rail{
  border-bottom:none;
}

/* Models section: no divider above the kicker label */
.page-home #models{
  border-top:none;
  background:#fff;
}
.page-home #models .sec-kicker::before{
  display:none;
}
.page-home .media-proof-sec .sec-kicker::before{
  display:none;
}

/* Final CTA: taller closing section */
.page-home main > .final{
  padding-block:136px;
}
.page-home .final .btn-blue{
  margin-top:32px;
}

@media(max-width:700px){
  .page-home .nav-in{
    height:52px;
    padding-left:16px;
    padding-right:16px;
    gap:12px;
  }
  .page-home .logo-mark.brand-logo{
    width:32px;
    height:32px;
    flex-basis:32px;
  }
  .page-home .nav .btn-blue{
    min-height:36px;
    padding:0 12px;
    font-size:12px;
  }
  .page-home main > .final{
    padding-block:92px;
  }
}