/* Container met ruimte tussen de kaarten */
/* Optional: if you want a bit of spacing between cards when using .grid */
.link-cards{
  display: grid;
  grid-template-columns: 1fr;     /* margin is narrow: one per row */
  row-gap: 5px;                /* ↓ reduce space between cards */
  margin-top: 5px;              /* optional: less space above the list */
  margin-bottom: 0;

}
/* Make the anchor inside a card behave like a full card */
.link-card a{
  display: block;                 /* the whole box becomes clickable */
  border: 1px solid var(--bs-border-color, #d0d7de);
  border-radius: .5rem;
  padding: 5px 5px;           /* ↓ less vertical whitespace */
  color: inherit;                 /* not blue */
  text-decoration: none;          /* no underline */
  background: transparent;
  transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

/* Hover/focus feedback */
.link-card a:hover,
.link-card a:focus{
  border-color: var(--bs-primary, #0d6efd);
  background-color: rgba(var(--bs-primary-rgb, 13,110,253), .04);
  box-shadow: 0 0 0 .15rem rgba(var(--bs-primary-rgb, 13,110,253), .12);
  outline: none;
}

/* Tight typography inside the card */
.link-card .link-title{
  display: block;
  white-space: nowrap;
  margin: 0;                      /* remove extra space below the text */
  line-height: 1.25;              /* a bit tighter */
}

/* If a Markdown paragraph <p> is generated around the link, strip its margin */
.link-card > p{ margin: 0; }
/* Hover/focus: subtiel accent, blijft licht */
.link-card:hover,
.link-card:focus{
  border-color: var(--bs-primary);
  background-color: rgba(var(--bs-primary-rgb), .03);
  box-shadow: 0 0 0 .2rem rgba(var(--bs-primary-rgb), .12);
  outline: none;
}

/* Titel + subtiele tweede regel */
.link-title{
  display:block;
  font-weight: 600;
}
.link-url{
  display:block;
  font-size: .875rem;
  color: var(--bs-secondary-color);
}