.card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid #0000}.card--bordered{border-color:var(--color-border)}.card--elevated{box-shadow:var(--shadow-md)}.card--md{padding:var(--space-24)}.card--lg{padding:var(--space-48)}.card--danger{border-color:var(--color-error)}.card--danger .card__title{color:var(--color-error-text)}.card__title{font-size:var(--text-lg);font-weight:var(--weight-title);color:var(--color-text);margin-bottom:var(--space-16)}.card__description{max-width:var(--card-text-max);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-16)}.card>.labelled-row+.form-alert{margin-block:var(--space-12)}.card>.form-alert:last-child{margin-bottom:0}.card__footnote{max-width:var(--card-text-max);font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-16)}.card--interactive{color:inherit;cursor:pointer;transition:box-shadow var(--duration-reveal) var(--ease-out), border-color var(--duration-reveal) var(--ease-out);text-decoration:none;display:block}.card--interactive:focus{outline:none}.card--interactive:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (hover:hover) and (pointer:fine){.card--interactive:hover{box-shadow:var(--shadow-md)}}