.faq{--faq-soft:color-mix(in srgb, var(--foreground) 72%, var(--background));--faq-rule:color-mix(in srgb, var(--foreground) 16%, var(--background));flex-direction:column;gap:40px;display:flex}@media (min-width:64rem){.faq{gap:calc(var(--gutter) * 2);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;display:grid}.faq-title{position:sticky;top:120px}}.faq-list{border-top:1px solid var(--faq-rule)}.faq-item{border-bottom:1px solid var(--faq-rule);interpolate-size:allow-keywords}.faq-summary{color:var(--foreground);justify-content:space-between;align-items:center;gap:24px;padding-block:24px;list-style:none;display:flex}.faq-summary::-webkit-details-marker{display:none}.faq-summary:focus-visible{outline:var(--focus-width) solid var(--foreground);outline-offset:-2px;border-radius:3px}.faq-question{letter-spacing:-.02em;text-wrap:balance;transition:opacity var(--dur-ui) var(--ease-ui);font-size:clamp(18px,1.38889vw,20px);font-weight:500;line-height:1.25}@media (hover:hover) and (pointer:fine){.faq-item:not([open]) .faq-summary:hover .faq-question{opacity:.62}}.faq-icon{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:square;width:24px;height:24px;transition:transform var(--dur-ui-slow) var(--ease-ui);flex:none}.faq-item[open] .faq-icon{transform:rotate(135deg)}.faq-answer{letter-spacing:-.01em;max-width:34em;color:var(--faq-soft);text-wrap:pretty;padding-bottom:28px;padding-right:48px;font-size:clamp(16px,1rem + .28vw,20px);line-height:1.5}@supports selector(::details-content){.faq-item::details-content{opacity:0;block-size:0;transition:block-size var(--dur-ui-slow) var(--ease-ui), opacity var(--dur-ui) var(--ease-ui), content-visibility var(--dur-ui-slow) allow-discrete;overflow:clip}.faq-item[open]::details-content{opacity:1;block-size:auto}}@media (prefers-reduced-motion:reduce){.faq-icon,.faq-question{transition:none}.faq-item::details-content{transition:none}}
