@layer pmx.foundation, pmx.plugins, pmx.theme;
@layer pmx.plugins {
.pmx-prose a.pmx-link-card, a.pmx-link-card {
  display: flex; align-items: flex-start; gap: 1rem; min-width: 0;
  margin-block: .75rem; padding: 1.15rem; border: 1px solid var(--pmx-color-border);
  border-radius: var(--pmx-radius-lg); color: var(--pmx-color-fg);
  text-decoration: none; background: var(--pmx-color-bg);
  transition: background-color 120ms ease, border-color 120ms ease;
}
a.pmx-link-card:hover { background: var(--pmx-color-surface); border-color: var(--pmx-color-accent); }
a.pmx-link-card:focus-visible { outline: 2px solid var(--pmx-color-accent); outline-offset: 3px; }
.pmx-link-card-body { display: flex; flex: 1; flex-direction: column; gap: .45rem; min-width: 0; }
.pmx-link-card-title { font-family: var(--pmx-font-heading); font-size: 1.05em; font-weight: 650; line-height: 1.35; overflow-wrap: anywhere; }
.pmx-link-card-description { color: var(--pmx-color-muted); font-size: .9em; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.pmx-link-card-type { display: inline-flex; align-items: center; gap: .4em; margin-top: .35rem; font-size: .8em; line-height: 1.4; }
.pmx-link-card-type svg { flex: none; }
.pmx-prose .pmx-link-card-image, .pmx-link-card-image { width: clamp(3.5rem, 18%, 6rem); aspect-ratio: 1; object-fit: cover; flex: none; margin: 0; border-radius: var(--pmx-radius-md); }
@media (prefers-reduced-motion: reduce) { a.pmx-link-card { transition: none; } }
}