.blog-feature{display:grid;grid-template-columns:1fr 1.05fr;border:1px solid var(--line);background:var(--paper)}
.blog-feature-image{display:flex;align-items:center;justify-content:center;background:#faf8fc;padding:24px}
.blog-feature-image img{width:100%;height:auto;aspect-ratio:1.1;object-fit:contain}
.blog-feature-copy{padding:30px;align-self:center}
.blog-meta{display:flex;gap:8px 20px;flex-wrap:wrap;color:var(--muted);font-size:13px;line-height:1.6}
.blog-feature h2{font-size:clamp(25px,2.5vw,34px);line-height:1.2;letter-spacing:-.025em;margin:16px 0}
.blog-feature h2 a:hover{color:var(--deep);text-decoration:underline;text-underline-offset:4px}
.blog-feature p,.blog-help p{color:var(--muted);margin:0 0 24px;line-height:1.75}
.blog-feature .primary-btn{gap:20px;white-space:nowrap}
.blog-help{border-top:1px solid var(--line);margin-top:42px;padding-top:26px;max-width:65ch}
.blog-help h2{font-size:24px;line-height:1.25;margin:0 0 12px}
.blog-article{max-width:850px}
.blog-article .page-title{margin-bottom:20px;padding-bottom:18px}
.blog-article .page-title h1{max-width:20ch;margin-bottom:20px}
.blog-lead{font-size:19px;line-height:1.75;margin:0 0 28px;max-width:65ch}
.blog-figure{margin:0 0 32px;background:#faf8fc;border:1px solid var(--line)}
.blog-figure img{width:100%;height:340px;object-fit:contain;padding:24px}
.blog-figure figcaption{font-size:12px;color:var(--muted);padding:0 24px 16px}
.blog-article .rich-text{max-width:68ch}
.blog-article-footer{border-top:1px solid var(--line);margin-top:34px;padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}
.main-nav a[aria-current=location]{color:var(--purple);box-shadow:inset 0 -3px var(--purple)}
.blog-page a:focus-visible{outline:2px solid var(--deep);outline-offset:5px}
@media(max-width:1050px){.blog-feature{grid-template-columns:1fr}.blog-feature-image img{max-height:240px;aspect-ratio:auto}.blog-feature-copy{padding:26px}}
@media(max-width:560px){.blog-feature-copy{padding:22px}.blog-feature h2{font-size:28px}.blog-figure img{height:245px;padding:16px}.blog-lead{font-size:17px}.blog-article-footer{align-items:flex-start;flex-direction:column}.blog-meta{font-size:12px}}