.card{background-color:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border);padding:0;width:100%;box-sizing:border-box;overflow:hidden;transition:transform var(--motion-transition-base),box-shadow var(--motion-transition-base),border-color var(--motion-transition-fast)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.card--ink{background-color:var(--color-surface-ink);border-color:var(--color-border-on-ink);color:var(--color-text-on-ink)}.card--paper-tilted{transform:rotate(-1.2deg)}.card--paper-tilted:hover{transform:rotate(0) translateY(-3px)}.card-arrow-mark{width:30px;height:30px;border-radius:50%;border:1px solid var(--color-border);color:var(--color-text-main);transition:background-color var(--motion-transition-fast),border-color var(--motion-transition-fast),color var(--motion-transition-fast),transform var(--motion-transition-fast)}.card-arrow-mark--ink{border-color:var(--color-border-on-ink);color:var(--color-text-on-ink)}.card:hover .card-arrow-mark{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface);transform:rotate(8deg)}.card-content{margin-top:3px}.card-footer-rule{margin-top:auto;padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.card-footer-rule--ink{border-top-color:var(--color-border-on-ink)}.card-image-container{width:100%;max-height:220px;overflow:hidden;border-bottom:1px solid var(--color-border)}.card-image.svelte-19mu6do{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--motion-transition-slow)}.card:hover .card-image.svelte-19mu6do{transform:scale(1.03)}@media(max-width:768px){.card{border-radius:var(--radius-md)}.card>.box{padding:18px 15px!important;gap:14px!important}.card--paper-tilted{transform:none}}