/* Direction follows the symbol; surrounding labels retain their layout. */
/* Draw the disclosure icon independently of font glyph metrics. */
body.cover-clean .alternatives-action{min-height:44px;gap:14px;line-height:1.4}
body .alternatives-chevron{position:relative;display:inline-block;flex:0 0 20px;width:20px;height:20px;font-size:0;line-height:0;transform:none}
body .alternatives-chevron::before{content:"";position:absolute;inset:0;background:currentColor;clip-path:polygon(45% 10%,55% 10%,55% 66%,76% 45%,83% 52%,50% 85%,17% 52%,24% 45%,45% 66%);transition:transform .22s ease}
body details#alternatives[open] .alternatives-chevron{transform:none}
body details#alternatives[open] .alternatives-chevron::before{transform:rotate(180deg)}
@media(hover:hover){body #alternatives .alternatives-heading:hover .alternatives-chevron.rj-motion-arrow{transform:translateY(2px)}body details#alternatives[open] .alternatives-heading:hover .alternatives-chevron.rj-motion-arrow{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){body .alternatives-chevron::before,body .alternatives-chevron::after{transition:none}}
body .rj-motion-entry{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,background .22s ease,border-color .22s ease}
body .rj-motion-arrow{display:inline-block;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
body .rj-motion-entry:focus-visible{outline:3px solid var(--action-focus,#9eaf87);outline-offset:4px}
body .rj-motion-entry:focus-visible{transform:translate(var(--entry-x),var(--entry-y))}
body .rj-motion-entry:focus-visible .rj-motion-arrow{transform:translate(var(--arrow-x),var(--arrow-y))}
@media(hover:hover){
 body .rj-motion-entry:not(:disabled):not([aria-disabled=true]):hover{transform:translate(var(--entry-x),var(--entry-y));filter:brightness(1.025)}
 body .rj-motion-entry:not(:disabled):not([aria-disabled=true]):hover .rj-motion-arrow{transform:translate(var(--arrow-x),var(--arrow-y))}
}
body .rj-motion-entry:not(:disabled):not([aria-disabled=true]):active{transform:translateY(1px)}
body .rj-motion-entry:not(:disabled):not([aria-disabled=true]):active .rj-motion-arrow{transform:translate(calc(var(--arrow-x) / 2),calc(var(--arrow-y) / 2))}
@media(prefers-reduced-motion:reduce){
 body .rj-motion-entry,body .rj-motion-arrow{transition:none!important}
 body .rj-motion-entry:is(:hover,:active),body .rj-motion-entry:is(:hover,:active,:focus-visible) .rj-motion-arrow{transform:none!important}
}
