/* ===== FAQ PAGE =====
   AI 검색이 인용하기 좋은 구조를 우선한다: 질문은 h2, 답은 그 아래 문단.
   장식보다 문서 구조와 가독성. */
.faq-page {
    max-width: 860px;
    margin: 0 auto;
    padding: 130px 24px 90px;
}
.faq-hero { margin-bottom: 48px; }
.faq-eyebrow {
    font-size: 12px;
    letter-spacing: 3px;
    color: var(--am, #b8875a);
    margin: 0 0 10px;
    font-weight: 600;
}
.faq-page h1 {
    font-size: clamp(30px, 4.5vw, 44px);
    line-height: 1.2;
    margin: 0 0 18px;
    color: var(--tx, #1a1a1a);
}
/* 문서 앞부분에 회사 규정 문장을 둔다 — AI 는 앞쪽을 더 중시한다. */
.faq-lead {
    font-size: 15.5px;
    line-height: 1.75;
    color: var(--t2, #555);
    border-left: 3px solid var(--am, #b8875a);
    padding-left: 16px;
    margin: 0;
}
.faq-list { display: grid; gap: 34px; }
.faq-item {
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.faq-item:last-child { border-bottom: 0; }
.faq-item h2 {
    font-size: clamp(18px, 2.4vw, 22px);
    line-height: 1.4;
    margin: 0 0 12px;
    color: var(--tx, #1a1a1a);
    font-weight: 700;
}
.faq-item p {
    font-size: 15.5px;
    line-height: 1.8;
    color: var(--t2, #555);
    margin: 0 0 10px;
}
.faq-item p:last-child { margin-bottom: 0; }
.faq-item a { color: var(--am, #b8875a); font-weight: 600; }
.faq-item a:hover { text-decoration: underline; }
.faq-contact {
    margin-top: 56px;
    padding: 28px 30px;
    background: var(--bg2, #efede8);
    border-radius: 14px;
}
.faq-contact h2 { font-size: 17px; margin: 0 0 14px; color: var(--tx, #1a1a1a); }
.faq-contact p { font-size: 14.5px; line-height: 1.8; color: var(--t2, #555); margin: 0 0 4px; }
.faq-contact a { color: var(--am, #b8875a); font-weight: 600; }
@media (max-width: 640px) {
    .faq-page { padding: 100px 20px 60px; }
    .faq-contact { padding: 22px 20px; }
}