.site-header .blog-nav-link{display:inline-block}
.blog-page{background:#fbfcfa}
.blog-hero{max-width:1240px;margin:auto;padding:76px 6% 55px;border-bottom:1px solid #cedcd5}
.blog-hero .eyebrow{color:#39796c}
.blog-hero h1{max-width:900px;font-size:clamp(3rem,6.5vw,6rem);margin:24px 0 28px;line-height:1.02}
.blog-hero h1 em{color:#267566}
.blog-intro{max-width:650px;color:#53665e;font-size:20px;line-height:1.65}
.blog-byline{display:flex;align-items:center;gap:12px;margin-top:25px;font-size:14px;color:#3e6456}
.blog-byline img{display:block}
.blog-topics{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px;padding:0;list-style:none}
.blog-topics li{border:1px solid #bdd0c4;border-radius:30px;padding:7px 16px;font-size:14px;background:#fff}
.journal{max-width:1240px;margin:auto;padding:52px 6% 88px}
.journal-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:28px}
.journal-heading h2{font-size:28px;letter-spacing:-.035em}
.journal-heading p{font-size:14px;color:#607468}
.empty-journal{display:grid;grid-template-columns:90px 1fr;gap:30px;padding:44px;border:1px solid #d5e0d9;background:#fff}
.journal-mark{font-family:Georgia,serif;font-size:80px;color:#7f9c6a;line-height:1}
.empty-journal h3{font-size:28px;letter-spacing:-.03em;margin:4px 0 15px}
.empty-journal p{color:#596b61;font-size:17px;max-width:580px}
.empty-journal .text-link{margin-top:22px}
.blog-footer{max-width:1240px}
.post-list{list-style:none;padding:0;margin:0}
.post-card{border-top:1px solid #c6d5cc;padding:30px 0;display:grid;grid-template-columns:180px 1fr;gap:35px}
.post-meta{font-size:14px;color:#526e5e}
.post-meta time{display:block;margin-top:8px}
.post-card h3{font-size:32px;line-height:1.2;letter-spacing:-.035em;margin-bottom:15px}
.post-card h3 a{text-decoration:none}.post-card h3 a:hover{text-decoration:underline;text-underline-offset:5px}
.post-card p{max-width:700px;color:#53665e;font-size:17px}
.post-card .text-link{margin-top:15px}
.post-shell{max-width:900px;margin:auto;padding:45px 6% 90px}
.back-to-blog{display:inline-block;font-size:14px;text-underline-offset:5px;margin-bottom:40px}
.post-header .eyebrow{color:#39796c}
.post-header h1{font-size:clamp(2.5rem,5.5vw,4.4rem);line-height:1.08;margin:20px 0}
.post-deck{font-size:22px;color:#53665e;line-height:1.5}
.post-detail{display:flex;gap:12px;flex-wrap:wrap;font-size:14px;color:#53665e;border-bottom:1px solid #c6d5cc;padding:22px 0 30px;margin-bottom:35px}
.post-body{font-size:20px;line-height:1.8;color:#2b463a}
.post-body h2{font-size:29px;line-height:1.2;margin:38px 0 20px;letter-spacing:-.03em}
.post-body p+p{margin-top:1.4em}
.post-body ul{padding-left:1.3em}.post-body li+li{margin-top:.6em}
.post-body ol{padding-left:1.5em}.post-body ol li{padding-left:.25em;margin-top:1.2em}.post-body ol li::marker{color:#39796c;font-weight:700}
.post-body blockquote{margin:30px 0;padding:10px 0 10px 24px;border-left:3px solid #6f9862;font-family:Georgia,serif;font-size:25px}
.post-end{border-top:1px solid #c6d5cc;margin-top:40px;padding-top:28px}
.post-end p{font-size:16px;color:#53665e}
@media(max-width:650px){.blog-hero{padding:45px 7% 35px}.blog-hero h1{font-size:49px}.blog-intro{font-size:18px}.blog-topics{gap:8px}.blog-topics li{font-size:12px;padding:6px 12px}.journal{padding:35px 7% 60px}.journal-heading{display:block}.journal-heading p{margin-top:10px}.empty-journal{grid-template-columns:1fr;padding:28px;gap:12px}.journal-mark{font-size:56px}.empty-journal h3{font-size:25px}.post-card{grid-template-columns:1fr;gap:16px}.post-meta time{display:inline;margin-left:12px}.post-card h3{font-size:27px}.post-shell{padding:30px 7% 60px}.post-deck{font-size:20px}.post-body{font-size:18px}.site-header:has(.blog-nav-link){flex-wrap:wrap}.site-header nav:has(.blog-nav-link){gap:15px}.blog-footer p:first-of-type{display:block}}

.post-figure{margin:2rem 0;padding:1.5rem 0;border-top:1px solid #c6d5cc;border-bottom:1px solid #c6d5cc}
.post-figure img{display:block;width:100%;height:auto}
.post-figure figcaption{font-size:1rem;line-height:1.65;color:#2b463a;margin-top:1.25rem}
.post-figure figcaption p{font-size:.875rem;line-height:1.6}
.post-figure a{text-underline-offset:4px}