/* ==========================================================================
   FAQ — 상간소송 피고 랜딩페이지 (법무법인 정서)
   ========================================================================== */
/* ---------- FAQ ---------- */
.faq__list{margin:var(--tgap) auto 0;max-width:960px;border-top:2px solid var(--ink)}
.faq__item{border-bottom:1px solid var(--line)}
.faq__q{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) 28px;align-items:center;gap:12px;padding:28px 6px;text-align:left}
.faq__q i{font-family:var(--serif);font-style:normal;font-weight:600;font-size:24px;color:var(--plum)}
.faq__q span{font-family:var(--sans);font-weight:700;font-size:19px;letter-spacing:-.02em;color:var(--ink)}
.faq__q svg{width:22px;height:22px;color:var(--ink-2);transition:transform .25s}
.faq__item.is-open .faq__q svg{transform:rotate(45deg)}
.faq__a{display:grid;grid-template-columns:44px minmax(0,1fr) 28px;grid-template-rows:0fr;column-gap:12px;padding:0 6px;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1)}
.faq__a>div{grid-column:2;min-height:0;overflow:hidden;opacity:0;transition:opacity .3s}
.faq__item.is-open .faq__a{grid-template-rows:1fr}
.faq__item.is-open .faq__a>div{opacity:1;transition-delay:.08s}
.faq__a p{margin-bottom:32px;font-size:16.5px;color:var(--ink-2);line-height:1.8;padding:22px 26px;border-radius:12px;background:var(--mist)}
.faq__more{display:flex;justify-content:center;margin-top:36px}
/* 지방 문항의 상담 가능 지역 목록 (원고 페이지와 같은 접이식 목록, 피고 색상) — 답변 박스 아래 10px 에 붙인다 */
.areas{margin:-22px 0 32px;border-radius:12px;background:var(--mist);padding:6px 26px}
.areas summary{cursor:pointer;padding:14px 0;font-size:15px;font-weight:600;color:var(--plum);list-style:none}
.areas summary::-webkit-details-marker{display:none}
.areas summary::after{content:" +";color:var(--plum)}
.areas[open] summary::after{content:" −"}
.areas dl{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px 18px;padding:4px 0 20px;font-size:14px;line-height:1.7}
.areas dt{font-weight:600;color:var(--ink)}
.areas dd{margin:0;color:var(--ink-2)}
