@layer components {
  .c-composition-link-box { --card-container: normal; display: block; min-inline-size: 0; color: inherit; text-decoration: none; overflow-wrap: anywhere; }
  .c-composition-link-box__layout { --stack-gap: var(--space-4); }
  .c-composition-link-box__copy { --stack-gap: var(--space-2); min-inline-size: 0; }
  .c-composition-link-box__media { min-inline-size: 0; max-inline-size: 100%; }
  .c-composition-link-box__media:empty { display: none; }
  .c-composition-link-box__title, .c-composition-link-box__meta, .c-composition-link-box__body { margin: 0; white-space: pre-wrap; }
  .c-composition-link-box__title:empty, .c-composition-link-box__meta:empty, .c-composition-link-box__body:empty { display: none; }
  .c-composition-link-box--inline .c-composition-link-box__layout { flex-direction: row; align-items: center; }
  .c-composition-link-box--inline .c-composition-link-box__media { flex: 0 0 var(--space-7); }
  .c-composition-link-box--inline .c-composition-link-box__copy { flex: 1 1 auto; }
  .c-composition-link-box--split .c-composition-link-box__layout { flex-direction: row; flex-wrap: wrap; align-items: center; }
  .c-composition-link-box--split .c-composition-link-box__media { flex: 1 1 calc(var(--space-10) * 2); }
  .c-composition-link-box--split .c-composition-link-box__copy { flex: 2 1 calc(var(--space-10) * 2); }
}
@layer components {

}

@layer components {
  .c-composition-link-box--plain > .c-card__body { padding: 0; }
}
@layer components {
  .c-composition-link-box--content-first .c-composition-link-box__media { order: 1; }
  .c-composition-link-box--preview > .c-composition-link-box__layout, .c-composition-link-box--preview .c-composition-link-box__copy { --stack-gap: 0; }
  .c-composition-link-box--preview .c-composition-link-box__title { padding: var(--space-4); }
  .c-composition-link-box--preview .c-composition-link-box__meta, .c-composition-link-box--preview .c-composition-link-box__body { padding: var(--space-3) var(--space-4); }
}
@layer components {
  .c-composition-link-box[role="button"] { cursor: pointer; }
  .c-composition-link-box[role="button"][aria-disabled="true"] { cursor: default; }
}