/* Shared native FAQ state: plus when closed, minus when open. */
.profile-faq details > summary > :is(.faq-toggle,.profile-faq-icon){position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;font-size:0}
.profile-faq details > summary > :is(.faq-toggle,.profile-faq-icon) svg{display:none}
.profile-faq details > summary > :is(.faq-toggle,.profile-faq-icon)::before,
.profile-faq details > summary > :is(.faq-toggle,.profile-faq-icon)::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;border-radius:1px;background:currentColor;transform:translate(-50%,-50%)}
.profile-faq details > summary > :is(.faq-toggle,.profile-faq-icon)::after{transform:translate(-50%,-50%) rotate(90deg)}
.profile-faq details[open] > summary > :is(.faq-toggle,.profile-faq-icon)::after{display:none}
/* Guide FAQs without an icon wrapper keep their question as the accessible name. */
.guide-faq details > summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;list-style:none;cursor:pointer}
.guide-faq details > summary::-webkit-details-marker{display:none}
.guide-faq details > summary::marker{content:""}
.guide-faq details > summary::after{content:"";display:block;box-sizing:border-box;flex:0 0 44px;width:44px;height:44px;border:1px solid #cbd5e1;border-radius:10px;background-color:#f5f7fa;background-image:linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor);background-size:16px 2px,2px 16px;background-position:center;background-repeat:no-repeat}
.guide-faq details[open] > summary::after{background-image:linear-gradient(currentColor,currentColor);background-size:16px 2px}
