.blog-index{padding-top:18px}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 27px}
.blog-card{border-top:1px solid var(--line);padding-top:22px}
.blog-card .eyebrow{margin-bottom:14px}
.blog-card h2{font-size:clamp(25px,2.3vw,33px);line-height:1.18;margin-bottom:17px}
.blog-card h2 a{text-decoration:none}
.blog-card h2 a:hover{text-decoration:underline}
.blog-article{max-width:900px;padding-top:57px;padding-bottom:80px}
.blog-article header{margin:35px 0 45px}
.blog-article header .eyebrow{margin-bottom:15px}
.blog-article h1{font-size:clamp(41px,4.7vw,67px)}
.blog-prose{font-size:17px;line-height:1.75;color:var(--muted)}
.blog-prose h2,.blog-prose h3,.blog-prose h4{color:var(--ink);margin:42px 0 17px}
.blog-prose h2{font-size:clamp(31px,3vw,42px)}
.blog-prose h3{font-size:28px}
.blog-prose h4{font-size:23px}
.blog-prose p,.blog-prose ul,.blog-prose ol,.blog-prose table{margin-bottom:23px}
.blog-prose li{margin:7px 0}
.blog-prose table{display:block;overflow-x:auto;max-width:100%}
.blog-prose th,.blog-prose td{text-align:left;padding:10px 15px;border:1px solid var(--line);min-width:110px}
.blog-next{border-top:1px solid var(--line);margin-top:55px;padding-top:35px}
.blog-next h2{font-size:36px}
@media(max-width:850px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.blog-grid{grid-template-columns:1fr}.blog-article{padding-top:37px;padding-bottom:60px}.blog-article header{margin:28px 0}.blog-prose{font-size:16px}}