
/* Blog article card */
.cc_b3eorip4_ErUWopeTAY .sg-bcard, .cc_b3eorip4_zJy97y1MD5 .sg-bcard { position: relative; display: grid; gap: 18px; align-content: start; min-width: 0; color: var(--sg-text, var(--sg-ink)); }
.cc_b3eorip4_ErUWopeTAY .sg-bcard__media, .cc_b3eorip4_zJy97y1MD5 .sg-bcard__media { position: relative; display: block; border-radius: var(--sg-r-media); overflow: hidden; }
.cc_b3eorip4_ErUWopeTAY .sg-bcard__media .sg-media, .cc_b3eorip4_zJy97y1MD5 .sg-bcard__media .sg-media { border-radius: inherit; }
.cc_b3eorip4_ErUWopeTAY .sg-bcard__flag, .cc_b3eorip4_zJy97y1MD5 .sg-bcard__flag { position: absolute; top: 14px; left: 14px; z-index: 1; }
.cc_b3eorip4_ErUWopeTAY .sg-bcard__body, .cc_b3eorip4_zJy97y1MD5 .sg-bcard__body { display: grid; gap: 10px; min-width: 0; }
.cc_b3eorip4_ErUWopeTAY .sg-bcard__meta, .cc_b3eorip4_zJy97y1MD5 .sg-bcard__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; font-size: 13px; color: var(--sg-text-2, var(--sg-ink-2)); }
.cc_b3eorip4_ErUWopeTAY .sg-bcard__cat, .cc_b3eorip4_zJy97y1MD5 .sg-bcard__cat {
  display: inline-flex; align-items: center; min-height: 26px; padding: 0 10px; border-radius: var(--sg-r-pill);
  background: var(--sg-surface-2); color: var(--sg-ink); font-size: 12px; font-weight: 600; text-decoration: none;
  transition: background var(--sg-t-fast), color var(--sg-t-fast);
}
@media (hover: hover) { .cc_b3eorip4_ErUWopeTAY .sg-bcard__cat:hover, .cc_b3eorip4_zJy97y1MD5 .sg-bcard__cat:hover { background: var(--sg-ink); color: #fff; } }
.cc_b3eorip4_ErUWopeTAY .sg-bcard__read, .cc_b3eorip4_zJy97y1MD5 .sg-bcard__read { display: inline-flex; align-items: center; gap: 5px; }
.cc_b3eorip4_ErUWopeTAY .sg-bcard__title, .cc_b3eorip4_zJy97y1MD5 .sg-bcard__title { overflow-wrap: anywhere; }
.cc_b3eorip4_ErUWopeTAY .sg-bcard__title a, .cc_b3eorip4_zJy97y1MD5 .sg-bcard__title a {
  color: inherit; text-decoration: none;
  background: linear-gradient(currentColor, currentColor) 0 100% / 0 1.5px no-repeat;
  transition: background-size calc(var(--sg-t-slow) * 0.8) var(--sg-ease-out);
}
@media (hover: hover) { .cc_b3eorip4_ErUWopeTAY .sg-bcard:hover .sg-bcard__title a, .cc_b3eorip4_zJy97y1MD5 .sg-bcard:hover .sg-bcard__title a { background-size: 100% 1.5px; } }
.cc_b3eorip4_ErUWopeTAY .sg-bcard__title a::after, .cc_b3eorip4_zJy97y1MD5 .sg-bcard__title a::after { content: ""; position: absolute; inset: 0; z-index: 0; }
.cc_b3eorip4_ErUWopeTAY .sg-bcard__cat, .cc_b3eorip4_zJy97y1MD5 .sg-bcard__cat, .cc_b3eorip4_ErUWopeTAY .sg-bcard__more, .cc_b3eorip4_zJy97y1MD5 .sg-bcard__more { position: relative; z-index: 1; }
.cc_b3eorip4_ErUWopeTAY .sg-bcard__excerpt, .cc_b3eorip4_zJy97y1MD5 .sg-bcard__excerpt {
  color: var(--sg-text-2, var(--sg-ink-2)); font-size: 15px; line-height: 1.6;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.cc_b3eorip4_ErUWopeTAY .sg-bcard__foot, .cc_b3eorip4_zJy97y1MD5 .sg-bcard__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 4px; font-size: 13.5px; }
.cc_b3eorip4_ErUWopeTAY .sg-bcard__author, .cc_b3eorip4_zJy97y1MD5 .sg-bcard__author { color: var(--sg-text-2, var(--sg-ink-2)); }
.cc_b3eorip4_ErUWopeTAY .sg-bcard__more, .cc_b3eorip4_zJy97y1MD5 .sg-bcard__more { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: inherit; text-decoration: none; }
.cc_b3eorip4_ErUWopeTAY .sg-bcard__more svg, .cc_b3eorip4_zJy97y1MD5 .sg-bcard__more svg { transition: transform var(--sg-t-mid) var(--sg-ease-out); }
@media (hover: hover) { .cc_b3eorip4_ErUWopeTAY .sg-bcard:hover .sg-bcard__more svg, .cc_b3eorip4_zJy97y1MD5 .sg-bcard:hover .sg-bcard__more svg { transform: translateX(4px); } .cc_b3eorip4_ErUWopeTAY .sg-bcard:hover .sg-media > picture img, .cc_b3eorip4_zJy97y1MD5 .sg-bcard:hover .sg-media > picture img, .cc_b3eorip4_ErUWopeTAY .sg-bcard:hover .sg-mf__img, .cc_b3eorip4_zJy97y1MD5 .sg-bcard:hover .sg-mf__img { transform: scale(1.06); } }

/* list: horizontal card */
.cc_b3eorip4_ErUWopeTAY .sg-bcard--list, .cc_b3eorip4_zJy97y1MD5 .sg-bcard--list { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr); gap: clamp(18px, 3vw, 40px); align-items: center; }
/* featured: big image + text side by side */
.cc_b3eorip4_ErUWopeTAY .sg-bcard--featured, .cc_b3eorip4_zJy97y1MD5 .sg-bcard--featured { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 64px); align-items: center; }
.cc_b3eorip4_ErUWopeTAY .sg-bcard--featured .sg-bcard__body, .cc_b3eorip4_zJy97y1MD5 .sg-bcard--featured .sg-bcard__body { gap: 16px; }
.cc_b3eorip4_ErUWopeTAY .sg-bcard--featured .sg-bcard__excerpt, .cc_b3eorip4_zJy97y1MD5 .sg-bcard--featured .sg-bcard__excerpt { font-size: var(--sg-fs-lg); -webkit-line-clamp: 4; }
/* mini: small thumbnail row (related) */
.cc_b3eorip4_ErUWopeTAY .sg-bcard--mini, .cc_b3eorip4_zJy97y1MD5 .sg-bcard--mini { grid-template-columns: 96px minmax(0, 1fr); gap: 14px; align-items: center; }
.cc_b3eorip4_ErUWopeTAY .sg-bcard--mini .sg-bcard__title, .cc_b3eorip4_zJy97y1MD5 .sg-bcard--mini .sg-bcard__title { font-size: 15px; font-weight: 600; line-height: 1.35; }
.cc_b3eorip4_ErUWopeTAY .sg-bcard--mini .sg-bcard__media, .cc_b3eorip4_zJy97y1MD5 .sg-bcard--mini .sg-bcard__media { border-radius: calc(var(--sg-r-media) * 0.6); }

@media (max-width: 767px) {
  .cc_b3eorip4_ErUWopeTAY .sg-bcard--featured, .cc_b3eorip4_zJy97y1MD5 .sg-bcard--featured, .cc_b3eorip4_ErUWopeTAY .sg-bcard--list, .cc_b3eorip4_zJy97y1MD5 .sg-bcard--list { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .cc_b3eorip4_ErUWopeTAY .sg-bcard--featured .sg-bcard__excerpt, .cc_b3eorip4_zJy97y1MD5 .sg-bcard--featured .sg-bcard__excerpt { font-size: var(--sg-fs-md); }
}
