/* TEST: moet direct zichtbaar zijn */
body {
  background: #D9D9D9;       /* lichtblauwe achtergrond, valt meteen op */
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
}

/* beetje ruimte voor content */
.content {
  padding: 24px 32px;
}
/* =========================
   HOME: content echt centreren
   (zonder bestaande CSS te breken)
   ========================= */

.content-center {
  display: grid;
  place-items: center;
  padding-top: 5px;
}

/* Zorg dat header + grid als één blok werken */
.content-center > * {
  width: min(1100px, 100%);
}

/* Home header styling */
.header-home {
  text-align: center;
  margin-bottom: 28px;
}

.header-home h1 {
  margin: 0 0 8px;
}

.header-home .muted {
  margin: 0;
  opacity: 0.75;
}
/* Home header: perfect in het midden en netjes onder elkaar */
.content-center .page-header{
  display: flex;
  flex-direction: column;
  align-items: center;   /* horizontaal centreren */
  text-align: center;    /* tekst centreren */
  gap: 10px;             /* ruimte tussen titel en subtitel */
  margin: 0 0 34px;      /* ruimte onder header */
}

/* Titel wat netter */
.content-center .page-header h1{
  margin: 0;
}

/* Subtitel */
.content-center .page-header .muted{
  margin: 0;
  opacity: 0.75;
}
.brand{
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.brand-logo{
  width: 38px;
  height: 38px;
  object-fit: contain;
}

.brand-title{
  margin: 0;
}