@layer components {
  
  
  .c-component-card__meta, .c-component-card__title, .c-component-card__body { white-space: pre-wrap; overflow-wrap: anywhere; }
  .c-component-card__media:empty, .c-component-card__meta:empty, .c-component-card__title:empty, .c-component-card__body:empty, .c-component-card__details:empty, .c-component-card__actions:empty { display: none; }
  .c-component-card__title--strong { font-size: var(--wa-font-heading-size); font-weight: var(--wa-font-heading-weight); line-height: var(--wa-font-heading-line-height); }
}

@layer components {
  .c-component-card__intro:empty { display: none; }
  .c-component-card--media-wide > .c-card__media { flex: 2 1 calc(var(--space-10) * 4); }
  .c-component-card--media-wide > .c-card__body { flex: 1 1 calc(var(--space-10) * 2); }
}