/* Generated by ds from recipes/card.json. Do not edit. */
.mds-card {
  background: var(--mds-color-semantic-surface);
  border: var(--mds-component-card-border-width) solid var(--mds-color-semantic-border);
  border-radius: var(--mds-radius-large);
  color: var(--mds-color-semantic-text);
  display: grid;
  font-family: var(--mds-font-family-sans);
  gap: var(--mds-component-card-gap);
  padding: var(--mds-component-card-padding);
}

.mds-card__header { display: grid; gap: var(--mds-space-semantic-control-gap); }
.mds-card__title { font-size: var(--mds-font-size-body); font-weight: var(--mds-font-weight-semibold); margin: 0; }
.mds-card__description { color: var(--mds-color-semantic-text-muted); font-size: var(--mds-font-size-caption); line-height: 1.45; margin: 0; }
.mds-card__content { line-height: 1.6; }
.mds-card__footer { align-items: center; border-top: var(--mds-component-card-border-width) solid var(--mds-color-semantic-border); display: flex; gap: var(--mds-space-semantic-control-gap); padding-top: var(--mds-component-card-gap); }
.mds-card__action { color: var(--mds-color-semantic-accent); font-size: var(--mds-font-size-caption); font-weight: var(--mds-font-weight-semibold); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.mds-card__action:focus-visible { outline: var(--mds-component-card-action-focus-ring-width) solid var(--mds-color-semantic-accent); outline-offset: 2px; }