.page-blog{padding-block:2rem 4rem}.page-blog .blog-inner{max-width:70ch}.page-blog .blog-index{max-width:52rem}.page-blog .crumbs{margin:0 0 1.5rem}.page-blog .crumbs__list{color:var(--muted);flex-wrap:wrap;gap:.35rem .5rem;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.page-blog .crumbs__list li:not(:last-child):after{content:"/";color:color-mix(in srgb, var(--muted) 70%, transparent);margin-left:.5rem}.page-blog .crumbs__list a{color:var(--violet);font-weight:600;text-decoration:none}.page-blog h1{letter-spacing:-.02em;margin:0 0 .75rem;font-size:clamp(1.85rem,4vw,2.6rem);line-height:1.15}.page-blog .lede{color:var(--muted);margin:0 0 1.75rem;font-size:1.05rem;line-height:1.6}.page-blog .post-list{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.page-blog .post-card{border:1px solid color-mix(in srgb, var(--muted) 22%, transparent);background:color-mix(in srgb, var(--surface) 75%, transparent);color:inherit;border-radius:1rem;gap:.85rem;padding:1rem;text-decoration:none;display:grid}.page-blog .post-card h2{margin:0 0 .35rem;font-size:1.25rem}.page-blog .post-card p{color:var(--muted);margin:0;line-height:1.5}.page-blog .post-card time{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.35rem;font-size:.82rem;font-weight:700;display:block}.page-blog .post-card__media{border-radius:.75rem;margin:0;overflow:hidden}.page-blog .post-card__media img{object-fit:cover;width:100%;height:11rem}.page-blog .article-hero{border-radius:var(--radius);margin:0 0 1.25rem;overflow:hidden}.page-blog .article-hero img{object-fit:cover;width:100%;height:auto;max-height:24rem}.page-blog .meta{color:var(--muted);margin:0 0 1.25rem;font-size:.92rem}.page-blog h2{margin:1.75rem 0 .65rem;font-size:1.3rem}.page-blog p{color:color-mix(in srgb, var(--fg) 88%, transparent);margin:0 0 1rem;font-size:1.02rem;line-height:1.7}.page-blog a{color:var(--violet);font-weight:600}@media (min-width:768px){.page-blog .post-card{grid-template-columns:11rem 1fr;align-items:center}.page-blog .post-card__media img{height:8.5rem}}
