.blog-page { max-width:1100px; margin:auto; padding-top:55px; padding-bottom:65px; }
.blog-page h1,.article-reading h1 { font-size:clamp(2rem,4vw,3.25rem); line-height:1.15; }
.blog-list { margin-top:35px; }
.blog-list article { padding:22px 0; border-top:1px solid var(--line,#d6ddd4); }
.blog-list h2 { font-size:1.55rem; margin:0 0 10px; }
.blog-list a,.article-reading a,.blog-home a,.member-articles a { color:inherit; }
.article-byline { display:flex; flex-wrap:wrap; gap:8px 22px; font-size:.9rem; color:#52665e; }
.blog-pagination,.blog-strip-heading { display:flex; justify-content:space-between; align-items:center; gap:18px; flex-wrap:wrap; }
.blog-home { border-top:1px solid #d6ddd4; border-bottom:1px solid #d6ddd4; padding-top:27px; padding-bottom:27px; }
.blog-home h2 { font-size:1.7rem; margin:0 0 6px; }
.blog-home p { margin:0; }
.blog-strip { display:flex; gap:24px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:thin; padding:12px 2px; }
.blog-strip article { flex:0 0 calc((100% - 48px)/3); min-width:0; scroll-snap-align:start; padding:0 22px 0 0; border-right:1px solid #d6ddd4; }
.blog-strip h3 { font-size:1.13rem; line-height:1.4; margin:0 0 10px; overflow-wrap:anywhere; }
.blog-strip article p { font-size:.85rem; }
.blog-strip-controls { display:flex; justify-content:flex-end; gap:10px; }
.blog-strip-controls button { border:1px solid #b6c4b5; background:transparent; color:inherit; border-radius:50%; width:36px; height:36px; cursor:pointer; }
.blog-strip-controls button:disabled { opacity:.35; cursor:default; }
.blog-strip:focus-visible,.blog-home a:focus-visible,.blog-strip-controls button:focus-visible { outline:3px solid #739158; outline-offset:3px; }
.article-reading { max-width:850px; margin:auto; padding-top:40px; padding-bottom:60px; }
.article-reading .content-block { padding:16px 0; border:0; }
.article-reading .rich-text { font-size:1.08rem; line-height:1.8; overflow-wrap:anywhere; }
.article-reading img,.article-block-editor img { max-width:100%; height:auto; }
.article-reading .rich-text img { display:block; margin:20px auto; }
.article-reading figcaption { font-size:.9rem; color:#52665e; }
.article-reading table { display:block; max-width:100%; overflow:auto; }
.article-source { font-size:.85rem; margin-top:30px; }
.article-block-editor { margin-top:36px; }
.article-admin-row { padding:18px; border-bottom:1px solid #d6ddd4; display:flex; justify-content:space-between; gap:18px; align-items:center; }
.article-admin-row h2 { margin:0; }
.member-articles ul { padding-left:20px; max-width:850px; }
.member-articles li { margin:12px 0; }
.member-articles time { display:block; font-size:.85rem; }
@media(max-width:700px) { .blog-strip article { flex-basis:82%; } .blog-home h2 { font-size:1.4rem; } .article-admin-row { align-items:flex-start; } .article-reading { padding-top:28px; } }
@media(prefers-reduced-motion:reduce) { .blog-strip { scroll-behavior:auto; } }

/* Keep original featured images proportionate to the reading column. */
.article-reading .gallery-grid.count-1 { max-width:520px; margin:22px auto; }
.article-reading .gallery-image { max-height:420px; width:auto; margin:auto; object-fit:contain; }
.article-admin-row > div { min-width:0; overflow-wrap:anywhere; }
