html{scroll-behavior:smooth}
.post-hero{padding-top:2.5rem;padding-bottom:1.5rem}@media (min-width:640px){.post-hero{padding-top:3.5rem}}
.post-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin:0;font-size:.8rem;font-weight:700;color:var(--color-faint)}
.post-crumbs a{color:var(--color-ink)}.post-crumbs a:hover{color:var(--color-brand)}
.blog-cats{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.8rem 0 0;padding:0;list-style:none}