position:relative !important;
  margin:0 !important;
  padding:55px 30px 45px !important;
  background:#101A2B !important;
  text-align:center !important;
}
body.archive .page-header h1,
body.blog .page-header h1,
body.category .page-header h1 {
  position:relative !important;
  margin:0 !important;
  padding:0 !important;
  color:#fff !important;
  font-size:clamp(36px,5vw,58px) !important;
  line-height:1.05 !important;
  font-weight:700 !important;
}
@media (max-width:768px) {
  body.archive .page-header,
  body.blog .page-header,
  body.category .page-header { padding:45px 20px 38px !important; }
  body.archive .page-header h1,
  body.blog .page-header h1,
  body.category .page-header h1 { font-size:36px !important; }
}

/* 12. RESPONSIVE BLOG GRID — original design retained. */
body.blog .site-main,
body.archive .site-main {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
}
body.blog .site-main > :not(article.post),
body.archive .site-main > :not(article.post) { grid-column:1 / -1; }
body.blog .site-main > article.post,
body.archive .site-main > article.post {
  min-width:0;
  margin:0 !important;
  padding:0 !important;
}
body.blog article.post .inside-article,
body.archive article.post .inside-article {
  display:flex;
  flex-direction:column;
  height:100%;
  padding:0 0 20px !important;
  background:#fff;
  border:1px solid #e2e8ef;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 5px 18px rgba(12,29,53,.06);
}
body.blog article.post .post-image,
body.archive article.post .post-image {
  order:-1;
  margin:0 0 17px !important;
}
body.blog article.post .post-image img,
body.archive article.post .post-image img {
  display:block;
  width:100%;
  height:160px;
  object-fit:cover;
  border-radius:0;
}
body.blog article.post .entry-header,
body.archive article.post .entry-header { display:block !important; padding:0 17px; }
body.blog article.post .entry-title,
body.archive article.post .entry-title {
  font-size:18px !important;
  line-height:1.4 !important;
  font-weight:750;
  margin:0 0 8px !important;
}
body.blog article.post .entry-title a,
body.archive article.post .entry-title a { color:#0c1d35 !important; text-decoration:none; }
body.blog article.post .entry-title a:hover,
body.archive article.post .entry-title a:hover { color:#24577f !important; }
body.blog article.post .entry-meta,
body.archive article.post .entry-meta { font-size:11px; color:#788694; }
body.blog article.post .entry-summary,
body.blog article.post .entry-content,
body.archive article.post .entry-summary,
body.archive article.post .entry-content {
  padding:0 17px;
  margin-top:13px !important;
  font-size:13px;
  line-height:1.7;
  color:#59697c;
}
body.blog article.post .entry-summary p,
body.blog article.post .entry-content p,
body.archive article.post .entry-summary p,
body.archive article.post .entry-content p { margin-bottom:12px; }
body.blog article.post .read-more,
body.archive article.post .read-more { color:#24577f !important; font-size:13px; font-weight:700; }
body.blog article.post .entry-footer,
body.archive article.post .entry-footer { padding:0 17px; margin-top:auto; }
@media (max-width:1024px) {
  body.blog .site-main,
  body.archive .site-main { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:600px) {
  body.blog .site-main,
  body.archive .site-main { grid-template-columns:1fr; gap:18px; }
  body.blog article.post .post-image img,
  body.archive article.post .post-image img { height:190px; }
}

/* END — ONE HEADER DEFINITION PER BREAKPOINT, NO UNMATCHED BRACES */