.snout-card{display:flex;flex-direction:column;background-color:var(--card-bg, var(--color-background));border:1px solid var(--card-border, var(--color-border));border-radius:var(--card-radius, var(--radius-md));box-shadow:var(--card-shadow, var(--shadow-sm));overflow:hidden;transition:all .2s var(--ease-out-cubic)}.snout-card--interactive{cursor:pointer}.snout-card--interactive:hover{border-color:var(--card-border-hover, var(--color-primary));box-shadow:var(--card-shadow-hover, var(--shadow-md));transform:var(--card-hover-transform, translateY(-2px))}.snout-card--interactive:focus{outline:2px solid var(--card-focus-color, var(--color-primary));outline-offset:2px}.snout-card--interactive:active{transform:var(--card-active-transform, translateY(0))}.snout-card-header{padding:var(--card-header-padding, 1.25rem 1.5rem);border-bottom:1px solid var(--card-divider, var(--color-border));background-color:var(--card-header-bg, transparent);font-weight:var(--card-header-weight, var(--weight-semibold));font-size:var(--card-header-size, 1.125rem);color:var(--card-header-color, var(--color-foreground))}.snout-card-body{padding:var(--card-body-padding, 1.5rem);flex:1;color:var(--card-body-color, var(--color-foreground));line-height:var(--line-md)}.snout-card-footer{padding:var(--card-footer-padding, 1rem 1.5rem);border-top:1px solid var(--card-divider, var(--color-border));background-color:var(--card-footer-bg, var(--color-muted));font-size:var(--card-footer-size, .875rem);color:var(--card-footer-color, var(--color-muted-foreground))}