/* carry-core.com "/29" Risk Warning, "/30" AML, "/31" Privacy Policy — 공유 템플릿 전용 스타일
   (legal-pages-audit.md §6 기준). 헤더/푸터는 main.css 공통.
   실측 확인(§6.2): 본문 컬럼은 뷰포트 무관 고정 1160px 중앙 정렬(1440/1728 렌더 폭 동일, left만 이동)
   — Home 갤러리류의 vw-fluid 패턴과 다름, 절대 vw로 만들지 말 것. */

.legal-article-section { background: #fff; padding: 90px 0 0; position: relative; }
.legal-article-inner { max-width: 1160px; margin: 0 auto; padding: 0 24px 90px; }

/* 실측 재확인(라이브 크로스체크, 2026-08-12): eyebrow/title 폰트 크기가 완전히 뒤바뀌어 있었음
   (eyebrow가 51px 검정 큰 제목처럼, title이 그 밑 작은 부제목처럼 렌더링되고 있었음) — 실제 라이브는
   흔한 eyebrow 패턴(12px, 파랑, 굵게, letter-spacing) + 30px 검정 title, 둘 다 중앙 정렬. 본문은
   좌측 정렬 그대로 유지(박스 안에서만). */
.legal-eyebrow { font-size: 12px; font-weight: 700; color: #155DFC; letter-spacing: 2px; text-align: center; margin: 0 0 16px; }
.legal-title { font-size: 30px; font-weight: 700; color: #000; line-height: 36px; margin: 0 0 40px; text-align: center; }

/* 실측 재확인: 본문 전체가 연회색 라운드 박스 안에 들어있었는데(#F5F8FA, radius 12px, padding 12px)
   로컬엔 이 박스 자체가 통째로 빠져있었음 — 텍스트가 흰 배경에 그냥 맨몸으로 떠 있던 버그. */
.legal-body-box { background: #F5F8FA; border-radius: 12px; padding: 12px; }

.legal-body .legal-h3 { font-size: 20px; font-weight: 700; color: #000; margin: 40px 0 12px; line-height: 1.3; }
.legal-body .legal-h3:first-child { margin-top: 0; }
.legal-body .legal-h4 { font-size: 18px; font-weight: 700; color: #000; margin: 32px 0 10px; line-height: 21.6px; display: flex; align-items: center; gap: 10px; }
.legal-body .legal-h5 { font-size: 16px; font-weight: 700; color: #000; margin: 20px 0 6px; }
.legal-h4-icon { width: 32px; height: 32px; flex-shrink: 0; }
.legal-p { font-size: 16px; font-weight: 400; color: #000; line-height: 25.6px; margin: 0 0 16px; }

.legal-ul { list-style: none; margin: 0 0 16px; padding: 0; }
.legal-ul li { font-size: 16px; font-weight: 400; color: #000; line-height: 25.6px; margin-bottom: 6px; padding-left: 24px; position: relative; }
.legal-ul li::before { content: "📍"; position: absolute; left: 0; top: 0; font-size: 14px; }

.legal-plain-list { margin: 0 0 16px; }
.legal-plain-list p { font-size: 16px; font-weight: 400; color: #000; line-height: 25.6px; margin: 0 0 4px; }

/* 실측 확인(사용자 지시로 재현): EN Privacy 페이지 맨 끝의 모순되는 법인 정보 문단 — 시각적으로
   구분 안 되게 다른 문단과 동일 스타일로 렌더(라이브도 별도 강조 스타일 없이 그냥 이어짐). */
.legal-trailing-bug { margin-top: 24px; }

/* 실측 재확인(라이브 크로스체크, 2026-08-12): 배경이 이미지가 아니라 단색(#2563EB) flat fill이었음
   — `bottom-bg.png`(장식용 알약 모양 그래픽, 실측상 이 박스 용도가 아님)을 background-size:cover로
   욱여넣었던 게 원인이라 세로 밝기 그라데이션 때문에 카드가 "찌그러지고 색도 다르게" 보였던
   버그였음(사용자 지적). radius도 24px→20px로 정정. */
.legal-contact {
  position: relative; margin-top: 64px; padding: 56px 40px; border-radius: 20px; text-align: center;
  background: #2563EB;
  color: #fff;
}
.legal-contact-icon { width: 48px; height: 48px; margin: 0 auto 16px; display: block; }
.legal-contact-heading { font-size: 27.424px; font-weight: 700; margin: 0 0 16px; line-height: 41.136px; }
.legal-contact-line { font-size: 15px; font-weight: 400; line-height: 1.6; margin: 0 0 4px; color: rgba(255, 255, 255, 0.92); }
.legal-contact-email-label { font-weight: 700; margin-top: 12px; }
.legal-contact-email { font-size: 16px; font-weight: 700; line-height: 1.6; margin: 4px 0 0; }

@media (max-width: 720px) {
  .legal-article-section { padding: 40px 0 0; }
  .legal-article-inner { padding: 0 15px 48px; }
  .legal-title { font-size: 20px; line-height: 1.3; margin-bottom: 24px; }
  .legal-body .legal-h3 { font-size: 18px; margin: 28px 0 10px; }
  .legal-body .legal-h4 { font-size: 16px; margin: 24px 0 8px; }
  .legal-contact { padding: 36px 24px; margin-top: 40px; }
  .legal-contact-heading { font-size: 20px; line-height: 1.3; }
}