/* The Journal pairs existing treatment illustrations with a quiet color palette. */
.public-site.page-journal .blog-card {
  background: #edf5f2;
  border: 1px solid #d4e3dd;
  box-shadow: 0 8px 24px rgba(35, 64, 74, .07);
}
.public-site.page-journal .journal-grid > :nth-child(4n + 2) .blog-card { background: #faf2e7; border-color: #eadcc9; }
.public-site.page-journal .journal-grid > :nth-child(4n + 3) .blog-card { background: #edf3f8; border-color: #d6e2ec; }
.public-site.page-journal .journal-grid > :nth-child(4n + 4) .blog-card { background: #f5efec; border-color: #e7dcd6; }
.page-journal .journal-card-image { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.public-site.page-journal .blog-kicker { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; color: #365b60; }
.public-site.page-journal .blog-hero .blog-kicker { justify-content: center; }
.page-journal .journal-new { background: #215f6d; color: #fff; border-radius: 999px; padding: 3px 9px; font-size: .68rem; letter-spacing: .06em; }
.page-journal .blog-card .card-title { line-height: 1.35; }
.public-site.page-journal .blog-card .btn { border-color: #215f6d; color: #215f6d; min-height: 44px; display: inline-flex; align-items: center; }
.public-site.page-journal .blog-card .btn:hover { background: #215f6d; color: #fff; }
.page-journal .blog-card a:focus-visible,
.page-journal-article a:focus-visible { outline: 3px solid #215f6d; outline-offset: 4px; }
.page-journal-article .journal-article-image { display: block; width: 100%; height: auto; border-radius: 16px; margin-bottom: 2rem; }
.page-journal-article .article-body { max-width: 72ch; margin-inline: auto; }
.page-journal-article .article-body li { line-height: 1.8; margin-bottom: .5rem; }
.page-journal-article .journal-service-callout { margin-top: 2rem; padding: clamp(20px, 4vw, 32px); background: #edf5f2; border: 1px solid #c9ddd5; border-radius: 16px; }
.page-journal-article .journal-service-callout h2 { margin-top: 0; }
.page-journal-article .journal-service-callout .btn { white-space: normal; min-height: 44px; }
.page-journal-article .article-hero .small a { color: #fff !important; opacity: 1 !important; }

.public-site.page-journal-article .article-wrap { max-width: 920px; }