.blog-list{border-top:1px solid var(--line)}
.blog-list-item{display:grid;grid-template-columns:150px minmax(0,1fr);gap:32px;padding:28px 0;border-bottom:1px solid var(--line)}
.blog-list-meta{display:flex;flex-direction:column;gap:6px;padding-top:3px;font-size:12px;color:var(--muted)}
.blog-list-meta span:first-child{color:var(--teal);font-weight:600}
.blog-list-copy{min-width:0}
.blog-list-copy h2{font-size:22px;line-height:1.4;letter-spacing:-.025em;margin:0 0 9px}
.blog-list-copy h2 a{display:flex;align-items:center;justify-content:space-between;gap:28px}
.blog-list-copy h2 a:hover{color:var(--teal)}
.blog-list-copy p{font-size:14px;line-height:1.75;margin:0;padding-right:58px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-list-arrow{display:grid;place-items:center;flex:0 0 32px;height:32px;color:var(--teal)}
.blog-list-arrow svg{width:20px;height:20px}
@media(max-width:850px){.blog-list-item{grid-template-columns:120px minmax(0,1fr);gap:24px}.blog-list-copy h2{font-size:20px}}
@media(max-width:600px){.blog-list-item{grid-template-columns:minmax(0,1fr);gap:12px;padding:23px 0}.blog-list-meta{flex-direction:row;gap:14px;padding:0;font-size:11px}.blog-list-copy h2{font-size:18px;line-height:1.45;margin-bottom:8px}.blog-list-copy h2 a{gap:12px}.blog-list-copy p{padding-right:0;font-size:13px}.blog-list-arrow{flex-basis:24px}}