/*
.prose > :first-child{ margin-top:0; }
.prose p{ margin:0.9rem 0; }
.prose h2{ margin:2.1rem 0 0.8rem; font-size:1.5rem; font-weight:600; letter-spacing:-0.01em; }
.prose h3{ margin:1.6rem 0 0.6rem; font-size:1.3rem; font-weight:600; }
.prose ul, .prose ol{ padding-left:1.3rem; }
.prose li{ margin:0.35rem 0; }
.prose blockquote{
  margin:1.2rem 0;
  padding:0.7rem 1rem;
  border-left:4px solid var(--line);
  background:var(--card);
  border-radius:10px;
}
.prose pre{
  overflow:auto;
  padding:14px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#f7f7f7;
}
.prose code{
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size:0.95em;
  background:#f3f3f3;
  padding:0.15em 0.35em;
  border-radius:6px;
}
*/

.container h1, h2 {
  border-top: 3px solid var(--fg);
  padding: 20px 0 0 0;
}

.container h3 {
  border-top: 3px solid var(--line);
  padding: 15px 0 0 0;
}

.Xevent-header {
  display: block;
  background: linear-gradient(
    to bottom,
    var(--card),
    var(--bg)
  );
}

.page-date {
  margin-left: auto;
  text-align: center;
}

/* All images coming from Markdown content */
.prose img {
  max-width: 100%;
  display: block;
  border-radius:6px;
}

.prose img::after {
  content: attr(alt);
  display: block;
  font-size: 0.9rem;
  color: #666;
  text-align: center;
  margin-top: 0.4rem;
}

.prose hr,
article hr {
  border: none;
  height: 20px;              /* dikte */
  background-color: #fff;    /* lichtgrijs */
  margin: 2.5rem 0;          /* ruimte erboven/onder */
  border-radius: 999px;      /* zachte randen */
  box-shadow: 0 6px 18px rgba(0,0,0,0.05);
}


figure.event-image{
  margin:1.2rem 0 1.4rem;
  padding:14px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--card);
  box-shadow: 0 6px 18px rgba(0,0,0,0.1);
}
figure.event-image img{
  display:block;
  max-width:100%;
  height:auto;
  border-radius:10px;
}
figure.event-image figcaption{
  margin-top:10px;
  color:var(--muted);
  /* font-family:var(--ui);
  font-size:0.9rem; */
}

.prose table {
  border-collapse: collapse;
  table-layout: auto; /* let content size columns naturally */
}

.prose th,
.prose td {
  text-align: left;      /* key: make headers align with column text */
  vertical-align: top;
  padding-right: 32px;
}

.prose th:last-child,
.prose td:last-child {
  text-align: right;     /* numeric column */
}

.family ul{
  list-style: none;
  padding-left: 20px;
}

.family ul li{
  list-style: none;
}

.event-note {
  color:var(--muted);
}