.blog-header .image-brand{width:194px;height:60px;padding:4px 8px;background:#fff;border-radius:12px}
.blog-header .image-brand img{width:100%;height:100%;object-fit:contain}
.compact-blog-hero{min-height:auto;padding:90px max(7vw,28px) 75px}
.compact-blog-hero h1{font-size:clamp(44px,5.4vw,72px);max-width:1000px}
.blog-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:42px;max-width:1500px;margin:auto;padding:70px max(5vw,25px) 110px}
.blog-sidebar{display:flex;flex-direction:column;gap:25px;align-self:start}
.blog-sidebar>section{background:#fff;border:1px solid #dce3ed;border-radius:20px;padding:23px;position:static}
.sidebar-label,.content-label{font-size:9px;color:#1753bf;text-transform:uppercase;letter-spacing:1.2px;font-weight:800}
.blog-sidebar h2{font-size:20px;margin:8px 0 18px}
.category-link{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #edf0f4;font-size:11px;color:#526079}
.category-link b{background:#edf3ff;color:#245bd7;border-radius:8px;padding:3px 7px;font-size:8px}
.category-link.active{color:#164fbf;font-weight:800}
.recent-sidebar>a{display:grid;grid-template-columns:62px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid #edf0f4}
.recent-sidebar img,.recent-sidebar i{width:62px;height:48px;object-fit:cover;border-radius:8px}
.recent-sidebar i{display:grid;place-items:center;background:linear-gradient(135deg,#55cfff,#2864ff);color:#fff;font-style:normal;font-weight:800}
.recent-sidebar span b{font-size:10px;line-height:1.35;display:block}
.recent-sidebar small{font-size:7px;color:#8c97a8;display:block;margin-top:5px}
.latest-article{display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border:1px solid #dce3ed;border-radius:24px;overflow:hidden;margin-top:12px;box-shadow:0 18px 45px rgba(19,42,85,.07)}
.latest-media{aspect-ratio:16/10;overflow:hidden;background:#0b2b72}
.latest-media img,.latest-media .generated-cover{width:100%;height:100%;object-fit:cover}
.latest-article>div:last-child{padding:35px}
.post-category{font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#1753bf;font-weight:800}
.latest-article h2{font-size:32px;line-height:1.25;letter-spacing:-1.3px;margin:13px 0}
.latest-article p,.older-card p{font-size:11px;color:#6e7b91;line-height:1.75}
.read-post{display:flex;justify-content:space-between;border-top:1px solid #e9edf3;padding-top:18px;margin-top:22px;font-size:10px;font-weight:800}
.older-heading{display:flex;align-items:end;justify-content:space-between;margin:55px 0 18px}
.older-heading h2{font-size:28px;margin:6px 0 0}
.older-heading>span{font-size:9px;color:#8994a6}
.older-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.older-card{background:#fff;border:1px solid #dce3ed;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.older-media{display:block;aspect-ratio:16/9;overflow:hidden;background:#0b2b72}
.older-media img,.older-media .generated-cover{width:100%;height:100%;object-fit:cover}
.older-media img{transition:.35s}
.older-card:hover .older-media img{transform:scale(1.04)}
.generated-cover{display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#60d9ff,#2864ff 45%,#102b72)}
.generated-cover span{font-size:65px;color:rgba(255,255,255,.25);font-weight:800}
.older-copy{padding:19px;display:flex;flex-direction:column;flex:1}
.older-copy h3{font-size:17px;line-height:1.35;margin:10px 0}
.older-copy small{font-size:7px;color:#8c97a8}
.older-copy .read-post{margin-top:auto}
.pagination{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:45px;gap:20px}
.pagination>a:last-child{text-align:right}
.pagination div{display:flex;gap:7px}
.pagination a{font-size:10px;color:#37506f}
.pagination div a{width:34px;height:34px;border:1px solid #d9e0ea;border-radius:8px;display:grid;place-items:center;background:#fff}
.pagination div a.active{background:#164fbf;color:#fff;border-color:#164fbf}
.public-empty{text-align:center;background:#fff;border:1px solid #dce3ed;border-radius:24px;padding:90px 30px}
.public-empty h2{font-size:44px;margin:12px 0}
.public-empty p{color:#6f7c91}
@media(max-width:1150px){.blog-layout{grid-template-columns:230px minmax(0,1fr);gap:25px}
.older-grid{grid-template-columns:repeat(2,1fr)}
.latest-article{grid-template-columns:1fr}
.latest-media{aspect-ratio:16/8}
}
@media(max-width:800px){.blog-layout{grid-template-columns:1fr}
.blog-sidebar{order:2}
.blog-sidebar>section{position:static}
.blog-main-column{order:1}
.older-grid{grid-template-columns:1fr}
.latest-media{aspect-ratio:16/9}
.latest-article>div:last-child{padding:25px}
}
@media(max-width:600px){.blog-header .image-brand{width:164px;height:52px}
.pagination{grid-template-columns:1fr}
.pagination>a:last-child{text-align:left}
.latest-article h2{font-size:25px}
}

/* V19 blog scrolling: keep the editorial page light while it moves. */
.blog-body{touch-action:pan-y;-webkit-overflow-scrolling:touch}
html:has(body.blog-body){scroll-behavior:auto}
.blog-body .latest-article,.blog-body .older-card,.blog-body .blog-sidebar>section{contain:paint}
.blog-body .older-card{content-visibility:auto;contain-intrinsic-size:auto 430px}
.blog-body .older-media img{transition:none}.blog-body .older-card:hover .older-media img{transform:none}
@media(hover:hover) and (pointer:fine){.blog-body .older-media img{transition:transform .25s ease}.blog-body .older-card:hover .older-media img{transform:scale(1.035)}}
@media(max-width:900px){.blog-body .latest-article,.blog-body .blog-sidebar>section{box-shadow:none}.blog-body .older-card:hover .older-media img{transform:none}}
@media(prefers-reduced-motion:reduce){.blog-body *{scroll-behavior:auto!important}.blog-body .older-media img{transition:none!important}}