.blog-page{min-height:60vh;padding-top:48px;padding-bottom:64px}
.blog-page>h1{font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.025em;margin:0 0 32px;max-width:960px}
.blog-page>.eyebrow{margin:0 0 14px}
.blog-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.blog-cards article{display:flex;flex-direction:column;min-width:0;border:1px solid #dedede;border-radius:16px;overflow:hidden;background:#fff}
.blog-cards article>a{display:block;flex-shrink:0}
.blog-cards img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.blog-cards .blog-card-body{display:flex;flex-direction:column;flex:1;min-width:0;padding:24px}
.blog-cards h2{font-size:24px;line-height:1.2;letter-spacing:-.02em;margin:0 0 16px;overflow-wrap:anywhere}
.blog-cards h2 a{color:inherit;text-decoration:none}
.blog-cards h2 a:hover{color:#b34f00}
.blog-cards p{font-size:16px;line-height:1.6;color:#555;margin:0 0 24px;overflow-wrap:anywhere}
.blog-cards .blog-read-more{margin-top:auto;align-self:flex-start;font-size:15px;font-weight:700;color:#a84900;padding:8px 0;text-decoration:none}
.blog-cards .blog-read-more:hover{text-decoration:underline}
.blog-cards a:focus-visible{outline:3px solid #ff7800;outline-offset:-3px}
.article-cover{display:block;width:100%;max-height:440px;object-fit:cover;border-radius:18px;margin:24px 0}
.article-body{width:100%;max-width:none;font-size:18px;line-height:1.8;overflow-wrap:anywhere}
.article-body p{white-space:pre-line;margin:0 0 24px}
@media(max-width:1020px){.blog-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.blog-page{padding-top:32px;padding-bottom:40px}.blog-page>h1{margin-bottom:24px}.blog-cards{grid-template-columns:minmax(0,1fr);gap:20px}.blog-cards .blog-card-body{padding:20px}.blog-cards h2{font-size:23px}.article-body{font-size:16px}}

/* Shared article layout: title, image and text align to the site container. */
.article-page{padding-top:40px;padding-bottom:64px;min-height:60vh}
.article-back{display:inline-block;margin:0 0 24px;font-size:15px;line-height:1.5;color:#555}
.article-back:hover{color:#a84900;text-decoration:underline}
.article-content{width:100%;min-width:0}
.article-page .article-title{font-size:clamp(32px,4vw,52px);line-height:1.14;letter-spacing:-.025em;max-width:none;margin:0 0 32px;overflow-wrap:anywhere}
.article-page .article-cover{width:100%;height:clamp(240px,34vw,420px);max-height:none;object-fit:cover;margin:0 0 36px;border-radius:18px}
.article-page .article-body{width:100%;max-width:none;font-size:18px;line-height:1.75;letter-spacing:normal}
.article-page .article-body p{width:100%;max-width:none;margin:0 0 24px}
.article-page .article-body p:last-child{margin-bottom:0}
@media(max-width:620px){
 .article-page{padding-top:28px;padding-bottom:40px}
 .article-back{margin-bottom:20px;font-size:14px}
 .article-page .article-title{font-size:30px;line-height:1.16;margin-bottom:24px}
 .article-page .article-cover{height:auto;aspect-ratio:16/10;margin-bottom:24px;border-radius:12px}
 .article-page .article-body{font-size:17px;line-height:1.65}
 .article-page .article-body p{margin-bottom:20px}
}

.blog-date{display:block;font-size:13px;color:#6b6b6b;margin-bottom:12px;line-height:1.4}