/* =======================
   角丸 16px
   ======================= */

/* 外側ラッパー：半径だけ（overflow は付けない） */
.wp-block-image.is-style-rounded-16,
.is-style-rounded-16 .wp-block-image {
  border-radius: 16px;
}

/* 図本体（figure）：角丸＋クリップ */
.wp-block-image.is-style-rounded-16 > figure,
.is-style-rounded-16 .wp-block-image > figure {
  border-radius: 16px;
  overflow: hidden;
}

/* 画像にリンクが付いたとき：a でも丸く＆クリップ */
.wp-block-image.is-style-rounded-16 > figure > a,
.is-style-rounded-16 .wp-block-image > figure > a {
  border-radius: 16px;
  overflow: hidden;
  display: block; /* figure の幅いっぱいにして綺麗に切る */
}

/* img 自体も角丸にしておく */
.wp-block-image.is-style-rounded-16 img,
.is-style-rounded-16 .wp-block-image img {
  border-radius: 16px;
  display: block;
}

/* =======================
   角丸 20px
   ======================= */

.wp-block-image.is-style-rounded-20,
.is-style-rounded-20 .wp-block-image {
  border-radius: 20px;
}

.wp-block-image.is-style-rounded-20 > figure,
.is-style-rounded-20 .wp-block-image > figure {
  border-radius: 20px;
  overflow: hidden;
}

.wp-block-image.is-style-rounded-20 > figure > a,
.is-style-rounded-20 .wp-block-image > figure > a {
  border-radius: 20px;
  overflow: hidden;
  display: block;
}

.wp-block-image.is-style-rounded-20 img,
.is-style-rounded-20 .wp-block-image img {
  border-radius: 20px;
  display: block;
}

/* =======================
   旧クラス（rounded-image）→ 16px扱い
   ======================= */

.wp-block-image.is-style-rounded-image,
.is-style-rounded-image .wp-block-image {
  border-radius: 16px;
}

.wp-block-image.is-style-rounded-image > figure,
.is-style-rounded-image .wp-block-image > figure {
  border-radius: 16px;
  overflow: hidden;
}

.wp-block-image.is-style-rounded-image > figure > a,
.is-style-rounded-image .wp-block-image > figure > a {
  border-radius: 16px;
  overflow: hidden;
  display: block;
}

.wp-block-image.is-style-rounded-image img,
.is-style-rounded-image .wp-block-image img {
  border-radius: 16px;
  display: block;
}