.faq{display:grid;grid-template-columns:.9fr 1.5fr;gap:clamp(32px,6vw,90px)}.faq-intro>p{margin-block:var(--gap-xl);color:var(--muted);font-size:var(--body)}.faq-list{display:grid;gap:var(--gap-md);align-content:start}.faq-list details{background:var(--surface);border-radius:var(--radius-inner);padding-inline:var(--gap-xl)}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--gap-lg);padding-block:var(--gap-xl);cursor:pointer;font-size:clamp(17px,1.4vw,21px);font-weight:700;line-height:1.45}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{display:grid;place-items:center;width:40px;height:40px;flex:none;background:var(--panel);border-radius:var(--radius-button);transition:transform var(--duration)}.faq-list details:has(summary[aria-expanded=true]),.faq-list details[open]:not(:has(summary[aria-expanded])){background:var(--card-cool)}.faq-list summary[aria-expanded=true]>span,.faq-list details[open] summary:not([aria-expanded])>span{transform:rotate(45deg);background:var(--accent)}.faq-list details p{color:var(--muted);padding:0 var(--gap-2xl) var(--gap-xl) 0;line-height:1.75;font-size:var(--body)}
@media(max-width:850px){.faq{grid-template-columns:1fr}.faq-list details{padding-inline:var(--gap-lg)}.faq-list summary{padding-block:var(--gap-lg);font-size:17px}.faq-list details p{font-size:16px;padding-right:0}.faq-list summary>span{width:32px;height:32px}}