.blog-hero .lead{max-width:42rem}.blog-list-section{padding-top:var(--space-4)}.blog-tags{gap:var(--space-2);margin:0 0 var(--space-6);padding-bottom:var(--space-1);scrollbar-width:none;display:flex;overflow-x:auto}.blog-tags::-webkit-scrollbar{display:none}@media (width>=768px){.blog-tags{flex-wrap:wrap;justify-content:center;overflow:visible}}.blog-tag{align-items:center;gap:var(--space-1);min-height:var(--tap-min);padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font-size:var(--font-sm);white-space:nowrap;flex:none;font-weight:500;text-decoration:none;display:inline-flex}.blog-tag:hover{border-color:var(--color-primary);color:var(--color-link);text-decoration:none}.blog-tag[aria-current=page]{border-color:var(--color-dark);background:var(--color-dark);color:var(--color-on-dark)}.blog-tag-count{color:inherit;opacity:.7;font-size:var(--font-xs)}.blog-grid{gap:var(--space-6);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}@media (width>=700px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:1rem;flex-direction:column;height:100%;transition:box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.blog-card:has(.blog-card-link:focus-visible){outline:3px solid var(--color-focus);outline-offset:2px}.blog-card-picture{aspect-ratio:16/10;background:var(--color-peach);overflow:hidden}.blog-card-picture img{object-fit:cover;width:100%;height:100%}.blog-card-placeholder{height:100%;color:var(--color-link);font-family:var(--font-heading);font-size:var(--font-xl);place-items:center;display:grid}.blog-card-body{gap:var(--space-2);padding:var(--space-4) var(--space-5) var(--space-5);flex-direction:column;flex:1;display:flex}.blog-card-tag{color:var(--color-link);font-size:var(--font-xs);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:600}.blog-card-title{font-size:var(--font-lg);margin:0;line-height:1.35}.blog-card-link{color:var(--color-text);text-decoration:none}.blog-card-link:after{content:"";position:absolute;inset:0}.blog-card-link:focus-visible{outline:none}.blog-card-excerpt{color:var(--color-text-muted);font-size:var(--font-sm);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.blog-card-meta{padding-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-xs);margin:auto 0 0}.blog-featured{margin-bottom:var(--space-8)}@media (width>=900px){.blog-featured .blog-card{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);display:grid}.blog-featured .blog-card-picture{aspect-ratio:auto;min-height:20rem}.blog-featured .blog-card-body{padding:var(--space-8);justify-content:center}.blog-featured .blog-card-title{font-size:var(--font-page-title)}.blog-featured .blog-card-meta{margin-top:var(--space-2)}}.pagination{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.pagination-status{color:var(--color-text-muted);font-size:var(--font-sm)}.blog-article-head{max-width:50rem;padding-top:var(--space-6);text-align:center}.blog-crumbs{margin-bottom:var(--space-4);color:var(--color-text-muted);font-size:var(--font-sm)}.blog-crumbs a{min-height:var(--tap-min);color:var(--color-text-muted);align-items:center;display:inline-flex}.blog-article-head h1{margin:var(--space-1) 0 var(--space-3);font-size:clamp(1.75rem,1.3rem + 2vw,2.75rem);line-height:1.2}.blog-article-head .eyebrow a{color:inherit;text-decoration:none}.blog-article-lead{margin:0 auto var(--space-4);max-width:40rem;color:var(--color-text-muted);font-size:var(--font-md)}.blog-article-meta{justify-content:center;gap:var(--space-2) var(--space-5);margin:0 0 var(--space-6);color:var(--color-text-muted);font-size:var(--font-sm);flex-wrap:wrap;display:flex}.blog-article-meta span{align-items:center;gap:var(--space-1);display:inline-flex}.blog-article-cover{max-width:64rem;margin:0 auto var(--space-8)}.blog-article-cover img{object-fit:cover;border-radius:1rem;width:100%;max-height:32rem}.blog-article-layout{gap:var(--space-6);max-width:64rem;padding-bottom:var(--space-12);display:grid}@media (width>=1000px){.blog-article-layout{grid-template-columns:14rem minmax(0,1fr);align-items:start}.blog-toc{top:calc(var(--header-height) + var(--space-4));position:sticky}}.blog-toc{padding:var(--space-4);border:1px solid var(--color-border);background:var(--color-surface-muted);font-size:var(--font-sm);border-radius:.75rem}.blog-toc-title{margin:0 0 var(--space-2);font-family:var(--font-sans);font-size:var(--font-sm);font-weight:700}.blog-toc ol{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.blog-toc a{padding:var(--space-1) 0;color:var(--color-text);display:inline-block}.blog-article-main{min-width:0;max-width:44rem}.blog-body{font-size:1.0625rem;line-height:1.75}.blog-body>*{margin:0 0 var(--space-5)}.blog-body h2{margin-top:var(--space-10);scroll-margin-top:calc(var(--header-height) + var(--space-4));font-size:clamp(1.375rem,1.1rem + 1vw,1.75rem);line-height:1.3}.blog-body h3{margin-top:var(--space-8);font-family:var(--font-sans);font-size:var(--font-lg);scroll-margin-top:calc(var(--header-height) + var(--space-4));font-weight:700}.blog-body ul,.blog-body ol{gap:var(--space-2);padding-left:var(--space-6);display:grid}.blog-body blockquote{padding:var(--space-4) var(--space-5);border-left:4px solid var(--color-accent);background:var(--color-pink);border-radius:0 .75rem .75rem 0;font-style:italic}.blog-body blockquote p{margin:0}.blog-body figure img{border-radius:.75rem;width:100%;height:auto}.blog-body figcaption{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-sm);text-align:center}.blog-article-tags{gap:var(--space-2);margin:var(--space-8) 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.blog-cta{padding:var(--space-6);background:var(--color-peach);text-align:center;border-radius:1rem}.blog-cta h2{margin:0 0 var(--space-2);font-size:var(--font-xl)}.blog-cta .inline-actions{justify-content:center}.blog-cta .btn{gap:var(--space-2)}.blog-related{background:var(--color-surface-muted)}.blog-related h2{margin-bottom:var(--space-6);text-align:center}.blog-card-link{min-height:var(--tap-min);display:block}.blog-article-head .eyebrow a{min-height:var(--tap-min);align-items:center;display:inline-flex}.blog-toc a{min-height:var(--tap-min);align-items:center;padding:0;display:flex}
