/* =========================================================
   Koenraad.online — Centraal stijlbestand
   Stap A: typografie + content-structuur (gidsen/blog/tools)
   ========================================================= */

/* ---------- Content in kaarten (.card) ---------- */

.card p {
  margin: 0 0 1rem 0;
  line-height: 1.75;
}

.card p:last-child {
  margin-bottom: 0;
}

/* Kopjes binnen de content (bv. "Wat is het?") */
.card p > strong:first-child {
  color: var(--accent);
}

.card p > strong {
  color: var(--accent);
  font-weight: 600;
}

/* Lijsten in de content */
.card ul,
.card ol {
  margin: 0 0 1rem 0;
  padding-left: 1.4rem;
}

.card ul:last-child,
.card ol:last-child {
  margin-bottom: 0;
}

.card li {
  margin-bottom: 0.5rem;
  line-height: 1.7;
}

.card li:last-child {
  margin-bottom: 0;
}

/* ---------- Koppen ---------- */

.card h2 {
  margin: 0 0 1rem 0;
  font-size: 1.3rem;
}

.card h3 {
  margin: 0 0 0.6rem 0;
}

/* ---------- Links in de content ---------- */

.card a {
  color: var(--accent);
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 255, 153, 0.3);
  transition: border-color 0.3s;
}

.card a:hover {
  border-bottom-color: var(--accent);
}

/* ---------- Algemene adem tussen blokken ---------- */

.container > .card + .card {
  margin-top: 1.25rem;
}