/* Shared blog footer. One component for every article; scoped classes so no
   page's inline footer CSS can reach it. */
footer.blog-footer{background:var(--ink,#100F0A);color:rgba(247,244,238,.62);padding:2.5rem 2rem;margin:0;text-align:left;border:0}
footer.blog-footer .bf-inner{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem 2rem}
footer.blog-footer .bf-logo{font-family:var(--font-display,'Sora',sans-serif);font-size:1.125rem;font-weight:800;letter-spacing:-.02em;text-decoration:none;color:#F7F4EE}
footer.blog-footer .bf-logo span{color:var(--accent-bright,#E84A1C)}
footer.blog-footer .bf-links{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:0;padding:0;list-style:none}
footer.blog-footer .bf-links a{font-size:.8125rem;color:rgba(247,244,238,.62);text-decoration:none;transition:color .2s}
footer.blog-footer .bf-links a:hover{color:#F7F4EE}
footer.blog-footer .bf-meta{max-width:1120px;margin:1.5rem auto 0;padding-top:1.5rem;border-top:1px solid rgba(247,244,238,.1);font-size:.78rem;line-height:1.5;color:var(--muted-on-dark,#8C8880)}
footer.blog-footer .bf-meta p{margin:0 0 .4rem;color:inherit;font-size:inherit;max-width:62ch}
footer.blog-footer .bf-copy{font-family:var(--font-mono,'DM Mono',monospace);font-size:.7rem}
@media (max-width:640px){footer.blog-footer{padding:2rem 1rem}footer.blog-footer .bf-inner{flex-direction:column;align-items:flex-start}}