.blog-intro{padding:64px 0 32px}
.blog-intro p{max-width:720px;font-size:1.125rem}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:80px}
.blog-card{border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;background:var(--white)}
.blog-card-top{background:var(--primary-light);padding:32px 24px;min-height:148px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.blog-card-top .section-label{color:var(--primary-dark);margin:0}
.blog-card-top span:last-child{font-size:.875rem;color:var(--gray-600)}
.blog-card-body{padding:24px;display:flex;flex-direction:column;align-items:flex-start;flex:1;gap:16px}
.blog-card h2{font-size:1.5rem;line-height:1.3}
.blog-card h2 a:hover,.article-body a:hover{color:var(--primary-dark)}
.blog-card p{font-size:1rem;flex:1}
.blog-card .learn-more{color:var(--primary-dark)}
.article-hero{padding:128px 0 48px;background:var(--primary-light)}
.article-hero .container{max-width:860px}
.article-hero h1{font-size:clamp(2rem,4.5vw,3.25rem);margin:20px 0}
.article-hero p{max-width:720px;font-size:1.125rem}
.article-hero .section-label{color:var(--primary-dark)}
.article-meta{margin-top:24px;font-size:.875rem;color:var(--gray-600)}
.breadcrumbs{font-size:.875rem;color:var(--primary-dark)}
.breadcrumbs a{text-decoration:underline}
.article-body{max-width:800px;margin:0 auto;padding:48px 24px 64px;font-size:1.0625rem}
.article-body h2{font-size:clamp(1.5rem,3vw,1.875rem);margin:40px 0 16px;scroll-margin-top:96px}
.article-body p{margin-bottom:20px}
.article-body ul{list-style:disc;padding-left:24px;margin:16px 0 24px}
.article-body li{padding-left:4px;margin:10px 0}
.article-body a{color:var(--primary-dark);text-decoration:underline;text-underline-offset:3px}
.article-body strong{color:var(--gray-900)}
.article-takeaways{background:var(--primary-light);border-radius:var(--radius-lg);padding:24px;margin:32px 0}
.article-takeaways h2{margin-top:0}
.article-takeaways ul{margin-bottom:0}
.blog-related{background:var(--gray-50);padding:56px 0 0}
.blog-related .section-title{font-size:2rem}
a:focus-visible{outline:3px solid var(--primary-dark);outline-offset:4px}
@media(max-width:900px){.blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr}.blog-intro{padding-top:40px}.article-hero{padding-top:112px}.article-body{padding-top:32px}.blog-card-top{min-height:120px}}