.blog-intro { background:var(--cream); padding-top:70px; padding-bottom:65px; }
.blog-intro h1 { font-size:clamp(42px,5vw,68px); color:var(--ink); }
.blog-intro h1 em { color:var(--blue-deep); }
.blog-intro p { color:var(--muted); font-size:14px; line-height:1.9; }
.blog-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; }
.blog-card { overflow:hidden; border:1px solid var(--line); border-radius:16px; }
.blog-card > img { display:block; width:100%; height:260px; object-fit:cover; }
.blog-card > div { padding:28px; }
.blog-card h2 { font-size:31px; }
.blog-card p { font-size:14px; line-height:1.9; color:var(--muted); }
.blog-article { max-width:1000px; margin:auto; overflow-wrap:anywhere; }
.article-header { display:block; position:static; height:auto; padding:30px 0; background:none; border:0; backdrop-filter:none; }
.article-header h1 { font-size:clamp(38px,5vw,60px); letter-spacing:-1.3px; line-height:1.15; }
.article-byline { font-size:12px; color:var(--muted); line-height:1.8; }
.article-cover { display:block; width:100%; max-height:520px; object-fit:cover; margin-top:28px; border-radius:6px; }
.article-content { font-size:16px; line-height:1.9; }
.article-content h2 { font-size:34px; margin-top:42px; }
.article-content h3 { font-size:28px; margin-top:30px; }
.article-content img { max-width:100%; height:auto; border-radius:5px; }
.article-content a { color:var(--blue-deep); text-decoration:underline; text-underline-offset:3px; }
.article-content blockquote { padding:10px 25px; border-left:3px solid var(--cyan); margin-inline:0; background:var(--cream); }
.article-content pre { overflow:auto; padding:18px; background:var(--cream); }
.article-content table { display:block; overflow:auto; border-collapse:collapse; }
.article-content td,.article-content th { padding:10px; border:1px solid var(--line); }
@media(max-width:700px) { .blog-grid { grid-template-columns:1fr; } .blog-intro { padding-top:45px; } .blog-article { padding-top:40px; } .article-content { font-size:15px; } }