/* ============================================
   Berichten (mededelingen) en categoriepagina
   ============================================ */
.post__inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: min(100%, 1140px);
  margin: 0 auto;
  padding: 50px 0;
}

.post__title { color: var(--color-text); font-size: 60px; }
.post__text--narrow { flex-shrink: 0; width: 72.099%; max-width: 72.099%; }

/* Categoriepagina: het standaard Hello-sjabloon (geen Elementor) */
.archive {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
}

.archive__title { margin-block: .5rem 1rem; font-size: 2rem; font-weight: 500; line-height: 1.2; }
.archive__title a { text-decoration: none; }
.archive__image img { display: inline; width: 100%; max-height: 500px; object-fit: cover; }

@media (max-width: 1199px) { .archive { max-width: 800px; } }
@media (max-width: 991px) { .archive { max-width: 600px; } .archive__image img { max-height: 400px; } }
@media (max-width: 767px) {
  .archive { max-width: 500px; }
  .post { padding: 0 15px; }
  .post__inner { gap: 10px; padding: 30px 0; }
  .post__title { font-size: 30px; }
  .post__text { font-size: 15px; }
  .post__text--narrow { width: 100%; max-width: 100%; }
  .post__cta .btn { font-size: 13px; }
}
@media (max-width: 575px) { .archive { max-width: none; padding: 0 10px; } .archive__image img { max-height: 300px; } }