/* Switch IT External Blog Grid | clean, theme-friendly responsive layout */
.sit-ebg {
  --sit-ebg-ink: #17212d;
  --sit-ebg-muted: #66717e;
  --sit-ebg-border: #e4e7ea;
  --sit-ebg-accent: #2456ae;
  color: var(--sit-ebg-ink);
  width: 100%;
  font-family: inherit;
}
.sit-ebg *, .sit-ebg *::before, .sit-ebg *::after { box-sizing: border-box; }
.sit-ebg__heading {
  color: inherit;
  font-family: inherit;
  font-size: clamp(24px, 2.8vw, 36px);
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 28px;
}
.sit-ebg__grid { display: grid; grid-template-columns: 1fr; gap: 26px; align-items: stretch; }
.sit-ebg__card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--sit-ebg-border);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 4px 18px rgba(24, 31, 45, .04);
  transition: box-shadow .2s ease, transform .2s ease;
}
.sit-ebg__card:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(24,31,45,.1); }
.sit-ebg__image-link { display: block; overflow: hidden; background: #e9edf3; aspect-ratio: 16 / 10; }
.sit-ebg__image { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.sit-ebg__card:hover .sit-ebg__image { transform: scale(1.045); }
.sit-ebg__content { padding: 22px 23px 24px; display: flex; flex: 1 1 auto; flex-direction: column; align-items: flex-start; }
.sit-ebg__date {
  display: block; margin-bottom: 10px;
  font-size: 12px; font-weight: 600; letter-spacing: .055em;
  text-transform: uppercase; color: var(--sit-ebg-muted); line-height: 1.4;
}
.sit-ebg__title { margin: 0 0 12px; font: inherit; font-size: clamp(18px, 1.4vw, 22px); font-weight: 700; line-height: 1.32; color: var(--sit-ebg-ink); }
.sit-ebg__title a { color: inherit; text-decoration: none; }
.sit-ebg__title a:hover { color: var(--sit-ebg-accent); }
.sit-ebg__excerpt { margin: 0 0 21px; font-size: 14px; line-height: 1.7; color: var(--sit-ebg-muted); }
.sit-ebg__more { display: inline-flex; align-items: center; gap: 9px; margin-top: auto; font-size: 13px; line-height: 1.5; font-weight: 700; color: var(--sit-ebg-accent); text-decoration: none; }
.sit-ebg__more:hover { color: var(--sit-ebg-ink); }
.sit-ebg__arrow { font-size: 17px; line-height: 1; transition: transform .2s ease; }
.sit-ebg__more:hover .sit-ebg__arrow { transform: translate(2px, -2px); }
.sit-ebg a:focus-visible { outline: 2px solid var(--sit-ebg-accent); outline-offset: 3px; }
.sit-ebg-empty { font-size: 14px; padding: 12px 15px; border: 1px dashed #bac3cc; }
@media (min-width: 650px) { .sit-ebg__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .sit-ebg__grid { grid-template-columns: repeat(var(--sit-ebg-columns, 3), minmax(0, 1fr)); } }
@media (max-width: 649px) { .sit-ebg__grid { gap: 20px; } .sit-ebg__content { padding: 19px 20px 22px; } }
@media (prefers-reduced-motion: reduce) { .sit-ebg__card, .sit-ebg__image, .sit-ebg__arrow { transition: none; } }