/* Content-only refinements. Header, footer and other pages keep their styles. */
.front-site main.cms-showcase {
  position: relative;
  --showcase-line: #e4e7ed;
  --showcase-search-border: #aeb8c5;
  --showcase-search-hover: #778495;
  --showcase-muted: #737d8b;
  --showcase-hover: #f5f6f8;
  --showcase-pin-text: #775500;
  --showcase-pin-background: #fff7d6;
  --showcase-pin-border: #c5a644;
}
.front-site .cms-showcase.is-content-loading::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 12px;
  left: 0;
  width: 100%;
  height: 3px;
  border-radius: 3px;
  background: linear-gradient(90deg, transparent, #6cdc36, transparent);
  background-size: 200% 100%;
  animation: cms-content-progress 1s linear infinite;
}
@keyframes cms-content-progress {
  from { background-position: 200% 0; }
  to { background-position: 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  .front-site .cms-showcase.is-content-loading::before { animation: none; background: #6cdc36; }
}
.front-site .cms-showcase .site-title-row > div,
.front-site .cms-showcase .site-card,
.front-site .cms-showcase .site-card-body,
.front-site .cms-showcase .blog-feature a > div {
  min-width: 0;
}
.front-site .cms-showcase .site-title-row p {
  max-width: 720px;
  margin: 14px 0 0;
  color: var(--showcase-muted);
  line-height: 1.65;
}
.front-site .cms-showcase .announcement-topic-card {
  height: 100%;
  transition: border-color 160ms ease, transform 160ms ease;
}
.front-site .cms-showcase .announcement-topic-card:hover {
  border-color: #6cdc36;
  transform: translateY(-2px);
}
.front-site .cms-showcase .announcement-topic-card h3 {
  overflow-wrap: anywhere;
}
.front-site .cms-showcase .announcement-topic-card p {
  line-height: 1.65;
}
.front-site .cms-showcase .announcement-item a {
  display: block;
  height: 100%;
}
.front-site .cms-showcase .announcement-item h3 {
  margin: 0 0 10px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.front-site .cms-showcase .announcement-item a:hover h3 {
  color: #43a800;
}
.front-site .cms-showcase .showcase-pin {
  display: inline-flex;
  align-items: center;
  margin-right: 6px;
  padding: 1px 5px;
  border: 1px solid var(--showcase-pin-border);
  border-radius: 4px;
  color: var(--showcase-pin-text);
  background: var(--showcase-pin-background);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
  vertical-align: middle;
}

.front-site .cms-showcase .site-card h3 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.5;
  min-height: 3em;
  overflow-wrap: anywhere;
}
.front-site .cms-showcase .blog-feature p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.65;
}
.front-site .cms-showcase .site-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.front-site .cms-showcase .feature-tags {
  min-height: 22px;
}
.front-site .cms-showcase .academy-feature-slide h2 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.front-site .cms-showcase .empty {
  grid-column: 1 / -1;
}
.front-site .cms-showcase .announcement-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
.front-site .cms-showcase .announcement-pagination a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  min-height: 34px;
  border: 1px solid var(--showcase-line);
  border-radius: 6px;
}
.front-site .cms-showcase .announcement-pagination a.active,
.front-site .cms-showcase .announcement-pagination a:hover {
  background: var(--showcase-hover);
}
.front-site[data-theme="dark"] main.cms-showcase,
.front-site:is(.dark, .theme-dark) main.cms-showcase,
:is(html[data-theme="dark"], html[data-theme="black"], html[data-color-mode="dark"], html[data-mgbx-cms-theme="dark"], html.dark, html.theme-dark) .front-site main.cms-showcase {
  --showcase-line: #303743;
  --showcase-search-border: #626d7c;
  --showcase-search-hover: #929ead;
  --showcase-muted: #aeb7c4;
  --showcase-hover: #1c222c;
  --showcase-pin-text: #f1d77c;
  --showcase-pin-background: #302916;
  --showcase-pin-border: #75662f;
}
@media (max-width: 900px) {
  .front-site .cms-showcase .announcement-layout {
    gap: 24px;
  }
  .front-site .cms-showcase .announcement-side {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 620px) {
  .front-site .cms-showcase .page-search {
    flex: auto;
    width: 100%;
  }
  .front-site .cms-showcase .site-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 10px;
    padding-bottom: 6px;
  }
  .front-site .cms-showcase .site-tabs a {
    flex: 0 0 auto;
    white-space: nowrap;
  }
  .front-site .cms-showcase .announcement-rows.two-col,
  .front-site .cms-showcase .announcement-side {
    grid-template-columns: 1fr;
  }
  .front-site .cms-showcase .blog-feature a {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 16px;
  }
  .front-site .cms-showcase .blog-feature-thumb {
    height: auto;
    aspect-ratio: 16 / 9;
  }
}