/* Blog-only reading rhythm. Loaded only by /blog and /blog/* pages, all scoped to .blogPage so service .post pages keep the shared styles. */
.blogPage .postWrap{padding:56px 5vw 0}
.blogPage .postLayout{display:grid;grid-template-columns:minmax(0,700px) 300px;column-gap:clamp(48px,5vw,80px);justify-content:start}
.blogPage .post{order:0;max-width:none;padding:40px 0 80px;font:17px/1.7 Arial,sans-serif}
.blogPage .post p{margin:0 0 18px}
.blogPage .post h2{line-height:1.1;margin:52px 0 16px}
.blogPage .post h3{line-height:1.2;margin:32px 0 10px}
.blogPage .post h2+p,.blogPage .post h3+p,.blogPage .post h2+ul,.blogPage .post h2+ol{margin-top:0}
.blogPage .post ul,.blogPage .post ol{margin:0 0 18px;padding-left:22px}
.blogPage .post li{margin:0 0 8px}
.blogPage .post li:last-child{margin-bottom:0}
.blogPage .post details p{margin:12px 0 4px}
.blogPage .postAside{order:1;position:sticky;top:118px;padding-top:40px;display:grid;gap:30px;max-width:none}
.blogPage .postToc{max-height:52vh}
.blogPage .postHero .aboutHeroCopy h1{line-height:1.04;margin:14px 0 24px}
.blogPage .credentialGrid article.postCard{min-height:0}
.blogPage .credentialGrid article.postCard h2,.blogPage .credentialGrid article.postCard h3{font-size:clamp(24px,2.2vw,32px);line-height:1.08;min-height:0;margin:20px 0 14px}
.blogPage .credentialGrid article.postCard p{line-height:1.55;margin:0}
/* Through 1080px (the shared single-column breakpoint): one centered 700px column, article first, then the whole sidebar. */
@media (width<=1080px){
.blogPage .postLayout{grid-template-columns:minmax(0,1fr);gap:0;max-width:700px;margin:0 auto}
.blogPage .post{order:0;padding-bottom:40px}
.blogPage .postAside{order:1;position:static;top:auto;padding:0 0 64px;gap:28px;max-width:none}
.blogPage .postToc{max-height:none;grid-template-columns:1fr;gap:8px}
}
@media (width<=800px){
.blogPage .postWrap{padding:36px 5vw 0}
.blogPage .post{font-size:16px;line-height:1.7;padding:28px 0 36px}
.blogPage .post h2{margin:40px 0 12px}
.blogPage .post h3{margin:28px 0 8px}
.blogPage .postHero .aboutHeroCopy h1{line-height:1.08}
.blogPage .postAside{padding-bottom:56px;gap:26px}
}