/* Listing-only styles; individual articles retain their reading layout. */
.blog-directory{max-width:1280px;width:calc(100% - 64px);padding-block:48px 64px}
.blog-directory>h1{max-width:800px}
.blog-directory>p:not(.eyebrow){max-width:720px;font-size:16px}
.blog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:stretch;margin-top:32px}
.blog-grid .blog-card{min-width:0;margin:0;padding:18px;display:flex;flex-direction:column;overflow-wrap:anywhere}
.blog-grid .blog-card-banner{width:calc(100% + 36px);max-width:none;margin:-18px -18px 18px;border-radius:7px 7px 0 0;aspect-ratio:16/9;height:auto}
.blog-grid .eyebrow{font-size:10px;line-height:1.5;letter-spacing:.09em;margin:0 0 10px}
.blog-grid h2{font-size:19px;line-height:1.4;letter-spacing:-.4px;margin:0 0 12px}
.blog-grid h2 a{text-decoration:none}
.blog-grid h2 a:hover{text-decoration:underline}
.blog-grid .blog-card>p:not(.eyebrow):not(.article-meta){font-size:14px;line-height:1.65;margin:0 0 18px}
.blog-grid .article-meta{font-size:11px!important;line-height:1.6;margin: auto 0 8px}
.blog-grid .blog-card>a:last-child{font-size:14px;font-weight:800;display:flex;align-items:center;min-height:44px;align-self:flex-start;text-underline-offset:4px}
@media(max-width:1100px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-directory{width:calc(100% - 48px)}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr;gap:22px;margin-top:24px}.blog-directory{width:calc(100% - 36px);padding-block:28px 40px}.blog-grid h2{font-size:21px}.blog-grid .blog-card{padding:20px}.blog-grid .blog-card-banner{width:calc(100% + 40px);margin:-20px -20px 20px}.blog-grid .article-meta{margin-top:0}}