.yaoi-post-card__media {
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: var(--yaoi-radius);
	margin-bottom: 1rem;
}

.yaoi-post-card__img,
.yaoi-post-card__ph {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.yaoi-post-card__ph {
  background: var(--yaoi-color-border);
}

.yaoi-post-card__title {
  margin: 0;
  font-size: 1rem;
  line-height: 1.35;
}

.yaoi-post-card__title a {
	color: #fff;
	text-decoration: none;
}

.yaoi-post-card__title a:hover {
  color: var(--yaoi-color-accent);
}

.yaoi-post-card__date {
  color: var(--yaoi-color-text-muted);
  font-size: 0.8rem;
}

.yaoi-post-card__byline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--yaoi-space-2);
  margin: 0;
  font-size: 0.78rem;
}

.yaoi-post-card__cat {
  color: var(--yaoi-color-accent);
  font-weight: 700;
  text-decoration: none;
}

.yaoi-post-card__cat[data-tone="1"] {
  color: var(--yaoi-color-danger);
}

.yaoi-post-card__cat[data-tone="2"] {
  color: var(--yaoi-color-success);
}

.yaoi-post-card__cat[data-tone="3"] {
  color: color-mix(in srgb, var(--yaoi-color-success) 55%, var(--yaoi-color-accent));
}

.yaoi-post-card__cat[data-tone="4"] {
  color: color-mix(in srgb, var(--yaoi-color-danger) 40%, var(--yaoi-color-text));
}

.yaoi-post-card__cat[data-tone="5"] {
  color: color-mix(in srgb, var(--yaoi-color-success) 65%, var(--yaoi-color-text));
}

.yaoi-post-card__excerpt {
  margin: 0;
  color: var(--yaoi-color-text-muted);
  font-size: 0.85rem;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.yaoi-post-card__more {
  display: inline-flex;
  align-items: center;
  gap: var(--yaoi-space-1);
  color: var(--yaoi-color-text);
  font-size: 0.85rem;
  font-weight: 600;
  text-decoration: none;
}

.yaoi-post-card__more:hover {
  color: var(--yaoi-color-accent);
}

.yaoi-post-card__more svg {
  width: 1rem;
  height: 1rem;
}

.yaoi-post-card--archive .yaoi-post-card__media {
  border-radius: var(--yaoi-radius-lg);
}

.yaoi-post-card--archive .yaoi-post-card__title {
	font-size: 1rem;
	font-weight: 700;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom: 10px;
}

.yaoi-post-card--related {
  grid-template-columns: 5rem minmax(0, 1fr);
  align-items: center;
  gap: var(--yaoi-space-3);
}

.yaoi-post-card--related .yaoi-post-card__media {
  aspect-ratio: 1;
  grid-row: 1 / span 2;
  border-radius: var(--yaoi-radius);
}

.yaoi-post-card--related .yaoi-post-card__title {
  font-size: 0.9rem;
  font-weight: 700;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.yaoi-post-card--related .yaoi-post-card__date {
  display: inline-flex;
  align-items: center;
  gap: var(--yaoi-space-1);
  grid-column: 2;
}

.yaoi-post-card--related .yaoi-post-card__date svg {
  width: 0.85rem;
  height: 0.85rem;
}