.csl-band{color:#333333}
.csl-band--odd,.csl-band--latest{background:#ededed}
.csl-band__grid > .csl-card {
  display: flex;
  height: 100%;
}
.csl-card__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  position:relative;}
.csl-band--featured { background: var(--mist-50); }
.csl-band__title { font-size: 2rem; margin: 0 0 8px; }
.csl-band__desc { color: var(--stone-600); margin: 0 auto 8px; }
.csl-band__grid {gap: 1.5rem;display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));}
.csl-band__more { text-align: center; margin-top: 12px; }
.csl-band__header {margin-bottom: 25px;}
.csl-card__media {position: relative;width: 100%;overflow: hidden;background: #dfdfdf;height: 200px;}
a.csl-card__media-link {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index:2;
}
.csl-card__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  max-width: none;
  contain-intrinsic-size: auto !important; /* neutralize Chrome placeholder */
}
.csl-card {
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #DFDFDF;
    background:#ffffff;
}
.csl-card__content { display: flex; flex-direction: column; gap: 8px; padding: 15px; flex:1}
.csl-card__meta-01 {
    font-size: 1rem;
    color: #666666;
    display: flex;
    flex-direction: row;
}
.csl-card__meta-01 span {
    flex: 1;
}
.csl-card__meta-01 span:last-of-type {
    text-align: right;
}
h3.csl-card__title {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin:0px;
    color: #006E7B;
}
.csl-card__meta-03 {
    font-size: 0.9rem;
    line-height: 1rem;
    margin-top: auto;
}
.csl-card__meta-03 ul {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    z-index: 2;
    position: relative;
}
.csl-card__meta-03 a:any-link {
    padding: 5px;
    background: #f5f5f5;
    border-radius: 4px;
    color: #666666;
}
p.csl-card__excerpt {
  flex: 1 1 auto;            /* grows to push the CTA down */
  font-size: 1rem;
  line-height: 1.25rem;
  color: #666666;
  display: -webkit-box;
  -webkit-line-clamp: 3;     /* adjust to 2–4 as you like */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.csl-card__meta-02 {
    font-size: 1rem;
    color: #666666;
}
.csl-card__cta {
    font-size: 1.1rem;
    text-align: right;
    color: #666666;
    padding: 15px 30px 15px 15px;
    position: relative;
}
.csl-card__cta::before, .csl-card__cta::after {
    content: '';
    width: 9px;
    height: 2px;
    display: block;
    position: absolute;
    background: #666666;
    right: 15px;
}
.csl-card__cta::before {
    transform: rotate(45deg);
    top: 26px;
}
.csl-card__cta::after {
    transform: rotate(-45deg);
    top: 32px;
}

.csl-card:hover {
    transform: translateY(-2px);
}
.csl-card:hover h3.csl-card__title {
    color: #706db2;
}
.csl-card:hover .csl-card__cta {
    background: #f5f5f5;
    color: #706db2;
}
.csl-card:hover .csl-card__cta::before, .csl-card:hover .csl-card__cta::after{background:#706db2}