/* ==========================================================================
   FAQ — 상간소송 원고 랜딩페이지 (법무법인 정서)
   ========================================================================== */
/* ---------- FAQ ---------- */
.faq__list{margin:var(--tgap) auto 0;max-width:960px;text-align:left}
.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:200;font-size:24px;color:var(--gold)}
.faq__q span{font-weight:600;font-size:19px;letter-spacing:-.02em}
.faq__q svg{width:22px;height:22px;color:var(--tx-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{font-size:16.5px;color:var(--tx-2);line-height:1.8;padding:22px 26px;border-radius:12px;background:var(--card)}
.faq__a>div>:last-child{margin-bottom:32px}
.areas{margin-top:10px;border-radius:12px;background:var(--card);padding:6px 26px}
.areas summary{cursor:pointer;padding:14px 0;font-size:15px;font-weight:600;color:var(--gold-2);list-style:none}
.areas summary::-webkit-details-marker{display:none}
.areas summary::after{content:" +";color:var(--gold)}
.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(--tx)}
.areas dd{margin:0;color:var(--mute)}
.faq__more{display:flex;justify-content:center;margin-top:36px}