/* ============================================
   s-card-05 - Card (共通カード)
   ============================================ */
.s-card-05 {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--wp--preset--color--gray-lighter, #e0e0e0);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: border-color var(--transition-normal);
}

.s-card-05:hover {
  opacity: 0.85;
}

:is(.s-card-05 *) {
  margin: 0;
}

/* figure.wp-block-image でラップされるため figure にも対応 */
.s-card-05__img,
.s-card-05 > .wp-block-image {
  width: 100%;
  margin: 0;
  padding: 0;
}

.s-card-05__img img,
.s-card-05 > .wp-block-image img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
  /* カード本体が画像をクリップするため、画像下端は本文へ自然につなぐ */
  border-radius: var(--radius-md) var(--radius-md) 0 0;
}

/* 画像直後の見出し余白 */
.s-card-05__img + .wp-block-heading,
.s-card-05 > .wp-block-image + .wp-block-heading,
.s-card-05__img + h3,
.s-card-05 > .wp-block-image + h3 {
  margin-top: var(--space-2-xl);
}

.s-card-05__body.wp-block-group,
.s-card-05__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  margin: 0;
  padding: var(--space-3-xl);
  flex: 1;
}

.s-card-05__title {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-tight);
}

.s-card-05__text {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-normal);
  color: var(--wp--preset--color--gray-dark, #666);
}

/* カード内ボタンを下揃え・中央寄せ */
.s-card-05__body > .wp-block-buttons,
.s-card-05 > .wp-block-buttons {
  margin-top: auto;
  justify-content: center;
}

.s-card-05__body > .wp-block-buttons .wp-block-button,
.s-card-05 > .wp-block-buttons .wp-block-button {
  margin: 0;
}

/* カード内パディング・余白（bodyなし時） */
.s-card-05 > .wp-block-heading,
.s-card-05 > p,
.s-card-05 > .wp-block-buttons {
  padding-left: var(--space-xl);
  padding-right: var(--space-xl);
}

.s-card-05 > p {
  margin-top: var(--space-sm);
}

.s-card-05 > .wp-block-buttons {
  margin-top: var(--space-2-xl);
}

.s-card-05__link {
  display: block;
  text-decoration: none;
  color: inherit;
}
