/* =============================================================================
   Single News（ニュース記事詳細）
   Figma: node-id=10:7882（PC）/ node-id=10:7911（SP）
   ============================================================================= */

/* 記事ラッパー */
.single-news {
  display: flex;
  flex-direction: column;
  gap: var(--margin-24);
  width: 100%;
}

/* =============================================================================
   記事ヘッダー（日時 + タイトル）
   ============================================================================= */

.single-news__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

/* 日時 */
.single-news__datetime {
  margin: 0;
  font-family: var(--font-family-button);
  font-size: var(--font-size-20);
  font-weight: bold;
  color: var(--color-primary);
  white-space: nowrap;
}

/* タイトル */
.single-news__title {
  margin: 0;
  padding: var(--margin-16) 0;
  border-bottom: 1px solid var(--color-primary);
  font-family: var(--font-family-button);
  font-size: var(--text-heading-2);
  font-weight: bold;
  color: var(--color-primary);
  width: 100%;
}

/* =============================================================================
   記事本文
   Figma: node-id=27:7989（PC）/ node-id=27:7988（SP）
   ============================================================================= */

.single-news__content {
  display: flex;
  flex-direction: column;
  gap: var(--margin-24);
  font-family: var(--font-family-button);
  font-size: var(--font-size-18);
  font-weight: normal;
  line-height: 1.3;
  color: var(--color-black);
  width: 100%;
}

/* -----------------------------------------------
   本文内の段落
   ----------------------------------------------- */

.single-news__content p {
  margin: 0;
}

/* -----------------------------------------------
   本文内の画像（単体）
   ----------------------------------------------- */

.single-news__content img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* figure（WordPress ブロックエディタの画像ブロック） */
.single-news__content figure {
  margin: 0;
}

.single-news__content figure img {
  width: 100%;
  height: auto;
}

/* PC: 単体画像は最大 900px・中央寄せ */
@media (min-width: 1024px) {
  .single-news__content > .wp-block-image,
  .single-news__content > figure {
    max-width: 900px;
    margin-inline: auto;
  }
}

/* -----------------------------------------------
   本文内の画像（横並び — WordPress カラム or ギャラリー）
   ----------------------------------------------- */

/* カラムブロック（2カラム横並び画像など） */
.single-news__content .wp-block-columns {
  display: flex;
  gap: var(--margin-40);
  margin: 0;
}

.single-news__content .wp-block-column {
  flex: 1;
  min-width: 0;
}

.single-news__content .wp-block-column img {
  width: 100%;
  height: auto;
}

/* ギャラリーブロック */
.single-news__content .wp-block-gallery {
  display: flex;
  gap: var(--margin-40);
  margin: 0;
  padding: 0;
  list-style: none;
}

.single-news__content .wp-block-gallery .wp-block-image {
  flex: 1;
  min-width: 0;
  margin: 0;
}

.single-news__content .wp-block-gallery img {
  width: 100%;
  height: auto;
}

/* SP: カラム・ギャラリーを縦積みに */
@media (max-width: 1023px) {
  .single-news__content .wp-block-columns,
  .single-news__content .wp-block-gallery {
    flex-direction: column;
  }
}