/* Direction follows the symbol; surrounding labels retain their layout. */
/* Keep the route disclosure compact while its expanded cards use the full row. */
body.cover-clean #alternatives {
  width:100%;max-width:100%;margin-top:22px;
  padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;
}
body.cover-clean details#alternatives > summary {
  display:flex;align-items:center;justify-content:space-between;
  width:min(100%,320px);min-height:48px;margin:0 auto;padding:10px 16px;
  gap:24px;border:1px solid #d8dfcf;border-radius:12px;
  background:#f4f6ef;box-shadow:none;list-style:none;
}
body.cover-clean details#alternatives > summary::-webkit-details-marker {display:none}
body.cover-clean details#alternatives > summary h3 {
  margin:0;font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;
}
body.cover-clean #alternatives .alternatives-action {
  min-height:0;padding:0;border:0;border-radius:0;background:transparent;
  box-shadow:none;font-size:13px;gap:8px;transform:none;
}
body.cover-clean #alternatives > summary:hover {
  background:#edf2e6;border-color:#bdcbb1;box-shadow:0 4px 12px #6b826512;
}
body.cover-clean #alternatives .alternative-grid {margin-top:20px}
/* 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}
}