/* One centered CSS icon; suppress the literal + and inherited positioning. */
.area-faq summary>span{position:relative;display:block;flex:0 0 30px;width:30px;height:30px;box-sizing:border-box;border:1px solid var(--area-accent);border-radius:50%;font-size:0;line-height:1;transform:none;transition:none}
.area-faq summary>span:before,.area-faq summary>span:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:2px;border-radius:1px;background:var(--area-accent);transform:translate(-50%,-50%)}
.area-faq summary>span:after{transform:translate(-50%,-50%) rotate(90deg);transition:opacity .18s ease}
.area-faq details[open] summary>span{transform:none}
.area-faq details[open] summary>span:after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}
@media(prefers-reduced-motion:reduce){.area-faq summary>span:after{transition:none}}