.faq__list { display: grid; gap: 10px; max-width: 820px; }
.faq__item { background: var(--surface); border-radius: var(--r-md); box-shadow: var(--shadow-sm); overflow: hidden; }
.faq__item summary { list-style: none; cursor: pointer; padding: 18px 56px 18px 20px; font-weight: 600; position: relative; transition: background-color var(--t) var(--ease); }
.faq__item summary::-webkit-details-marker { display: none; }
.faq__item summary:hover { background: #fafafc; }
.faq__item summary::after { content: ''; position: absolute; right: 22px; top: 50%; width: 9px; height: 9px; margin-top: -7px; border-right: 2px solid var(--muted); border-bottom: 2px solid var(--muted); transform: rotate(45deg); transition: transform var(--t) var(--ease); }
.faq__item[open] summary::after { transform: rotate(-135deg); margin-top: -2px; }
.faq__answer { padding: 0 20px 20px; color: var(--muted); animation: faqIn .35s var(--ease); }
@keyframes faqIn { from { opacity: 0; transform: translateY(-6px); } }