.page-faq{background:radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--page-accent) 10%,transparent),transparent 28rem),var(--bg)}
.faq-intro{padding-bottom:22px}
.faq-shell{max-width:900px}
.faq-list{display:grid;gap:14px}
.faq-item{border:1px solid color-mix(in srgb,var(--line) 88%,transparent);background:color-mix(in srgb,var(--panel) 92%,transparent);border-radius:var(--radius);overflow:hidden}
.faq-item summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;font-weight:850;font-size:1.03rem}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';font-size:1.45rem;color:var(--page-accent);line-height:1;transition:transform .2s ease}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-answer{padding:0 22px 22px;color:var(--muted);line-height:1.75;max-width:75ch}
.faq-empty{padding:24px;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}
@media(max-width:700px){.faq-item summary{padding:17px 18px}.faq-answer{padding:0 18px 18px}}