/* Blog & Insights – independent page styles */
.blog-page{margin:0;background:#080d19;color:#e8f2ff;font-family:Inter,Arial,sans-serif;min-height:100vh}
.blog-page *{box-sizing:border-box}
.blog-page a{text-decoration:none}
.blog-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px max(5%,calc((100vw - 1200px)/2));border-bottom:1px solid #1d3046;background:#080d19}
.blog-brand{font-size:26px;font-weight:800;color:#e8f2ff;letter-spacing:-1px}
.blog-brand span{color:#00c8f8}
.blog-header nav{display:flex;align-items:center;gap:30px}
.blog-header nav a{color:#a9b9cb;font-size:14px}
.blog-header nav a:hover,.blog-header nav a.active{color:#00c8f8}
#blog-lang{background:#122338;border:1px solid #29445c;color:#e8f2ff;border-radius:9px;padding:9px 15px;cursor:pointer}
.blog-container{max-width:1200px;margin:auto;padding:0 24px}
.blog-hero{padding:110px 0 100px;border-bottom:1px solid #1d3046}
.blog-eyebrow{font-size:12px;font-weight:700;letter-spacing:2.5px;color:#00c8f8}
.blog-hero h1{font-size:clamp(52px,8vw,104px);letter-spacing:-5px;line-height:1.05;margin:25px 0 30px;font-weight:800}
.blog-hero h1 em{font-style:normal;color:#00c8f8}
.blog-hero p{max-width:740px;color:#a9b9cb;font-size:19px;line-height:1.8}
.blog-linkedin{display:inline-flex;align-items:center;gap:16px;margin-top:30px;padding:15px 22px;background:#00c8f8;color:#061321!important;border-radius:9px;font-weight:700;font-size:14px}
.blog-linkedin:hover{background:#7be6ff}
.blog-content{padding:85px 0 120px}
.blog-section-top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:35px}
.blog-section-top h2{font-size:clamp(30px,4vw,46px);margin:12px 0 0;letter-spacing:-1.5px}
.blog-source{font-size:11px;color:#7793ad;letter-spacing:2px}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.blog-empty{grid-column:1/-1;border:1px solid #24425c;background:linear-gradient(135deg,#10273c,#0b1728);border-radius:18px;padding:60px 40px;text-align:center}
.blog-empty-icon{font-size:42px;color:#00c8f8}
.blog-empty h3{font-size:25px;margin:20px 0 10px}
.blog-empty p{color:#a9b9cb;line-height:1.8;max-width:580px;margin:auto}
.blog-footer{border-top:1px solid #1d3046;padding:30px 5%;display:flex;justify-content:space-between;gap:20px;color:#8195aa;font-size:13px}
.blog-footer div{display:flex;gap:25px;flex-wrap:wrap}
.blog-footer a{color:#a9b9cb}
.blog-footer a:hover{color:#00c8f8}
@media(max-width:760px){
.blog-header{padding:18px 20px;flex-wrap:wrap}
.blog-header nav{order:3;width:100%;gap:18px;flex-wrap:wrap}
.blog-header nav a{font-size:12px}
.blog-hero{padding:75px 0}
.blog-hero h1{letter-spacing:-2px}
.blog-hero p{font-size:16px}
.blog-grid{grid-template-columns:1fr}
.blog-empty{padding:40px 20px}
.blog-section-top{align-items:start;flex-direction:column}
.blog-footer{flex-direction:column}
}
.blog-header nav{margin-left:auto}

/* LinkedIn article cards */
.blog-post-card{
    background:linear-gradient(145deg,#10273c,#0b1728);
    border:1px solid #24425c;
    border-radius:18px;
    padding:30px;
    display:flex;
    flex-direction:column;
    gap:18px;
    min-height:310px;
}
.blog-post-card h3{
    font-size:23px;
    line-height:1.35;
    margin:0;
    color:#e8f2ff;
}
.blog-post-card p{
    color:#a9b9cb;
    line-height:1.7;
    margin:0;
    flex:1;
}
.blog-post-category{
    color:#00c8f8;
    font-size:11px;
    font-weight:700;
    letter-spacing:1.5px;
}
.blog-post-date{
    color:#8195aa;
    font-size:12px;
}
.blog-post-card a{
    color:#00c8f8;
    font-weight:700;
    font-size:14px;
}
.blog-post-card a:hover{
    color:#7be6ff;
}


/* LinkedIn Embed Layout v2 */
.blog-posts:has(.blog-post-embed),
#blog-posts:has(.blog-post-embed){
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,504px),1fr));
    gap:32px;
    justify-content:center;
}

.blog-post-embed{
    width:100%;
    max-width:560px;
    margin-inline:auto;
    padding:16px;
    box-sizing:border-box;
}

.blog-post-embed iframe{
    display:block;
    width:100%;
    max-width:504px;
    margin-inline:auto;
    min-height:634px;
}

@media(max-width:600px){
    .blog-post-embed{
        padding:10px;
    }
}