/* モバイル画像切れ完全修正 - Appendテンプレート専用 */
@media (max-width: 991px) {
    .features .features-item.row {
      align-items: start !important;  /* stretch完全解除 */
    }
    .features .features-item .features-img-bg {
      position: relative !important;
      min-height: auto !important;
      height: auto !important;
      margin-bottom: 20px;  /* 画像下余白 */
    }
    .features .features-item .features-img-bg img {
      position: relative !important;
      inset: auto !important;
      top: auto !important;
      left: auto !important;
      width: 100% !important;
      height: auto !important;
      max-height: 400px !important;  /* 調整 */
      object-fit: contain !important;  /* 全体表示 */
      object-position: center !important;
      display: block !important;
    }
  }

/* 全YouTube iframeレスポンシブ（Bootstrap競合なし） */
section iframe[src*="youtube.com"] {
    width: 100% !important;
    height: 56.25vw !important;  /* 16:9 */
    max-height: 400px;
    aspect-ratio: 16 / 9;
  }
  
  /* スマホ */
  @media (max-width: 768px) {
    section iframe[src*="youtube.com"] {
      height: 50vw !important;
      max-height: 300px;
    }
  }
 /* booksページ間隔（他ページ影響なし） */
#books > div.container:nth-of-type(2) {
    margin-bottom: 80px;  /* 80px→調整 */
  }