.clickableCard{cursor:pointer}
.clickableCard:focus-visible{outline:3px solid #d61950;outline-offset:4px}
.clickableCard button,.clickableCard a,.clickableCard input,.clickableCard select,.clickableCard textarea{cursor:revert}
.cardDetailDialog{width:min(480px,calc(100% - 32px));max-height:80dvh;padding:32px;border:1px solid #eadde1;border-radius:22px;box-shadow:0 24px 90px #16040c45;color:#29141c;background:#fffdfa;overflow:auto}
.cardDetailDialog::backdrop{background:#18080c90;backdrop-filter:blur(5px)}
.cardDetailDialog h2{padding-right:30px;margin:0 0 18px;font:28px/1.15 Georgia,serif}
.cardDetailDialog p{font-size:15px;line-height:1.7;color:#675660}
.cardDetailDialog>button{position:absolute;top:12px;right:12px;width:36px;height:36px;border:1px solid #eadde1;border-radius:50%;background:white;color:#29141c;font-size:25px;cursor:pointer}