/* Native Ghost articles share corporate tokens and chrome, not Casper's global reset. */
.cv-breadcrumb-bar--corporate:has(> .cv-case-share) { display: flex; align-items: center; gap: 16px; padding-inline: var(--cv-header-inset, 40px); }
.cv-breadcrumb-bar--corporate:has(> .cv-case-share) .cv-breadcrumb { flex: 1; min-width: 0; width: auto; margin: 0; }
.cv-breadcrumb-bar--corporate > .cv-case-share { flex: 0 0 auto; flex-wrap: nowrap; align-self: center; width: auto; margin-top: 0; }
.cv-native-post { width: min(var(--cv-max), calc(100% - 2 * var(--cv-page-gutter))); margin: 32px auto 64px; color: var(--cv-ink); }
/* Align the article surface with Home sections using the same width and gutters. */
.cv-native-post > .cv-post-surface { box-sizing: border-box; min-width: 0; padding: 32px; border: 1px solid #dee2e6; border-radius: 16px; background: var(--cv-glass-surface, #fff); box-shadow: 0 2px 4px #00000013; -webkit-backdrop-filter: var(--cv-glass-blur, none); backdrop-filter: var(--cv-glass-blur, none); }
.cv-native-post :is(.article-header, .gh-content, .article-comments) { min-width: 0; }
.cv-native-post .article-title { margin: 12px 0 20px; color: var(--cv-content-title-color); font-size: var(--cv-heading-size); overflow-wrap: anywhere; text-wrap: pretty; }
.cv-native-post .article-excerpt { margin: 0 0 24px; color: var(--cv-muted); }
.cv-native-post .article-byline { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-bottom: 28px; font-size: 14px; }
.cv-native-post .article-byline-content { display: flex; align-items: center; gap: 12px; min-width: 0; }
.cv-native-post .author-list { display: flex; list-style: none; margin: 0; padding: 0; }
.cv-native-post .author-avatar { display: block; width: 40px; height: 40px; }
.cv-native-post .author-profile-image { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; background: #eee; }
.cv-native-post .author-avatar svg { width: 40px; height: 40px; fill: var(--cv-muted); }
.cv-native-post .author-name { margin: 0; font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
.cv-native-post .byline-meta-content { color: var(--cv-muted); }
.cv-native-post :is(.article-image, .kg-image-card) { width: 100%; margin: 0; }
.cv-native-post .article-image { width: calc(100% + 64px); margin: -32px -32px 32px; }
.cv-native-post .article-image figcaption { margin-inline: 32px; }
.cv-native-post :is(.gh-feature-image, .kg-image) { display: block; width: auto; max-width: 100%; height: auto; margin-inline: auto; object-fit: contain; }
.cv-native-post .gh-feature-image { width: 100%; border-radius: 15px 15px 0 0; }
.cv-native-post .gh-content .kg-image-card { max-width: 960px; margin-block: 40px; margin-inline: auto; }
.cv-native-post .kg-image { max-height: 540px; }
.cv-native-post .gh-content img.kg-image[data-cv-image-frame="subtle"] { box-sizing: border-box; border: 1px solid #dee2e6; border-radius: 8px; }
.cv-native-post figcaption { margin-top: 10px; color: var(--cv-muted); font-size: 14px; line-height: 1.5; }
.cv-native-post .gh-content { font-family: inherit; font-size: var(--cv-body-size); line-height: 1.7; overflow-wrap: anywhere; }
.cv-native-post .gh-content > * { margin: 0 0 24px; }
.cv-native-post .gh-content :is(h2, h3) { color: var(--cv-content-title-color); text-wrap: pretty; scroll-margin-top: 110px; }
.cv-native-post .gh-content h2 { margin-top: 40px; font-size: var(--cv-content-h2); font-weight: 700; }
.cv-native-post .gh-content h3 { margin-top: 28px; font-size: var(--cv-content-h3); font-weight: 700; }
.cv-native-post .gh-content :is(ul, ol) { padding-left: 24px; }
.cv-native-post .gh-content li + li { margin-top: 8px; }
.cv-native-post .gh-content a { text-decoration: underline; text-underline-offset: 3px; }
.cv-native-post .gh-content pre { padding: 16px; overflow-x: auto; background: #f1f3f5; border: 1px solid #dee2e6; border-radius: 4px; font-size: 15px; }
.cv-native-post .gh-content code { font-family: monospace; }
.cv-native-post .gh-content table { display: block; width: 100%; overflow-x: auto; border-collapse: collapse; font-size: 16px; }
.cv-native-post .gh-content :is(th, td) { padding: 12px; border: 1px solid #dee2e6; min-width: 120px; text-align: left; vertical-align: top; }
.cv-native-post .gh-content th { background: #f1f3f5; color: var(--cv-content-title-color); }
.cv-native-post :is(.article-comments, .footer-cta, .read-more-wrap) { margin-top: 48px; }
.cv-native-post .read-more { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.cv-native-post .post-card { min-width: 0; font-size: 14px; }
.cv-native-post .post-card-title { margin-block: 12px; font-size: var(--cv-content-h3); }
.cv-native-post .post-card-image { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.cv-native-post .post-card-meta { margin-top: 12px; color: var(--cv-muted); }
.cv-native-post .post-card :is(.post-card-featured, .post-card-access) svg { width: 16px; height: 16px; }
.cv-native-post .footer-cta-title { font-size: var(--cv-content-h2); }
@media (max-width: 700px) {
    .cv-native-post { margin-top: 24px; }
    .cv-native-post > .cv-post-surface { padding: 16px; }
    .cv-native-post .article-image { width: calc(100% + 32px); margin: -16px -16px 32px; }
    .cv-native-post .article-image figcaption { margin-inline: 16px; }
    .cv-native-post .article-title { font-size: 32px; }
    .cv-native-post .read-more { grid-template-columns: minmax(0, 1fr); }
}