/* 외국어 홈의 자주 묻는 질문 — 오시는 길 바로 위. 외국인이 AI·검색에 묻는 기본 사실만 담는다(2026-09-28).
   2026-09-29: 흰 바탕 텍스트 목록만 있어 홈에서 혼자 떠 보였다. 왼쪽 안내·DM 버튼, 오른쪽 질문의 2단 카드로 바꿨다.
   질문 다섯 개는 FAQPage 구조화 데이터와 같아야 하므로(구글은 화면에 없는 FAQ를 넣지 말라고 한다) 모두 화면에 둔다. */
.home-faq { background: var(--bg-base, #f8f8f6); padding-top: clamp(.5rem, 2vw, 1.5rem); }
/* 바로 위 진료 안내(.info)와 배경이 같아 위 여백을 겹쳐 두면 빈 띠가 생긴다. 위쪽만 줄여 이어 붙인다. */
.home-faq__inner {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.35fr);
  gap: clamp(1.5rem, 4vw, 3.5rem);
  align-items: start;
  max-width: 1080px;
  margin: 0 auto;
  padding: clamp(1.6rem, 3.5vw, 2.8rem);
  border: 1px solid #dce5df;
  border-radius: 24px;
  background: #eef6f2;
}
.home-faq__intro { position: sticky; top: 110px; }
.home-faq__eyebrow { margin: 0 0 .6rem; color: var(--green-deep, #247860); font-size: .72rem; font-weight: 800; letter-spacing: .16em; }
.home-faq h2 { margin: 0 0 .9rem; color: #173f37; font-size: clamp(1.5rem, 2.6vw, 2rem); font-weight: 700; letter-spacing: -.03em; }
.home-faq__lead { margin: 0 0 1.4rem; color: var(--text-secondary, #555550); font-size: .95rem; line-height: 1.75; }
.home-faq__cta {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .8rem 1.2rem;
  border-radius: 999px;
  background: var(--green-deep, #247860);
  color: #fff;
  font-size: .92rem;
  font-weight: 700;
  text-decoration: none;
}
.home-faq__cta:hover, .home-faq__cta:focus-visible { background: #1f5f50; }
.home-faq__sub { margin: .8rem 0 0; color: var(--text-secondary, #555550); font-size: .85rem; }
.home-faq__sub a { color: var(--green-deep, #247860); font-weight: 700; text-decoration: none; }
.home-faq__list { border-top: 1px solid #cfded7; background: transparent; }
.home-faq details { border-bottom: 1px solid #cfded7; }
.home-faq summary { position: relative; padding: 1.1rem 2.4rem 1.1rem 0; color: #173f37; font-size: 1rem; font-weight: 700; line-height: 1.55; cursor: pointer; list-style: none; }
.home-faq summary::-webkit-details-marker { display: none; }
.home-faq summary::after { content: "+"; position: absolute; right: .3rem; top: .95rem; color: var(--green-deep, #247860); font-size: 1.35rem; font-weight: 400; }
.home-faq details[open] summary::after { content: "−"; }
.home-faq details p { margin: 0 0 1.2rem; color: var(--text-secondary, #555550); font-size: .95rem; line-height: 1.8; }
.home-faq details a { color: var(--green-deep, #247860); font-weight: 700; text-decoration: none; }
html:not(:lang(ja)):not(:lang(zh)) .home-faq { word-break: keep-all; }
@media (max-width: 760px) {
  .home-faq__inner { grid-template-columns: 1fr; border-radius: 18px; }
  .home-faq__intro { position: static; }
}