/* Blog pages: scoped to body.blog-page. MacroBarry palette — obsidian #090A0F (60), slate #141622 (30), cobalt #3B82F6 (10). */
.blog-page main{margin-left:0}
.blog-page .breadcrumbs{max-width:760px;margin:0 auto;padding:34px 24px 0}
.blog-page .breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;font-size:11px;color:#8b93a7}
.blog-page .breadcrumbs li+li:before{content:'/';margin-right:8px;color:#3a3f55}
.blog-page .breadcrumbs a{color:#aab2c5}
.blog-page .breadcrumbs a:hover{color:#93C5FD}
.blog-page .breadcrumbs [aria-current]{color:#e2e5ec;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.blog-hero,.post-list,.post,.post-cta,.post-more{max-width:760px;margin:0 auto;padding-left:24px;padding-right:24px}
.blog-hero{padding-top:44px;padding-bottom:20px}
.blog-hero h1,.post-header h1{font-size:clamp(30px,5vw,46px);line-height:1.08;letter-spacing:-1.6px;font-weight:650;margin:14px 0 16px;color:#F3F4F6}
.blog-hero p{font-size:16px;color:#aab2c5;max-width:600px;margin:0}
.post-list{display:grid;gap:16px;padding-top:24px;padding-bottom:20px}
.post-card{background:#141622;border:1px solid #272a3a;border-radius:6px;padding:24px 26px;transition:border-color .2s}
.post-card:hover{border-color:#2c4a80}
.post-card h2{font-size:21px;line-height:1.25;letter-spacing:-.4px;margin:8px 0 10px}
.post-card h2 a:hover{color:#93C5FD}
.post-card>p:not(.post-meta){color:#aab2c5;font-size:14px;margin:0 0 14px}
.post-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:#8b93a7;margin:0}
.post-tags{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:0}
.post-tags li{font-size:10px;letter-spacing:.6px;padding:3px 8px;border:1px solid #2e3245;border-radius:2px;color:#aab2c5;background:#1c1f2e}
.post{padding-top:28px}
.post-header{border-bottom:1px solid #272a3a;padding-bottom:22px;margin-bottom:8px}
.post-dek{font-size:17px;line-height:1.55;color:#aab2c5;margin:0 0 18px}
.post-header .post-tags{margin:16px 0 0}
.post-hero{display:block;width:100%;height:auto;margin-top:22px;border-radius:6px;border:1px solid #272a3a}
.post-body{font-size:16.5px;line-height:1.75;color:#e2e5ec}
.post-body h2{font-size:24px;line-height:1.25;letter-spacing:-.5px;margin:40px 0 12px;color:#F3F4F6}
.post-body h3{font-size:18px;margin:28px 0 8px;color:#F3F4F6}
.post-body p,.post-body ul,.post-body ol{margin:0 0 18px}
.post-body ul,.post-body ol{padding-left:22px}
.post-body li{margin-bottom:8px}
.post-body li::marker{color:#60A5FA}
.post-body a{color:#93C5FD;text-decoration:underline;text-decoration-color:#2c4a80;text-underline-offset:3px}
.post-body a:hover{color:#BFDBFE;text-decoration-color:#60A5FA}
.post-body strong{color:#F3F4F6;font-weight:620}
.post-body blockquote{margin:24px 0;padding:16px 20px;background:#141622;border:1px solid #272a3a;border-left:3px solid #3B82F6;border-radius:0 6px 6px 0;color:#d6dae3}
.post-body blockquote p:last-child{margin-bottom:0}
.post-body code{font-size:.9em;background:#1c1f2e;border:1px solid #2e3245;padding:1px 5px;border-radius:3px}
.post-body h2,.post-body h3{scroll-margin-top:90px}
.post-disclaimer{margin:36px 0 0;padding:18px 20px;background:#141622;border:1px solid #2e3245;border-radius:6px;font-size:13px;color:#aab2c5}
.post-disclaimer p{margin:10px 0 0}
.post-disclaimer strong{color:#e2e5ec}
.post-cta{margin-top:36px;margin-bottom:12px}
.post-cta{background:linear-gradient(180deg,#16213a 0%,#141622 100%);border:1px solid #2c4a80;border-radius:8px;padding-top:30px;padding-bottom:30px;max-width:712px}
.post-cta h2{font-size:24px;letter-spacing:-.6px;line-height:1.2;margin:10px 0 8px}
.post-cta p{color:#aab2c5;margin:0 0 20px}
.post-more{padding-top:28px;padding-bottom:40px}
.post-more h2{font-size:16px;margin:0 0 12px}
.post-more ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.post-more li{display:flex;flex-direction:column;gap:2px;padding:12px 0;border-top:1px solid #272a3a}
.post-more a{font-weight:560}
.post-more span{font-size:12px;color:#8b93a7}
.blog-page footer{margin-top:24px}
@media(max-width:600px){.post-body{font-size:16px}.post-card{padding:20px}.post-cta{margin-left:16px;margin-right:16px}.blog-page .preview-label{display:none}}