/* retrofit-article-v1 — branded post pages */
.blog-page .breadcrumb{max-width:760px;margin:1.5rem auto 0;padding:0 1.5rem;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;font-family:'Courier New', monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;opacity:.75}
.blog-page .breadcrumb li+li::before{content:"/";margin-right:.5rem;opacity:.4}
.blog-page .breadcrumb a{color:inherit;text-decoration:none}
.blog-page .post-article{max-width:760px;margin:0 auto;padding:1.5rem 1.5rem 4rem}
.blog-page .post-head{margin:1.5rem 0 2rem}
.blog-page .post-cat{font-family:'Courier New', monospace;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#0052cc;border:1px solid #0052cc;padding:.3rem .7rem;border-radius:100px;display:inline-block;margin-bottom:1.1rem}
.blog-page .post-article h1{font-family:Georgia, 'Times New Roman', serif;font-size:clamp(2.1rem,4.5vw,3rem);line-height:1.12;font-weight:600;letter-spacing:-.01em;margin:0 0 1rem}
.blog-page .post-lede{font-family:Georgia, 'Times New Roman', serif;font-style:italic;font-size:1.3rem;line-height:1.55;color:rgba(0,0,0,.55);margin:0 0 1.2rem}
.blog-page .post-byline{font-family:'Courier New', monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(0,0,0,.55)}
.blog-page .post-byline .dot{margin:0 .55rem;color:#0052cc}
.blog-page .post-hero{margin:0 0 2.2rem;border-radius:10px;overflow:hidden}
.blog-page .post-hero img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}
.blog-page .post-body{font-family:-apple-system, 'Segoe UI', sans-serif;font-size:1.05rem;line-height:1.85}
.blog-page .post-body p{margin:0 0 1.35rem}
.blog-page .post-body h2{font-family:Georgia, 'Times New Roman', serif;font-size:1.7rem;font-weight:600;line-height:1.25;margin:2.6rem 0 1rem;padding-top:1.2rem;border-top:1px solid rgba(0,0,0,.1)}
.blog-page .post-body ul,.blog-page .post-body ol{margin:0 0 1.35rem;padding-left:1.4rem}
.blog-page .post-body li{margin-bottom:.5rem}
.blog-page .post-body a{color:#0052cc}
.blog-page .post-body p:first-child::first-letter{font-family:Georgia, 'Times New Roman', serif;font-size:3.4em;float:left;line-height:.82;padding:.04em .12em 0 0;color:#0052cc}
.blog-page .disclaimer{background:rgba(0,0,0,.025);border-left:3px solid #0052cc;padding:1.1rem 1.3rem;margin:2.5rem 0;font-size:.88rem;line-height:1.65;border-radius:0 8px 8px 0}
.blog-page .post-cta{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;background:rgba(0,0,0,.025);border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:1.8rem 2rem;margin:2.5rem 0}
.blog-page .post-cta h2{font-family:Georgia, 'Times New Roman', serif;font-size:1.5rem;margin:0 0 .35rem}
.blog-page .post-cta p{margin:0;font-size:.95rem;color:rgba(0,0,0,.55);max-width:46ch}
.blog-page .post-cta-btn{font-family:'Courier New', monospace;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;background:#0052cc;color:#0a0a08;padding:.9rem 1.6rem;border-radius:6px;text-decoration:none;white-space:nowrap}
.blog-page .rel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin:2.5rem 0 1.5rem}
.blog-page .rel-card{display:flex;flex-direction:column;gap:.45rem;background:rgba(0,0,0,.025);border:1px solid rgba(0,0,0,.1);border-radius:10px;padding:1.2rem 1.3rem;text-decoration:none;color:inherit;transition:border-color .25s}
.blog-page .rel-card:hover{border-color:#0052cc}
.blog-page .rel-cat{font-family:'Courier New', monospace;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:#0052cc}
.blog-page .rel-title{font-family:Georgia, 'Times New Roman', serif;font-size:1.12rem;line-height:1.3;font-weight:600}
.blog-page .back-link a{font-family:'Courier New', monospace;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#0052cc;text-decoration:none}
@media (max-width:560px){.blog-page .post-cta{flex-direction:column;align-items:flex-start}}