/* Похожие публикации на странице отдельного поста (post_id=174, виджет vgpostrelfeed1, карточка 463).
   Стили карточки привязаны к element-id самого шаблона 463 (одинаковы везде, где он встречается),
   поэтому правила дублируются из blog.css (там же самый паттерн уже использован для /blog/). */

.elementor-element-vgblogcard1 {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  overflow: hidden;
  background-color: rgba(255,255,255,.7) !important;
  border: var(--vg-border-width) solid var(--vg-ink) !important;
  border-radius: var(--vg-radius-card) !important;
  box-shadow: var(--vg-shadow-offset) var(--vg-shadow-offset) 0 var(--vg-ink) !important;
}
.elementor-element-vgblogimgw1 {
  display: block !important;
  position: relative !important;
  width: auto !important;
  height: 200px !important;
  overflow: hidden;
  border-bottom: var(--vg-border-width) solid var(--vg-ink) !important;
  flex-shrink: 0;
}
.elementor-element-vgblogcat1 { position: absolute !important; top: 16px !important; left: 16px !important; z-index: 2; }
.elementor-element-vgblogcat1 .elementor-heading-title {
  display: inline-block !important; padding: 8px 12px !important; border-radius: var(--vg-radius-pill) !important;
  border: 1px solid var(--vg-ink) !important; background-color: var(--vg-bg) !important;
  font-family: var(--vg-font-body) !important; font-size: 12px !important; font-weight: 400 !important; color: var(--vg-ink) !important;
}
.elementor-element-vgblogimg1, .elementor-element-vgblogimg1 img {
  width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; transition: transform .5s ease;
}
.elementor-element-vgblogcard1:hover .elementor-element-vgblogimg1 img { transform: scale(1.05); }
.elementor-element-vgblogcnt1 { flex: 1 1 auto !important; width: auto !important; padding: 18px !important; }
.elementor-element-vgblogmeta1 { width: auto !important; align-items: center !important; margin-bottom: 16px !important; }
.elementor-element-vgblogdate1, .elementor-element-vgblogcom1 .elementor-heading-title {
  font-family: var(--vg-font-mono); font-size: 12px; text-transform: uppercase; letter-spacing: .1em; color: rgba(22,32,50,.5);
}
.elementor-element-vgblogcom1 .elementor-heading-title { font-weight: 400; }
.elementor-element-vgblogtitl1 .elementor-heading-title { margin: 0; font-size: 20px; font-weight: 500; line-height: 1.25; letter-spacing: -0.01em; color: var(--vg-ink) !important; }
.elementor-element-vgblogtitl1 .elementor-heading-title a { color: inherit !important; text-decoration: none !important; }
.elementor-element-vgblogexc1 {
  margin-top: 12px !important; font-family: var(--vg-font-body); font-size: 13px; line-height: 1.6; color: rgba(22,32,50,.6);
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
}
.elementor-element-vgblogauth1 { margin-top: 18px !important; padding-top: 16px !important; border-top: 1px solid rgba(22,32,50,.2) !important; align-items: center !important; gap: 10px !important; }
.elementor-element-vgblogauthimg1 { width: 28px !important; flex-shrink: 0; }
.elementor-element-vgblogauthimg1 img { display: block !important; width: 28px !important; height: 28px !important; border-radius: 50% !important; object-fit: cover !important; }
.elementor-element-vgblogauthname1 .elementor-heading-title { font-family: var(--vg-font-body) !important; font-size: 13px !important; font-weight: 500 !important; color: var(--vg-ink) !important; }