/* Blog listing and article pages. */
.blog-page,.blog-article-page { color:#252a31; }
.blog-page *,.blog-article-page * { box-sizing:border-box; }
.blog-page .blog-wrap,.blog-article-page .blog-wrap { width:min(100% - 40px,1180px); margin-inline:auto; }
.blog-listing { padding:78px 0 100px; background:#f7f8fa; }
.blog-listing-head { display:flex; justify-content:space-between; align-items:end; gap:38px; margin-bottom:34px; }
.blog-eyebrow { display:inline-flex; align-items:center; gap:10px; margin-bottom:15px; color:#a90819; font-size:12px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.blog-eyebrow::before { content:""; width:24px; height:2px; background:currentColor; }
.blog-listing-head h2 { max-width:640px; margin:0; color:#20252c; font-size:clamp(30px,3.3vw,43px); font-weight:700; letter-spacing:-.045em; line-height:1.17; }
.blog-listing-head p { max-width:340px; margin:0 0 3px; color:#65707a; font-size:15px; line-height:1.7; }
.blog-card-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.blog-card { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid #e4e8ed; border-radius:10px; background:#fff; color:#252a31!important; box-shadow:0 9px 28px rgba(20,30,44,.045); transition:transform .2s ease,box-shadow .2s ease; }
.blog-card:hover,.blog-card:focus-visible { transform:translateY(-5px); box-shadow:0 18px 42px rgba(20,30,44,.12); color:#252a31!important; }
.blog-card:focus-visible { outline:2px solid #a90819; outline-offset:3px; }
.blog-card-image { height:178px; overflow:hidden; background:#e6e9ee; }
.blog-card-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }
.blog-card:hover .blog-card-image img { transform:scale(1.04); }
.blog-card-content { display:flex; flex:1; flex-direction:column; padding:22px 20px 20px; }
.blog-card time { display:block; margin-bottom:12px; color:#a90819; font-size:12px; font-weight:700; letter-spacing:.03em; }
.blog-card h3 { margin:0 0 13px; color:#252a31; font-size:17px; font-weight:700; line-height:1.45; }
.blog-card p { margin:0 0 20px; color:#69727d; font-size:13px; line-height:1.7; }
.blog-card-link { display:flex; align-items:center; justify-content:flex-start; margin-top:auto; padding-top:16px; border-top:1px solid #edf0f2; color:#a90819; font-size:13px; font-weight:700; }
.blog-card-link i { font-size:11px; }
.blog-article { padding:68px 0 105px; background:#fff; }
.blog-article-inner { max-width:860px; margin-inline:auto; }
.blog-article-back { display:inline-flex; align-items:center; gap:9px; margin-bottom:30px; color:#a90819!important; font-size:13px; font-weight:700; }
.blog-article-meta { display:flex; align-items:center; gap:14px; margin-bottom:15px; color:#a90819; font-size:13px; font-weight:700; }
.blog-article-meta span + span::before { content:"•"; padding-right:14px; color:#adb3bc; }
.blog-article h2 { margin:0 0 20px; color:#20252c; font-size:clamp(31px,4vw,49px); font-weight:700; letter-spacing:-.045em; line-height:1.16; }
.blog-article-lead { margin:0 0 31px!important; color:#3e4854!important; font-size:19px!important; line-height:1.7!important; }
.blog-article-cover { display:block; width:100%; aspect-ratio:16/9; margin:0 0 39px; border-radius:10px; object-fit:cover; }
.blog-article-body h3 { margin:34px 0 13px; color:#252a31; font-size:23px; font-weight:700; letter-spacing:-.025em; }
.blog-article-body p,.blog-article-body li { color:#525e6b; font-size:16px; line-height:1.85; }
.blog-article-body p { margin:0 0 20px; }
.blog-article-body ul { margin:0 0 23px; padding-left:23px; }
.blog-article-body li + li { margin-top:8px; }
.blog-article-sources { margin-top:38px; padding:25px 28px; border-left:3px solid #a90819; border-radius:0 6px 6px 0; background:#f7f8fa; }
.blog-article-sources h3 { margin:0 0 11px; font-size:17px; }
.blog-article-sources ul { margin:0; padding-left:19px; }
.blog-article-sources li { font-size:14px; line-height:1.65; }
.blog-article-sources a { color:#a90819; text-decoration:underline!important; }
@media(max-width:1050px) { .blog-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .blog-card-image { height:210px; } }
@media(max-width:767px) { .blog-listing { padding:65px 0 80px; } .blog-listing-head { display:block; } .blog-listing-head p { max-width:620px; margin-top:15px; } .blog-article { padding:52px 0 75px; } }
@media(max-width:540px) { .blog-page .blog-wrap,.blog-article-page .blog-wrap { width:min(100% - 36px,1180px); } .blog-card-grid { grid-template-columns:1fr; gap:17px; } .blog-card-image { height:200px; } .blog-article-cover { margin-bottom:30px; } .blog-article-body p,.blog-article-body li { font-size:15px; } .blog-article-sources { padding:22px; } }
@media(prefers-reduced-motion:reduce) { .blog-card,.blog-card-image img { transition:none; } }