/* Embedded cards: loaded only on content that contains [ut_post_card]. */
.ut-embedded-post {
  margin-block: 24px;
  clear: both;
}

.ut-embedded-post .ut-post-card--embedded {
  --ut-post-card-min-height: 126px;
  --ut-post-card-media-width: 180px;
  --ut-post-card-media-height: 106px;
  --ut-post-card-gap: 18px;
  --ut-post-card-padding: 10px;
  border: 1px solid #d9deed;
}

.ut-embedded-post .ut-post-card__action {
  opacity: 1;
  transform: none;
  color: #20252e;
}

.ut-editor-content .ut-embedded-post .ut-post-card__title {
  margin: 0;
  font-size: 16px;
  line-height: 1.8;
}

.ut-editor-content .ut-embedded-post .ut-post-card a {
  text-decoration: none;
}

.ut-editor-content .ut-embedded-post a.ut-post-card__action { color: #20252e; }

.ut-editor-content .ut-embedded-post .ut-post-card__title a {
  color: #20252e;
  font-size: 16px;
  font-weight: 700;
}

.ut-editor-content .ut-embedded-post .ut-post-card__excerpt {
  margin: 5px 0 10px;
  color: #686f7c;
  font-size: 11px;
  line-height: 1.9;
}

.ut-embedded-post .ut-post-card__meta {
  flex-wrap: wrap;
  row-gap: 8px;
  padding-left: 105px;
  font-size: 10px;
  line-height: 1.7;
}

.ut-editor-content .ut-embedded-post .ut-post-card__media img {
  height: 100%;
  margin: 0;
  object-fit: cover;
}

@media (max-width: 600px) {
  .ut-embedded-post .ut-post-card--embedded {
    --ut-post-card-media-width: 100px;
    --ut-post-card-media-height: 80px;
    --ut-post-card-gap: 12px;
  }

  .ut-editor-content .ut-embedded-post .ut-post-card__title a { font-size: 13px; }
  .ut-editor-content .ut-embedded-post .ut-post-card__excerpt { display: none; }
  .ut-embedded-post .ut-post-card__meta { padding-left: 0; }
  .ut-embedded-post .ut-post-card__action { position: static; align-self: flex-end; margin-top: 8px; }
}