@layer components{.faq summary{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:1.25rem 0;cursor:pointer;list-style:none;font-size:1.0625rem;font-weight:560;color:var(--color-ink-900);transition:color .18s var(--ease-out-brand)}.faq summary::-webkit-details-marker{display:none}.faq summary:hover{color:var(--color-accent-600)}.faq-sign{flex-shrink:0;margin-top:.25rem;color:var(--color-accent-600);transition:transform .22s var(--ease-out-brand)}.faq[open] .faq-sign{transform:rotate(45deg)}.faq-body{padding-bottom:1.25rem;max-width:60ch;color:var(--color-ink-500);font-size:.9375rem;line-height:1.65;animation:faq-in .28s var(--ease-out-brand)}@keyframes faq-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}}