.faq{background:#79090b;color:var(--color-paper);--line:color-mix(in srgb,var(--color-paper) 24%,transparent);--muted:color-mix(in srgb,var(--color-paper) 88%,#79090b)}
.faq-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,7vw,96px);align-items:start}
.faq-intro p{color:var(--muted);line-height:1.8}
.faq-list{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:80px;padding:22px 0;cursor:pointer;list-style:none;font-size:1rem;font-weight:600}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:focus-visible{outline:2px solid var(--color-paper);outline-offset:3px}
.faq-toggle{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;color:var(--color-paper);transition:background-color 180ms,border-color 180ms}
.faq-item[open] .faq-toggle{background:var(--color-brand);border-color:var(--color-brand)}
.faq-intro .text-link{color:var(--color-paper)}
@media(hover:hover) and (pointer:fine){.faq-intro .text-link:hover{color:var(--color-paper)}}
.faq-toggle .icon{transition:transform 220ms var(--ease-out)}
.faq-item[open] .faq-toggle .icon{transform:rotate(45deg)}
.faq-answer{padding:0 50px 24px 0}
.faq-answer p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.8}
@media(max-width:767px){.faq-layout{grid-template-columns:1fr;gap:28px}.faq-item summary{min-height:72px}.faq-answer{padding-right:0}}
@media(prefers-reduced-motion:reduce){.faq-toggle .icon{transition:none}}