:root { color-scheme: light; font-family: Arial, sans-serif; color:#20272a; background:#f7f8fa; letter-spacing:0; }
* { box-sizing:border-box; }
body { margin:0; line-height:1.65; }
a { color:#086f66; text-underline-offset:3px; }
.header,.site-footer { max-width:1100px; margin:auto; padding:24px; display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.header { border-bottom:1px solid #d9dfe3; align-items:center; }
.logo { display:flex; align-items:center; gap:10px; color:inherit; font-weight:700; text-decoration:none; }
.logo-img { width:36px; height:36px; object-fit:contain; }
.main-card { max-width:1000px; margin:0 auto; padding:40px 24px; }
.blog-post-page { max-width:800px; }
h1 { font-size:36px; line-height:1.2; margin:16px 0; overflow-wrap:anywhere; }
h2 { font-size:24px; line-height:1.3; margin:32px 0 14px; }
h3 { font-size:20px; }
.post-description { color:#52616a; font-size:18px; }
.post-meta,.post-byline,.blog-card-meta { font-size:14px; color:#52616a; }
.post-meta { display:flex; flex-wrap:wrap; gap:12px; }
.post-header { border-bottom:1px solid #d9dfe3; padding-bottom:24px; }
.post-content p,.post-content li { overflow-wrap:anywhere; }
.post-content img { max-width:100%; }
.post-content pre { overflow:auto; padding:16px; background:#e9edef; }
.post-cta { margin-top:40px; border-top:1px solid #d9dfe3; padding-top:20px; }
.post-tags { display:flex; flex-wrap:wrap; gap:12px; }
.blog-listing { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:32px; }
.blog-card { border-bottom:1px solid #d9dfe3; padding:16px 0 24px; }
.blog-card-link { text-decoration:none; color:inherit; }
.blog-card-title { font-size:23px; margin:12px 0; }
.blog-card-meta { display:flex; justify-content:space-between; gap:12px; }
.blog-card-read-more { color:#086f66; text-decoration:underline; }
.topic-cluster,.blog-pillar { margin:32px 0; padding:24px; border:1px solid #d9dfe3; border-left:4px solid #086f66; border-radius:6px; background:#fff; }
.topic-cluster h2,.topic-cluster h3,.blog-pillar h2 { margin-top:0; }
.topic-cluster ul { margin-bottom:0; }
.cluster-eyebrow { margin:0 0 8px; color:#52616a; font-size:13px; font-weight:600; text-transform:uppercase; }
.cluster-groups { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px; }
.cluster-group { min-width:0; }
.blog-pillar a { color:#086f66; }
.site-footer { font-size:14px; color:#52616a; border-top:1px solid #d9dfe3; }
@media(max-width:600px) { h1 {font-size:28px;} .blog-listing {grid-template-columns:1fr;} .main-card {padding:28px 20px;} }