.card[data-v-2bb357c8]{background-color:var(--card-bg,var(--surface-secondary));border:var(--card-border-width,var(--border-thin)) solid var(--card-border-color,var(--border-soft));border-radius:var(--radius-card);box-shadow:var(--card-shadow,none);padding:var(--inset-card)}.card--book[data-v-2bb357c8]{border-radius:var(--radius-control);padding:var(--inset-card-compact)}.card--primary[data-v-2bb357c8]{background-color:var(--button-primary-bg)}.card--clickable[data-v-2bb357c8]{cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring)}.card--clickable[data-v-2bb357c8]:focus-visible,.card--stretched[data-v-2bb357c8]:has(>.card__hit:focus-visible){outline:2px solid var(--interactive-primary);outline-offset:2px}.card--clickable[data-v-2bb357c8]:active{transform:scale(var(--scale-press-subtle))}.card--stretched[data-v-2bb357c8]{isolation:isolate;pointer-events:none;position:relative}.card__hit[data-v-2bb357c8]{background:none;border:none;border-radius:inherit;cursor:pointer;inset:0;padding:0;pointer-events:auto;position:absolute;z-index:-1}.card__hit[data-v-2bb357c8]:focus-visible{outline:none}.card--stretched[data-v-2bb357c8] :is(a,button,input,select,textarea,label,summary,[role=button],[role=link],[tabindex]:not([tabindex="-1"])){pointer-events:auto}@media(min-width:768px){.card--clickable[data-v-2bb357c8]:hover{transform:translateY(-1px)}}