.faq{padding:clamp(40px,7vw,96px) 0}
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,5vw,72px);align-items:start}
.faq-intro{position:sticky;top:88px}
.faq-more{margin-top:2rem;padding:1.3rem 1.4rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.faq-more p:last-child{margin-bottom:0}
.faq-list details{border:1px solid var(--line);border-radius:12px;background:var(--surface);margin:0 0 12px}
.faq-list summary{cursor:pointer;font-weight:600;padding:1rem 3rem 1rem 1.2rem;list-style:none;position:relative;line-height:1.45}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"";position:absolute;right:1.2rem;top:50%;width:.55rem;height:.55rem;border-right:2px solid var(--purple-ink);border-bottom:2px solid var(--purple-ink);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.faq-list details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq-list details[open] summary{border-bottom:1px solid var(--line)}
.faq-list summary:focus-visible{outline-offset:-3px}
.answer{padding:1rem 1.2rem 1.2rem;color:var(--text)}
.answer>*:last-child{margin-bottom:0}
.answer .sub{font:700 1rem var(--font-head);margin:1.2rem 0 .4rem;color:var(--purple-ink)}
.answer ul,.answer ol{padding-left:1.3rem}
.answer li{margin-bottom:.5rem}
.answer li>ul{margin-top:.4rem}
@media (max-width:980px){
  .faq-grid{grid-template-columns:1fr}
  .faq-intro{position:static}
}