body .card-clickable{position:relative;padding-bottom:30px;cursor:pointer}
body .card-clickable{transition:transform .18s,box-shadow .18s,border-color .18s}
body .card-clickable:is(:hover,:focus-visible){transform:translateY(-3px);border-color:var(--primary);box-shadow:0 12px 28px #4b243b16}
@media(prefers-reduced-motion:reduce){body .card-clickable{transition:none}body .card-clickable:is(:hover,:focus-visible){transform:none}}
.card-navigation-indicator{position:absolute;right:14px;bottom:10px;display:inline-flex;width:20px;height:20px;pointer-events:none;opacity:.8;transition:transform .18s,opacity .18s}
.card-navigation-indicator img{display:block;width:100%;height:100%;object-fit:contain}
.card-clickable:hover>.card-navigation-indicator,.card-clickable:focus-visible>.card-navigation-indicator{opacity:1;transform:translate(2px,-2px)}
body .card-clickable:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
@media (hover:hover) and (pointer:fine){
  html,body{cursor:url('../assets/cursors/rose-arrow.svg?v=2') 4 2,auto}
  body :is(a,button:not(:disabled):not(.sd-calculator-drag),summary,[role=button],[role=link],.card-clickable,.compact-search-trigger){cursor:url('../assets/cursors/rose-hand.svg?v=2') 9 4,pointer}
  body :is(input:not([type=button]):not([type=submit]):not([type=checkbox]):not([type=radio]),textarea,[contenteditable=true]){cursor:text}
  body :is(button:disabled,input:disabled,select:disabled){cursor:not-allowed}
}
@media(prefers-reduced-motion:reduce){.card-navigation-indicator{transition:none}.card-clickable:hover>.card-navigation-indicator,.card-clickable:focus-visible>.card-navigation-indicator{transform:none}}