.card{border-radius:var(--radius-md)}.card-default{background:var(--color-surface);border:1px solid var(--color-hairline);box-shadow:var(--shadow-sm)}.card-dark{background:var(--color-ink);color:var(--color-canvas)}.card-outline{border:1px solid var(--color-hairline);background:0 0}.card-padding-none{padding:0}.card-padding-sm{padding:var(--space-3)}.card-padding-md{padding:var(--space-4)}.card-padding-lg{padding:var(--space-6)}button.card{text-align:left;width:100%;font:inherit;color:inherit}.card-clickable:focus-visible{outline:2px solid var(--color-amber);outline-offset:2px}.card-clickable.card-default:hover{border-color:var(--color-ink-soft)}.card-clickable.card-dark:hover{background:color-mix(in srgb, var(--color-ink) 88%, var(--color-amber) 12%)}.card-clickable.card-outline:hover{border-color:var(--color-ink-soft)}