.blog-page{width:100%;max-width:none;overflow-x:clip}
.blog-page .blog-shell{width:min(calc(100% - 2 * var(--shell-pad)),var(--container));margin-inline:auto;padding-inline:0}
.blog-page .blog-hero{padding-block:var(--section-y) var(--space-8);background:hsl(var(--background));color:hsl(var(--foreground))}
.blog-page .blog-hero h1{max-width:18ch;line-height:var(--leading-display)}
.blog-page .blog-hero__lede{max-width:68ch;font-size:var(--text-lead)}
.blog-page .blog-hero__media{display:none}
.blog-page .blog-search,.blog-page .blog-search__controls,.blog-page .blog-search__controls input[type="search"]{min-width:0;max-width:100%}
.blog-page .blog-search__controls input[type="search"]{flex:1 1 12rem;width:auto}
.blog-page .blog-featured-rail{margin-block:0 var(--section-y);border-bottom:1px solid hsl(var(--border));padding-block-end:var(--section-y)}
.blog-page .blog-featured-rail__lead{max-width:var(--container-article)}
.blog-page .blog-archive-layout__main,.blog-page .blog-archive-layout{min-width:0}
.blog-page .blog-card{min-width:0}
.blog-page .blog-card__category{min-inline-size:var(--target-min);min-block-size:var(--target-min);display:inline-flex;align-items:center;justify-content:center}
.blog-page .blog-card{transition:transform var(--dur-hover) var(--ease-out)}
.blog-page .blog-card p,.blog-page .blog-sidebar{max-width:68ch}
.blog-page .blog-inline-cta .site-button,.blog-page .blog-sidebar__cta .site-button{background:transparent;color:hsl(var(--accent-conversion));padding:0;min-height:var(--target-min);text-decoration:underline;text-underline-offset:.2em}
.blog-page :is(input,button,a,summary):focus-visible{outline:var(--focus-width) solid hsl(var(--accent-conversion));outline-offset:var(--focus-offset)}
@media(max-width:767px){.blog-page .blog-search__controls{display:grid;grid-template-columns:minmax(0,1fr)}.blog-page .blog-search__controls input[type="search"]{width:100%}}
@media(prefers-reduced-motion:reduce){.blog-page *{animation:none!important;transition-duration:0ms!important}}