/* AGR-21: reusable managed BLOG header; City and body patterns are outside this scope. */
.pbb-single-article { --pbb-article-column: 740px; --pbb-heading-size: 52px; --pbb-intro-size: 20px; --pbb-category-gap: 16px; --pbb-intro-gap: 24px; --pbb-photo-gap: 32px; }
.prv-blog-builder-article.pbb-single-article .pbb-article-composition {
  width: min(100%, var(--pbb-article-column)); max-width: var(--pbb-article-column); margin-inline: auto; text-align: left;
}
.pbb-single-article .pbb-article-composition .prv-blog-builder-article__intro { display: flex; flex-direction: column; min-width: 0; }
.pbb-single-article .pbb-article-composition .prv-blog-builder-article__breadcrumb { justify-content: flex-start; }
.pbb-single-article .pbb-article-composition .prv-blog-builder-article__kicker { margin: 0 0 var(--pbb-category-gap); }
.pbb-single-article .pbb-article-composition .prv-blog-builder-article__title {
  width: 100%; max-width: none; margin: 0; font: 400 var(--pbb-heading-size)/1.1 'Cormorant Garamond', Georgia, serif; text-wrap: pretty;
}
.pbb-single-article .pbb-article-composition .prv-blog-builder-article__dek {
  width: 100%; max-width: none; margin: var(--pbb-intro-gap) 0 0; font: 400 var(--pbb-intro-size)/1.5 'Inter', Arial, sans-serif;
}
.pbb-single-article .pbb-article-composition .prv-blog-builder-article__hero { width: 100%; margin: var(--pbb-photo-gap) 0 0; }
.pbb-single-article .pbb-article-composition .prv-blog-builder-article__hero-image { object-position: var(--pbb-hero-x, 50%) var(--pbb-hero-y, 50%); }
.pbb-single-article .pbb-article-composition .prv-blog-builder-article__hero[data-pbb-hero-mode="full"] img {
  display: block; width: 100%; height: auto; max-height: none; aspect-ratio: auto; object-fit: contain;
}
.pbb-single-article .pbb-article-composition .prv-blog-builder-article__hero[data-pbb-hero-mode="wide"] img {
  display: block; width: 100%; height: auto; max-height: none; aspect-ratio: 16 / 9; object-fit: cover;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .prv-blog-builder-article.pbb-single-article { padding-inline: 32px; --pbb-heading-size: 48px; }
}
@media (max-width: 767px) {
  .prv-blog-builder-article.pbb-single-article { padding-inline: 24px; --pbb-heading-size: 34px; --pbb-intro-size: 18px; --pbb-category-gap: 12px; --pbb-intro-gap: 20px; --pbb-photo-gap: 24px; }
}