.faq{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:46px;text-align:left;padding:42px;background:linear-gradient(145deg,#f9fbfe,#f2f6fb)}
.faq-intro{align-self:start;position:sticky;top:112px}
.faq-intro h2{margin:7px 0 12px;font-size:clamp(28px,3vw,42px);line-height:1.12;letter-spacing:-.025em}
.faq-intro>p:last-child{color:var(--muted);max-width:520px;margin:0;line-height:1.65}
.faq-list{display:grid;gap:10px}
.faq-list details{overflow:hidden;border:1px solid #d9e3f0;border-radius:12px;background:#fff;box-shadow:0 5px 16px #243a5a0a}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px;color:var(--ink);font-weight:750;cursor:pointer;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#eef5ff;color:var(--blue);font-size:20px;font-weight:500;transition:transform .18s ease}
.faq-list details[open] summary::after{transform:rotate(45deg)}
.faq-list details[open] summary{color:var(--blue)}
.faq-list details>div{padding:0 18px 18px;border-top:1px solid #edf1f6}
.faq-list details p{margin:14px 0 0;color:var(--muted);line-height:1.65}
.faq-guidelines{display:grid;gap:8px;margin:14px 0 0;padding-left:20px;color:var(--muted);line-height:1.55}
.faq-guidelines li::marker{color:var(--blue)}
.faq-list a{color:var(--blue);font-weight:700}
@media(max-width:1000px){.faq{grid-template-columns:1fr;gap:24px}.faq-intro{position:static}}
@media(max-width:650px){.faq{padding:24px 18px}.faq-list summary{padding:15px}.faq-list details>div{padding:0 15px 16px}}