/* faq-rows.css — FAQ 탭: 질문마다 "글 + 이미지" 한 행, 좌·우가 번갈아 바뀐다
   홀수 행: 글 왼쪽 · 이미지 오른쪽 / 짝수 행: 이미지 왼쪽 · 글 오른쪽. 이미지는 어드민 → 페이지 콘텐츠 → FAQ 에서 항목별로 등록.
   (홈의 FAQ 미리보기는 이 파일을 쓰지 않는다 — 기존 아코디언 그대로) */
.faq-rows{
  --fr-text:#f4f6f8; --fr-body:#aab1c1; --fr-accent:#8f9bff; --fr-ph:linear-gradient(135deg,#1b1f35,#2a2f5a 55%,#3a3f86);
  --fr-ph-num:rgba(255,255,255,.16); --fr-line:rgba(255,255,255,.08);
  max-width:1120px;margin:0 auto;padding:16px 24px 120px;display:grid;gap:96px;
}
html[data-theme="light"] .faq-rows{
  --fr-text:#0f1319; --fr-body:#4a5262; --fr-accent:#4b57e8; --fr-ph:linear-gradient(135deg,#eceeff,#dfe3ff 55%,#cfd5ff);
  --fr-ph-num:rgba(75,87,232,.22); --fr-line:#e3e7f0;
}
.faq-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center}
.faq-row:nth-child(even) .faq-row-media{order:-1}

.faq-row-text{min-width:0}
.faq-row-no{display:inline-block;margin-bottom:16px;color:var(--fr-accent);font-size:13px;font-weight:800;letter-spacing:.2em}
.faq-row-text h2{margin:0 0 18px;font-size:clamp(24px,3vw,34px);line-height:1.3;font-weight:600;letter-spacing:-.025em;color:var(--fr-text);word-break:keep-all;overflow-wrap:anywhere}
.faq-row-text p{margin:0;color:var(--fr-body);font-size:16px;line-height:1.9;word-break:keep-all;overflow-wrap:anywhere}
.faq-row-text p b,.faq-row-text p strong{color:var(--fr-text);font-weight:700}
.faq-row-text p a{color:var(--fr-accent);text-decoration:underline;text-underline-offset:3px}

.faq-row-media{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:24px;background:var(--fr-ph);border:1px solid var(--fr-line);box-shadow:0 30px 70px -40px rgba(80,70,200,.5)}
.faq-row-media img{display:block;width:100%;height:100%;object-fit:cover}
.faq-row-ph{position:absolute;inset:0;display:grid;place-items:center;color:var(--fr-ph-num);font-size:clamp(88px,13vw,160px);font-weight:700;letter-spacing:-.04em;line-height:1}

/* 라이트 테마 전역 규칙(h2/p/b 색)보다 우선 */
html[data-theme="light"] .faq-rows .faq-row-text h2{color:var(--fr-text)}
html[data-theme="light"] .faq-rows .faq-row-text p{color:var(--fr-body)}
html[data-theme="light"] .faq-rows .faq-row-text p b,html[data-theme="light"] .faq-rows .faq-row-text p strong{color:var(--fr-text)}
html[data-theme="light"] .faq-rows .faq-row-text p a{color:var(--fr-accent)}

@media(max-width:860px){
  .faq-rows{gap:64px;padding:8px 20px 88px}
  .faq-row{grid-template-columns:1fr;gap:26px}
  .faq-row .faq-row-media,.faq-row:nth-child(even) .faq-row-media{order:-1}
}
@media(max-width:560px){
  .faq-rows{gap:52px;padding:4px 16px 72px}
  .faq-row-media{border-radius:20px}
  .faq-row-text p{font-size:15px;line-height:1.85}
}