.blog-list h1{font-family:inherit;margin:0 0 8px;color:#092B66}
.blog-list .sub{color:var(--muted);margin:0 0 28px}
.blog-list .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding-bottom:16px}
.blog-list .card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:grid;grid-template-columns:140px 1fr;transition:box-shadow .2s,transform .2s}
.blog-list .card:hover{box-shadow:0 10px 24px rgba(9,43,102,.1);transform:translateY(-2px)}
.blog-list .card img{width:140px;height:100%;object-fit:cover;min-height:120px}
.blog-list .card .body{padding:16px}
.blog-list .card h3{margin:0 0 8px;font-size:16px;color:#092B66}
.blog-list .card p{margin:0;color:var(--muted);font-size:14px}
.blog-list .card small{display:block;margin-top:10px;color:#889}
.blog-list .back{display:inline-block;margin-bottom:12px;color:#092B66;font-weight:600}
.article-page .back{display:inline-block;margin-bottom:12px;color:#092B66;font-weight:600}
.article-page h1{font-size:clamp(28px,4vw,36px);line-height:1.2;margin:8px 0;color:#092B66}
.article-page .meta{color:var(--muted);margin-bottom:20px}
.article-page .hero{width:100%;max-height:380px;object-fit:cover;border-radius:12px;margin:0 0 24px}
.article-page .lead{font-size:17px;font-weight:600;color:#334155;margin:0 0 20px}
.article-page .content{background:#fff;border-radius:12px;padding:28px 32px;font-size:16px;line-height:1.75;white-space:pre-wrap;box-shadow:0 8px 24px rgba(9,43,102,.06);border:1px solid var(--line)}
@media(max-width:720px){.blog-list .grid{grid-template-columns:1fr}.article-page .content{padding:20px 18px}}

@media(max-width:768px){
  .blog-list h1{font-size:clamp(24px,6vw,30px)}
  .blog-list .card{grid-template-columns:1fr}
  .blog-list .card img{width:100%;height:160px;min-height:0}
  .blog-list .card .body{padding:16px 14px 18px}
  .blog-list .card h3{font-size:17px}
  .article-page h1{font-size:clamp(24px,6vw,30px)}
  .article-page .hero{max-height:220px;border-radius:10px}
  .article-page .lead{font-size:15px}
  .article-page .content{padding:18px 16px;font-size:15px;line-height:1.7;border-radius:10px}
  .portal-inner,.portal-inner.wide{padding-left:16px;padding-right:16px}
}