.blog-list{padding-top:48px;padding-bottom:72px}
.blog-card{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px);align-items:center;padding:0 0 44px;border-bottom:1px solid var(--line)}
.blog-card-visual{display:flex;align-items:center;justify-content:center;min-width:0;padding:18px;background:#fff;border:1px solid var(--line)}
.blog-card-visual img{display:block;width:100%;height:auto}
.blog-card-copy{min-width:0}
.blog-card .eyebrow{margin-bottom:16px}
.blog-card h2{font-size:clamp(2rem,3.2vw,3.05rem);line-height:1.16;max-width:24ch}
.blog-card h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.blog-meta{font:.84rem/1.7 Arial,Helvetica,sans-serif;color:var(--muted);margin:22px 0}
.blog-card-summary{max-width:55ch;color:var(--muted);margin-bottom:12px}
.blog-more{margin:30px 0 0;font-size:.9rem;color:var(--muted)}
.blog-more a,.blog-source a,.blog-figure figcaption a{text-decoration:underline;text-underline-offset:3px}
.blog-article-header{padding-bottom:46px}
.blog-article-header h1{max-width:24ch;font-size:clamp(2.45rem,4.6vw,4.6rem);line-height:1.1;text-wrap:balance}
.blog-article-header .eyebrow{margin-bottom:18px}
.blog-back{display:inline-block;font:.83rem/1.6 Arial,Helvetica,sans-serif;border-bottom:1px solid var(--line);padding:0 0 5px;margin:0 0 32px}
.blog-article-header .blog-meta{margin:25px 0 0;display:flex;gap:8px;flex-wrap:wrap}
.blog-body{max-width:1100px;margin:auto;padding:48px 5% 72px;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;overflow-wrap:break-word}
.blog-body>p,.blog-source,.blog-body>.text-link{width:100%;max-width:70ch}
.blog-body>p{font-size:1.075rem;line-height:1.9;margin:0 0 1.5em}
.blog-body>p:first-child{font-size:1.2rem;line-height:1.8}
.blog-figure{width:100%;min-width:0;margin:22px 0 44px;background:#fff;border:1px solid var(--line);padding:clamp(12px,2.4vw,26px)}
.blog-figure-image{display:block;width:100%;cursor:zoom-in}
.blog-figure img{display:block;width:100%;height:auto}
.blog-figure figcaption{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font:.79rem/1.7 Arial,Helvetica,sans-serif;color:var(--muted)}
.blog-figure figcaption p{font-size:.93rem;line-height:1.7;color:var(--ink);margin:0 0 8px}
.blog-source{margin:16px 0 28px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.blog-source .eyebrow{margin-bottom:12px}
.blog-source p:last-child{font-size:.96rem;line-height:1.8;margin-bottom:0}
.blog-body>.text-link{justify-self:center}
@media(max-width:700px){.blog-card{grid-template-columns:minmax(0,1fr);gap:26px}.blog-list{padding-top:32px;padding-bottom:46px}.blog-card-visual{padding:14px}.blog-card h2{font-size:2.15rem}.blog-meta{font-size:.79rem;margin:17px 0}.blog-article-header{padding-bottom:32px}.blog-article-header h1{font-size:clamp(2.2rem,8.2vw,3.3rem);max-width:23ch}.blog-body{padding:32px 6% 48px}.blog-body>p{font-size:1rem;line-height:1.85}.blog-body>p:first-child{font-size:1.1rem;line-height:1.8}.blog-figure{margin:14px 0 32px;padding:10px}.blog-figure figcaption{font-size:.75rem;margin-top:12px;padding-top:12px}.blog-figure figcaption p{font-size:.86rem}.blog-back{margin-bottom:26px}}
