@charset "UTF-8";
/* 移行後に新しく書くスタイル（BEM記法）
   見た目の土台は旧テーマの layout.css（先に読み込む）。ここには旧テーマに無かったものだけを書く */

/* =========================================
   スマホのメニュー（旧サイトは script.js が is-active を付けるが、見た目の CSS が無く開かなかった）
   ========================================= */
@media (max-width: 767px) {
  .header__nav.is-active { display: block; position: absolute; top: 100%; left: 0; right: 0; padding: 20px; background: #fff; border-bottom: 1px solid var(--color-gray-light);}
  .header__nav.is-active .header__list { flex-direction: column; gap: 16px;}
  .header__hamburger.is-active span:nth-child(1) { top: 9px; transform: rotate(45deg);}
  .header__hamburger.is-active span:nth-child(2) { opacity: 0;}
  .header__hamburger.is-active span:nth-child(3) { bottom: 9px; transform: rotate(-45deg);}
  body.is-fixed { overflow: hidden;}
}

/* =========================================
   記事の埋め込みカード（旧サイトの WordPress 埋め込みカードと同じ見た目。inc/functions.php の embed_card()）
   ========================================= */
.embed-card
{ max-width: 500px; margin: 0 0 2em; padding: 25px; border: 1px solid #ddd; background: #fff; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: #8c8f94;}
.embed-card__thumb
{ display: block; aspect-ratio: 448 / 210; margin-bottom: 20px; overflow: hidden;}
.embed-card__thumb--square
{ float: left; width: 160px; aspect-ratio: auto; margin: 0 20px 10px 0;}
.post-body .embed-card__thumb--square .embed-card__img
{ height: auto;}
.post-body .embed-card__img
{ width: 100%; height: 100%; margin: 0; object-fit: cover;}
.post-body .embed-card__title
{ margin: 0 0 15px; font-size: 20px; font-weight: 600; line-height: 1.3; text-align: left;}
.embed-card__title a
{ color: #2c3338;}
.post-body .embed-card__desc
{ margin: 0 0 20px; font-size: 14px; line-height: 1.5; color: #50575e; text-align: left;}
.embed-card__more
{ color: #2271b1; text-decoration: underline;}
.post-body .embed-card__site
{ clear: both; margin: 0; font-size: 14px; font-weight: 600; line-height: 1.5; color: #50575e; text-align: left;}