/* Blog layout for getrobotorchestra.com — sits on top of /styles.css */
.blog-main{max-width:820px;padding-top:120px;padding-bottom:40px}
.blog-kicker a{color:var(--accent,#57c7ff);text-decoration:none;font-family:var(--mono);font-size:.85rem}
.blog-title{font-size:clamp(1.9rem,4.5vw,2.9rem);line-height:1.15;margin:.4em 0 .3em}
.blog-sub{font-size:1.2rem;opacity:.85;line-height:1.5}
.blog-meta{font-family:var(--mono);font-size:.82rem;opacity:.6;margin:1em 0 2em}
.blog-article{font-size:1.08rem;line-height:1.75}
.blog-article h2{font-size:1.55rem;margin:1.6em 0 .5em;line-height:1.3}
.blog-article h3{font-size:1.2rem;margin:1.4em 0 .4em}
.blog-article p{margin:.9em 0}
.blog-article ul,.blog-article ol{margin:.9em 0 .9em 1.2em}
.blog-article li{margin:.45em 0}
.blog-article blockquote{border-left:3px solid #c9a227;margin:1.4em 0;padding:.4em 0 .4em 1em;font-size:1.25rem;line-height:1.5;font-weight:600}
.blog-article figure{margin:1.8em 0}
.blog-article img,.post-card img{width:100%;height:auto;border-radius:12px;display:block}
.blog-article figcaption,.post-card figcaption{font-size:.85rem;opacity:.65;text-align:center;margin-top:.5em;font-family:var(--mono)}
.blog-article hr{border:none;border-top:1px solid rgba(255,255,255,.15);margin:2em 0}
.blog-article a{color:#57c7ff}
.blog-cta{border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:1.4em 1.6em;margin:2.5em 0}
.blog-cta-btn{display:inline-block;background:#c9a227;color:#0b0d14;font-weight:700;padding:.7em 1.3em;border-radius:10px;text-decoration:none}
.post-card{border:1px solid rgba(255,255,255,.15);border-radius:14px;overflow:hidden;margin-top:2em}
.post-card-body{padding:1.2em 1.5em 1.5em}
.post-card h2{font-size:1.5rem;line-height:1.3;margin:.3em 0 .5em}
.post-card h2 a{color:inherit;text-decoration:none}
.post-card a{color:#57c7ff}
.blog-footer{max-width:820px;opacity:.7;font-size:.9rem;padding-bottom:50px}
.blog-footer a{color:#57c7ff}