.ds-card{--ds-card-background: var(--card-bg);--ds-card-border-color: var(--card-border);--ds-card-border-width: var(--border-width-thin);--ds-card-border-style: solid;--ds-card-shadow: var(--card-shadow);--ds-card-radius: var(--mode-radius);--ds-card-padding: var(--space-md);--ds-card-title-font: var(--mode-font-heading);--ds-card-title-weight: var(--heading-weight);--ds-card-title-size: var(--type-body);--ds-card-body-color: var(--text-secondary);--ds-card-header-gap: var(--space-2xs);--ds-card-section-gap: var(--space-sm);--ds-card-footer-gap: var(--space-xs);box-sizing:border-box;display:block;position:relative;width:100%;padding:var(--ds-card-padding);border:var(--ds-card-border-width) var(--ds-card-border-style) var(--ds-card-border-color);border-radius:var(--ds-card-radius);background:var(--ds-card-background);box-shadow:var(--ds-card-shadow);color:var(--text-primary);font-family:var(--mode-font-body);text-align:inherit}.ds-card[data-layout=vertical]{display:flex;flex-direction:column}.ds-card[data-padding=none]{--ds-card-padding: 0}.ds-card[data-padding=compact]{--ds-card-padding: var(--space-xs)}.ds-card[data-padding=comfortable]{--ds-card-padding: var(--space-sm)}.ds-card[data-state=empty]{--ds-card-background: var(--color-surface-dim);--ds-card-border-color: var(--border-subtle);--ds-card-border-width: var(--border-width-accent);--ds-card-border-style: dashed;--ds-card-shadow: none}.ds-card[data-state=filled][data-tone=highlight]{--ds-card-border-color: var(--color-primary);--ds-card-border-width: var(--border-width-accent)}.ds-card-header{display:flex;flex-direction:column;gap:var(--ds-card-header-gap);margin-block-end:var(--ds-card-section-gap)}.ds-card-header--inline{flex-direction:row;align-items:center;justify-content:space-between}.ds-card-title{margin:0;color:var(--text-primary);font-family:var(--ds-card-title-font);font-size:var(--ds-card-title-size);font-weight:var(--ds-card-title-weight);line-height:var(--leading-snug)}.ds-card-description,.ds-card-content{color:var(--ds-card-body-color);font-size:var(--type-body-sm);line-height:var(--leading-normal)}.ds-card-description{margin:0}.ds-card-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ds-card-footer-gap);margin-block-start:var(--ds-card-section-gap)}.ds-card--interactive{cursor:pointer;transition:transform var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.ds-card--interactive:hover{transform:translateY(calc(var(--space-3xs) * -.5));box-shadow:var(--shadow-lg)}.ds-card--interactive:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--ds-card-shadow)}@media(forced-colors:active){.ds-card--interactive:focus-visible{outline:var(--border-width-accent) solid Highlight;outline-offset:var(--space-3xs)}}.ds-card--interactive:active{transform:none;box-shadow:var(--ds-card-shadow)}.ds-card--interactive:disabled,.ds-card[aria-disabled=true]{cursor:not-allowed;opacity:var(--opacity-muted);pointer-events:none}@media(prefers-reduced-motion:reduce){.ds-card--interactive{transition:none}.ds-card--interactive:hover,.ds-card--interactive:active{transform:none}}.ds-card--dense{--ds-card-padding: var(--space-sm)}.ds-card--elevated{--ds-card-shadow: var(--shadow-warm-md)}.ds-card--outlined{--ds-card-shadow: none}.ds-card--highlighted{--ds-card-background: var(--color-subtle);--ds-card-border-color: var(--color-primary);--ds-card-border-width: var(--border-width-accent);--ds-card-shadow: none}.ds-card--media{display:flex;align-items:center;gap:var(--space-sm)}.ds-card--tone-default,.ds-card--tone-surface{--ds-card-background: var(--card-bg)}.ds-card--tone-hero{--ds-card-background: var(--card-hero)}.ds-card--tone-story{--ds-card-background: var(--tone-story)}.ds-card--tone-feedback{--ds-card-background: var(--tone-feedback)}.ds-card--tone-tool{--ds-card-background: var(--tone-tool)}.ds-card--tone-tool-active{--ds-card-background: var(--tone-tool-active)}.ds-card--tone-muted{--ds-card-background: var(--color-surface-dim)}.ds-card--tone-primary{--ds-card-background: var(--primary-soft)}.ds-card--tone-cta{--ds-card-background: var(--cta-soft)}