/* GENERATED by build_blogs.py: the blog list and article pages. Colours come from each site's own stylesheet. */
.blog{max-width:820px}
.blog-kicker{font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin:0 0 8px}
.blog-lead{max-width:62ch;opacity:.85;margin-top:10px}
.blog .post-list{list-style:none;margin:0;padding:0;display:grid;gap:28px}
.blog .post-list li{margin:0;padding:0}
.blog .post-list li::before{content:none}
.blog .post-card{display:grid;grid-template-columns:240px 1fr;gap:22px;align-items:start;text-decoration:none;color:inherit}
.blog .post-card img{width:100%;aspect-ratio:1200/627;height:auto;object-fit:cover;border-radius:8px;display:block}
.blog .post-card h2{font-size:1.2rem;line-height:1.3;margin:4px 0 8px}
.blog .post-card p{margin:0 0 8px}
.blog .post-card:hover h2{text-decoration:underline}
.blog .post-date{font-size:.85rem;opacity:.7;margin:0}
.blog .more{font-weight:600}
.blog .hero-img{width:100%;height:auto;border-radius:10px;display:block;margin:0 0 26px}
.blog .back{display:inline-block;margin-top:34px;font-weight:600}
.blog blockquote{border-left:4px solid currentColor;margin:22px 0;padding:4px 18px;font-style:italic;opacity:.9}
.blog-empty{opacity:.8}
@media (max-width:640px){.blog .post-card{grid-template-columns:1fr;gap:12px}}