.blog-intro{max-width:1100px;margin:auto;padding:56px 5% 30px}
.blog-intro h1{font-size:44px;line-height:1.15;margin:0 0 18px}
.blog-intro>p:last-child{color:var(--muted);max-width:620px;margin-bottom:0}
.blog-photo{position:relative;max-width:1000px;margin:0 auto 40px;height:280px;overflow:hidden}
.blog-photo img{width:100%;height:100%;object-fit:cover;object-position:center 63%}
.blog-photo span{position:absolute;bottom:16px;left:20px;background:#fff;padding:5px 12px;font-size:12px}
.post-list{max-width:1000px;margin:auto;padding:0 24px 64px}
.post-list article{display:grid;grid-template-columns:60px minmax(0,1fr);gap:24px;border-top:1px solid var(--line);padding:32px 0}
.post-number{font-size:24px;color:var(--deep)}
.post-list h2{font-size:27px;line-height:1.3;max-width:750px}
.post-list .eyebrow{margin-bottom:10px;color:var(--muted)}
.post-list p:not(.eyebrow){color:var(--muted);max-width:750px}
.read-guide{font-weight:700;color:var(--deep)}
.read-guide span{margin-left:12px}
.article{max-width:800px;margin:auto;padding:36px 24px 64px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--muted);margin-bottom:34px}
.article h1{font-size:40px;line-height:1.2;margin:0 0 20px}
.article-meta{font-size:13px;color:var(--muted)}
.article-lead{font-size:20px;line-height:1.65;border-bottom:1px solid var(--line);padding-bottom:28px}
.article-body{font-size:17px;line-height:1.8;overflow-wrap:anywhere}
.article-body h2{font-size:25px;line-height:1.3;margin:36px 0 14px}
.article-body a{text-decoration:underline;color:var(--deep);text-underline-offset:3px}
.article-body li{padding-bottom:8px}.article-body ul{padding-left:24px}
.article-cta{border-top:3px solid var(--deep);padding:28px 0;margin-top:36px}.article-cta h2,.related h2{font-size:25px}
.related{border-top:1px solid var(--line);padding-top:24px}.related a{display:block;padding:16px 0;border-bottom:1px solid var(--line);color:var(--deep)}
.blog-footer nav{display:flex;flex-wrap:wrap;gap:12px 24px}.blog-footer p{overflow-wrap:anywhere}.blog-footer{padding-bottom:40px}
@media(max-width:800px){.blog-quote{display:none}.blog-intro{padding:36px 24px 24px}.blog-intro h1{font-size:32px}.blog-photo{height:220px;margin:0 24px 24px}.post-list article{grid-template-columns:1fr;gap:8px}.post-number{font-size:15px}.post-list h2{font-size:24px}.article h1{font-size:30px}.article-lead{font-size:18px}.article-body{font-size:16px}.article-body h2{font-size:23px}}