.faq-section{padding:110px 0;background:#fff}
.faq-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;align-items:start}
.faq-intro{position:sticky;top:115px}
.faq-intro h2{font:800 clamp(36px,4.2vw,58px)/1.06 Manrope,sans-serif;margin:15px 0 20px}
.faq-intro p{color:var(--muted);font-size:17px;margin-bottom:28px}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line);padding:0 4px}
.faq-list summary{position:relative;list-style:none;cursor:pointer;padding:24px 52px 24px 0;font:700 18px/1.35 Manrope,sans-serif;color:var(--ink)}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;right:8px;top:18px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--mint);color:var(--green);font:700 22px sans-serif;transition:.2s transform}
.faq-list details[open] summary:after{transform:rotate(45deg);background:var(--lime);color:var(--ink)}
.faq-list details p{margin:-5px 50px 24px 0;color:var(--muted);font-size:15px}
.faq-list summary:focus-visible{outline:3px solid var(--lime);outline-offset:4px;border-radius:6px}
@media(max-width:850px){.faq-section{padding:75px 0}.faq-layout{grid-template-columns:1fr;gap:42px}.faq-intro{position:static}.faq-intro .btn{display:none}}
@media(max-width:560px){.faq-list summary{font-size:16px;padding-right:45px}.faq-list details p{margin-right:8px}}
