/* ---------- FAQ ---------- */
.faq__list{margin:var(--tgap) auto 0;max-width:960px;text-align:left}
.faq__item{border-bottom:1px solid var(--line);transition:opacity .45s ease,transform .5s cubic-bezier(.22,.8,.24,1)}
.faq__item--in{opacity:0;transform:translateY(12px)}
.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(--pt)}
.faq__q span{font-weight:600;font-size:19px;letter-spacing:-.02em;line-height:1.5}
.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:12px;padding:6px 26px;border-radius:12px;background:var(--card)}
.areas summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;font-size:15px;font-weight:600;color:var(--pt);cursor:pointer}
.areas summary::-webkit-details-marker{display:none}
.areas summary svg{width:18px;height:18px;transition:transform .25s}
.areas[open] summary svg{transform:rotate(180deg)}
.areas dl{display:grid;grid-template-columns:120px 1fr;gap:8px 18px;padding:4px 0 20px}
.areas dt{font-size:14.5px;font-weight:600}
.areas dd{margin:0;font-size:14px;line-height:1.85;color:var(--tx-2)}
.faq__more{display:flex;justify-content:center;margin-top:28px}
.faq__morebtn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;font-size:16px;font-weight:600;color:var(--tx-2);transition:color .2s}
.faq__morebtn:hover{color:#fff}
.faq__morebtn svg{width:18px;height:18px}