/* Single blog-post styling so posts match the pghv2 dark site. Added 2 Sep 2026. */

/* Dark background + Flatsome container resets (mirrors the standard-page body). */
html,
body.pghv2-page-body { margin: 0; padding: 0; background: #030b17; color: #f7fbff; overflow-x: hidden; }
body.pghv2-page-body #wrapper,
body.pghv2-page-body #main,
body.pghv2-page-body .page-wrapper,
body.pghv2-page-body .container,
body.pghv2-page-body .container-width,
body.pghv2-page-body .row,
body.pghv2-page-body .row.row-collapse,
body.pghv2-page-body .col,
body.pghv2-page-body .col-inner { max-width: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
body.pghv2-page-body .off-canvas-wrapper,
body.pghv2-page-body .off-canvas-wrapper-inner { max-width: none !important; width: 100% !important; }
.pghv2-site-shell,
.pghv2-standard-page { --pghv2-max-width: 1200px; }

/* Post header */
.pghv2-standard-page--post { padding: 26px 0 54px; }
.pgfc-post-header { max-width: 820px; margin: 0 auto; text-align: center; padding: 4px 0 2px; }
.pgfc-post-header .pghv2-page-kicker { margin-bottom: 12px; }
.pgfc-post-header h1 { color: var(--pghv2-text, #f7fbff); font-size: clamp(26px, 4vw, 40px); line-height: 1.18; margin: 0 0 10px; }
.pgfc-post-meta { color: var(--pghv2-muted, #b8c9e0); font-size: 13px; letter-spacing: .4px; text-transform: uppercase; }

/* Post body typography on the dark content card */
.pghv2-standard-page--post .entry-content { color: var(--pghv2-muted, #b8c9e0); font-size: 16px; line-height: 1.65; }
.pghv2-standard-page--post .entry-content > h3:first-child { margin-top: 0; }
.pghv2-standard-page--post .entry-content h2,
.pghv2-standard-page--post .entry-content h3,
.pghv2-standard-page--post .entry-content h4 { color: var(--pghv2-text, #f7fbff); line-height: 1.3; margin: 26px 0 8px; }
.pghv2-standard-page--post .entry-content a { color: var(--pghv2-accent-2, #74d4ff); }
.pghv2-standard-page--post .entry-content strong { color: var(--pghv2-text, #f7fbff); }
.pghv2-standard-page--post .entry-content ul { padding-left: 20px; }
.pghv2-standard-page--post .entry-content li { margin: 6px 0; }

/* Tables + code: override the light inline styles used by older posts. */
.pghv2-standard-page--post .entry-content table { width: 100%; border-collapse: collapse; margin: 14px 0; font-size: 15px; }
.pghv2-standard-page--post .entry-content th { background: rgba(115,189,255,.10) !important; color: var(--pghv2-text, #f7fbff) !important; text-align: left; padding: 10px 12px !important; border: 1px solid var(--pghv2-border, rgba(115,189,255,.16)) !important; }
.pghv2-standard-page--post .entry-content td { padding: 10px 12px !important; border: 1px solid var(--pghv2-border, rgba(115,189,255,.16)) !important; background: transparent !important; color: var(--pghv2-muted, #b8c9e0); }
.pghv2-standard-page--post .entry-content td strong,
.pghv2-standard-page--post .entry-content td b { color: var(--pghv2-text, #f7fbff); }
.pghv2-standard-page--post .entry-content code { background: rgba(115,189,255,.14) !important; color: var(--pghv2-accent-2, #74d4ff) !important; padding: 2px 7px; border-radius: 5px; font-size: 14px; }
.pghv2-standard-page--post .entry-content img { max-width: 100%; height: auto; border-radius: 8px; }

/* Keep the in-content store CTA readable on the dark card. */
.pghv2-standard-page--post .entry-content .pghv2-standard-content-card { background: transparent; }