/* ==========================================================================
   Pirova Schoonmaak — Blogartikel
   ========================================================================== */

.page-single > section {
  padding: 56px 0;
}

.page-single .hero--compact h1 {
  max-width: 22ch;
}

.page-single .post-meta {
  font-size: var(--fs-small);
}

.page-single .post-main {
  padding-top: 40px;
  padding-bottom: 48px;
}

.post-article {
  min-width: 0;
}

.post-thumb {
  margin: 0 0 var(--space-5);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.post-thumb-img {
  width: 100%;
  height: auto;
  display: block;
}

.entry-prose {
  max-width: 68ch;
}

.entry-prose h2,
.entry-prose h3 {
  margin: var(--space-5) 0 var(--space-3);
}

.entry-prose ul,
.entry-prose ol {
  margin: 0 0 var(--space-3);
  padding-left: 1.25em;
}

.entry-prose ul {
  list-style: disc;
}

.entry-prose ol {
  list-style: decimal;
}

.entry-prose li {
  margin-bottom: 6px;
  color: var(--color-text-muted);
}

.entry-prose a {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.entry-prose img {
  border-radius: var(--radius-sm);
  margin: var(--space-4) 0;
}

.post-tags {
  margin-top: var(--space-5);
  font-size: var(--fs-small);
  color: var(--color-text-soft);
}

.post-cta-inline {
  margin-top: var(--space-6);
}

.post-cta-inline .cta-band {
  text-align: left;
}

.post-cta-inline .cta-band p {
  margin-left: 0;
}

.post-cta-inline .hero-actions {
  justify-content: flex-start;
}

.post-related {
  padding-top: 24px;
  padding-bottom: 72px;
}

.post-related .card h3 a {
  color: var(--color-text);
}

.post-related .card h3 a:hover,
.post-related .card h3 a:focus-visible {
  color: var(--color-teal);
}

@media (max-width: 900px) {
  .page-single {
    padding-bottom: 88px;
  }
}

@media (max-width: 640px) {
  .page-single > section {
    padding: 48px 0;
  }

  .page-single .hero--compact h1 {
    max-width: none;
  }
}

@media print {
  .cta-sticky-bar,
  .post-sidebar,
  .post-cta-inline {
    display: none !important;
  }
}