/* Stats block for CDT posts */
.activity-stats-card{
  border:1px solid #e5e7eb;border-radius:12px;padding:12px;
  margin:16px auto;                 /* center the card */
  max-width:min(720px, 100%);       /* keep within content width */
  width:100%;
  background:#fff;box-sizing:border-box
}
.activity-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.activity-stat{display:flex;flex-direction:column}
.activity-stat .label{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:#6b7280;margin-bottom:4px}
.activity-stat .value{font-size:1.05rem;font-weight:600;color:#111827}

/* Dark mode friendliness */
@media (prefers-color-scheme: dark){
  .activity-stats-card{background:#0b0b0b;border-color:#262626}
  .activity-stat .label{color:#9ca3af}
  .activity-stat .value{color:#f3f4f6}
}


/* --- Media layout --- */
/* --- Video blocks: center and cap height --- */
.wp-block-video,
figure.wp-block-video {
  margin: 16px auto;                 /* center the figure */
  max-width: 80%;                    /* optional: cap overall width; remove if undesired */
  width: auto !important;            /* defeat themes that force 100% */
  box-sizing: border-box;
}

.wp-block-video video,
figure.wp-block-video video {
  display: block;
  margin: 0 auto;                    /* center the media */
  width: auto !important;            /* stop full-width stretching */
  max-width: 100%;                   /* still shrink if container is smaller */
  height: auto;
  max-height: 640px;                 /* your requested cap */
}

/* If captions are used, center them too */
.wp-block-video figcaption {
  text-align: center;
}

.wp-block-embed.is-type-video .wp-block-embed__wrapper {
  display: flex;
  justify-content: center;
}
.wp-block-embed.is-type-video iframe,
.wp-block-embed.is-type-video video {
  width: auto !important;
  max-width: 100%;
  height: auto;
  max-height: 640px;
}