/* Blog-only presentation; other sections retain their styles. */
#blog{min-width:0}#blog .blog-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))!important;gap:20px}
#blog .blog-card{min-width:0;display:flex;flex-direction:column}#blog .blog-card img{display:block;width:100%;height:180px;object-fit:cover}
#blog .blog-body{padding:18px;min-width:0;display:flex;flex-direction:column;flex:1;gap:12px}
#blog .blog-body h3{font-size:21px!important;line-height:1.3;min-height:0;margin:0;overflow-wrap:anywhere}
#blog .blog-excerpt{font-size:14px;line-height:1.65;color:#365564;white-space:normal;overflow-wrap:anywhere}
#blog .blog-body>a{font-size:14px;display:inline-block;align-self:flex-start;margin-top:auto;padding-block:8px}
body.blog-page{background:#fffdf9;color:#173c48}
.blog-page main{box-sizing:border-box;width:calc(100% - 32px)!important;max-width:940px;margin:32px auto;padding:clamp(20px,4vw,40px);min-width:0}
.blog-page nav{display:flex;flex-wrap:wrap;gap:12px;font-size:14px;margin-bottom:28px}
.blog-page h1{font-size:clamp(28px,4.5vw,42px);line-height:1.2;margin:0 0 24px;overflow-wrap:anywhere}
.blog-page h2{font-family:Georgia,serif;font-size:clamp(23px,3vw,30px);line-height:1.3;margin:20px 0 12px;overflow-wrap:anywhere}
.blog-page .cover{display:block;width:100%;max-height:480px;object-fit:contain;border-radius:12px;margin:0 0 24px}
.blog-page .copy{max-width:72ch;margin:24px auto;font-size:17px;line-height:1.8;white-space:normal;overflow-wrap:anywhere;min-width:0}
.blog-page .copy p{margin:0 0 1em}.blog-page .copy h1,.blog-page .copy h2,.blog-page .copy h3,.blog-page .copy h4{line-height:1.3;margin:1.4em 0 .65em}
.blog-page .copy h3{font-size:23px}.blog-page .copy ul,.blog-page .copy ol{padding-left:1.5em;margin:0 0 1.2em}.blog-page .copy li{margin:0 0 .5em}
.blog-page .copy pre{white-space:pre-wrap}.blog-page .copy a{text-decoration:underline}
.blog-page .blog-excerpt{font-size:16px;line-height:1.7;overflow-wrap:anywhere;margin-bottom:16px}
.blog-page .read-more{display:inline-block;padding:10px 0;font-weight:700}
@media(max-width:600px){.blog-page main{margin:16px auto;padding:20px!important}.blog-page .copy{font-size:16px}.blog-page .copy [style*="font-size"]{font-size:inherit!important}.blog-page .copy h3{font-size:21px}#blog .blog-grid{grid-template-columns:minmax(0,1fr)!important}}

.blog-page .copy,.blog-page .copy p,.blog-page .copy li{white-space:normal!important;overflow-wrap:anywhere;max-width:100%;box-sizing:border-box}