.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase { padding: var(--serdal-blog-showcase-pt, 40px) 0 var(--serdal-blog-showcase-pb, 40px); }
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__inner { display: flex; flex-direction: column; box-sizing: border-box; padding: 0 16px; max-width: var(--serdal-blog-showcase-max-width, 1440px); margin: 0 auto; }
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__title { color: var(--kombos-text); margin: 0 0 24px; }
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__grid { display: grid; grid-template-columns: 1fr; gap: 24px; }
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__featured { display: flex; flex-direction: column; gap: 16px; text-decoration: none; color: inherit; }
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__featured-image { width: 100%; aspect-ratio: var(--serdal-blog-showcase-featured-ratio, 16 / 11); object-fit: var(--serdal-blog-showcase-featured-fit, cover); border-radius: 4px; background-color: var(--kombos-panel-hover); }
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__featured-body { display: flex; flex-direction: column; gap: 8px; }
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__featured-category { color: var(--kombos-orange); }
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__featured-date { color: var(--kombos-text-muted); }
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__featured-title { color: var(--kombos-text); margin: 0; }
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__featured-excerpt { color: var(--kombos-text-muted); margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__list-wrap { position: relative; min-width: 0; }
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__list { display: flex; flex-direction: column; --serdal-blog-showcase-list-h: 432px; height: var(--serdal-blog-showcase-list-h); overflow-y: scroll; padding-right: 16px; }
@supports not selector(::-webkit-scrollbar) {
  .cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__list { scrollbar-width: thin; scrollbar-color: var(--kombos-orange) var(--kombos-panel-hover); }
}
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__list::-webkit-scrollbar { width: 4px; }
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__list::-webkit-scrollbar-track { background: var(--kombos-panel-hover); border-radius: 4px; }
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__list::-webkit-scrollbar-thumb { background: var(--kombos-orange); border-radius: 4px; }
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__list::-webkit-scrollbar-thumb:hover { background: var(--kombos-navy); }
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__list-item { display: flex; align-items: center; flex: none; box-sizing: border-box; height: calc(var(--serdal-blog-showcase-list-h) / 3); gap: 16px; padding: 16px 0; text-decoration: none; color: inherit; border-bottom: 1px solid var(--kombos-line); }
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__list-item:last-child { border-bottom: none; }
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__list-thumb { flex: none; width: 160px; border-radius: 4px; overflow: hidden; background-color: var(--kombos-panel-hover); }
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__list-thumb img { width: 100%; aspect-ratio: var(--serdal-blog-showcase-thumb-ratio, 4 / 3); object-fit: var(--serdal-blog-showcase-thumb-fit, cover); display: block; }
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__list-body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__list-date { color: var(--kombos-text-muted); }
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__list-title { color: var(--kombos-text); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__list-excerpt { color: var(--kombos-text-muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__empty { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; padding: 40px 16px; }
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__empty-title { color: var(--kombos-text); margin: 0; }
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__empty-subtitle { color: var(--kombos-text-muted); margin: 0; }
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__empty-cta { margin-top: 8px; padding: 12px 24px; border-radius: 4px; background-color: var(--kombos-orange); color: #ffffff; text-decoration: none; }
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__empty-cta:hover { background-color: var(--kombos-navy); }
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__skeleton-featured { width: 100%; aspect-ratio: 4 / 3; border-radius: 4px; background-color: var(--kombos-panel-hover); }
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__skeleton-item { height: 72px; border-radius: 4px; background-color: var(--kombos-panel-hover); margin-bottom: 16px; }
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__skeleton-item:last-child { margin-bottom: 0; }
.cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__featured:focus-visible, .cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__list-item:focus-visible, .cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__empty-cta:focus-visible { outline: 2px solid var(--kombos-orange); outline-offset: 2px; }
@media (min-width: 768px) {
  .cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__grid { grid-template-columns: 1.2fr 1fr; gap: 40px; container-type: inline-size; }
  .cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__list { --serdal-blog-showcase-list-h: calc( (100cqw - 40px) * 12 / 22 / var(--serdal-blog-showcase-featured-ratio-num, 1.4545) ); }
}
@media (prefers-reduced-motion: no-preference) {
  .cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__list-item { transition: opacity 0.15s ease; }
  .cc_wui3bvpp_E6VVGH4FJn .serdal-blog-showcase__list-item:hover { opacity: 0.85; }
}
