@layer styles {
  .ui-floral-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    border: 1px solid var(--floral-line);
    border-radius: var(--floral-control-radius);
    background: var(--floral-paper);
    color: var(--floral-ink);
    font-family: var(--floral-sans);
    font-size: var(--floral-control-text);
    line-height: 1.5;
  }

  .ui-floral-card--cream { background: var(--floral-paper); }
  .ui-floral-card--blush { background: var(--floral-blush); }

  .ui-floral-card__header,
  .ui-floral-card__body,
  .ui-floral-card__footer {
    min-width: 0;
    overflow-wrap: anywhere;
    padding: var(--space-sm) var(--space-md);
  }

  .ui-floral-card__header {
    border-bottom: 1px solid var(--floral-line);
    font-family: var(--floral-serif);
    font-size: var(--text-lg);
    line-height: 1.25;
  }

  .ui-floral-card__body { flex: 1 1 auto; }
  .ui-floral-card__footer { border-top: 1px solid var(--floral-line); }

  .ui-floral-card__header > :first-child,
  .ui-floral-card__body > :first-child,
  .ui-floral-card__footer > :first-child { margin-block-start: 0; }

  .ui-floral-card__header > :last-child,
  .ui-floral-card__body > :last-child,
  .ui-floral-card__footer > :last-child { margin-block-end: 0; }
}