.clx-section-heading{
  display:grid;
  gap:8px;
}

.clx-section-heading--center{
  text-align:center;
  justify-items:center;
}

.clx-section-title{
  margin:0;
  color:var(--clx-title-color);
  font-family:var(--clx-font-title);
  font-size:var(--clx-title-size-desktop);
  font-weight:var(--clx-title-weight);
  line-height:var(--clx-title-line-height);
  letter-spacing:var(--clx-title-letter-spacing);
  text-transform:uppercase;
  text-shadow:var(--clx-title-shadow);
}

.clx-section-subtitle{
  margin:0;
  color:var(--clx-subtitle-color);
  font-family:var(--clx-font-subtitle);
  font-size:var(--clx-subtitle-size-desktop);
  font-weight:var(--clx-subtitle-weight);
  line-height:var(--clx-subtitle-line-height);
}

.clx-card-surface{
  background:var(--clx-color-bg-elevated);
  border:1px solid var(--clx-color-border-subtle);
  border-radius:var(--clx-radius-lg);
  box-shadow:var(--clx-shadow-soft);
}

.clx-card-title{
  margin:0;
  color:#fff;
  font-family:var(--clx-font-title);
  font-size:16px;
  font-weight:600;
  line-height:1.25;
}

.clx-card-meta{
  color:var(--clx-color-text-muted);
  font-size:12px;
  line-height:1.4;
}

.clx-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 12px;
  border-radius:999px;
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
  background:rgba(34,197,94,.10);
  border:1px solid rgba(34,197,94,.22);
  color:#d8ffe8;
}

@media (max-width:1024px){
  .clx-section-title{font-size:var(--clx-title-size-tablet);}
  .clx-section-subtitle{font-size:var(--clx-subtitle-size-tablet);}
}

@media (max-width:767px){
  .clx-section-title{font-size:var(--clx-title-size-mobile);}
  .clx-section-subtitle{font-size:var(--clx-subtitle-size-mobile);}
}