@layer components{.faq-toggle{border:1px solid var(--border);flex-shrink:0;width:28px;height:28px;transition:border-color .2s,background .2s,color .2s;position:relative}.faq-toggle:before,.faq-toggle:after{content:"";background:currentColor;width:10px;height:1.5px;transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.faq-toggle:after{transform:translate(-50%,-50%)rotate(90deg)}[aria-expanded=true]>.faq-toggle{border-color:var(--primary);background:color-mix(in oklch, var(--primary) 10%, transparent);color:var(--primary-text)}[aria-expanded=true]>.faq-toggle:after{transform:translate(-50%,-50%)rotate(0)}.faq-answer :where(p,ul,ol)+:where(p,ul,ol){margin-top:.75em}.faq-answer :where(li)+:where(li){margin-top:.25em}.faq-answer :where(strong){color:color-mix(in oklch, var(--foreground) 85%, transparent);font-weight:600}.faq-answer :where(a){color:var(--primary-text);text-underline-offset:3px;text-decoration:underline}.faq-answer :where(a):hover{text-decoration-thickness:2px}}@media (min-width:64rem){.faq-cat:before{content:"";background:var(--primary);width:2px;transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;top:.45rem;bottom:.45rem;left:-1px;transform:scaleY(0)}.faq-cat[aria-current=true]:before{transform:scaleY(1)}}@keyframes faq-in{0%{opacity:0;transform:translateY(8px)}}::highlight(faq-search){background-color:color-mix(in oklab, var(--primary) 32%, transparent);color:inherit}
