/* =========================================================
   Responsive : archive tuning
   - archive.css 由来の狭幅差分のみ
   - 疑似top（固定ページ本文）を single/page と同等の可読性に寄せる
========================================================= */

/* タイトル・見出しの“割れ方”を安定化（日本語＋記号＋英数字混在対策） */
.archive__title,
.monolith-archive-pseudo-top h1,
.monolith-archive-pseudo-top h2,
.monolith-archive-pseudo-top h3,
.monolith-archive-pseudo-top h4,
.monolith-archive-pseudo-top h5,
.monolith-archive-pseudo-top h6{
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* 1023px以下でも front の拘束が残るケースに備えて解除（保険） */
@media (max-width: 1023px){
  body.archive .main{
    height: auto;
    overflow: visible;
    display: block;
    padding: 12px;
  }

  body.archive .grid{
    overflow: visible;
  }
}

/* タブレット〜：全体スケールを落とす（疑似top本文を中心に） */
@media (max-width: 900px){

  /* 疑似top（固定ページ本文） */
  .monolith-archive-pseudo-top{
    max-width: 100%;
    margin: 0 auto 18px;

    padding: 20px;
    font-size: 22px;
    line-height: 1.75;
    border-radius: 8px;
  }

  /* アーカイブヘッダー */
  .archive__header{
    max-width: 100%;
    margin: 0 auto 14px;
  }

  .archive__title{
    font-size: 28px;
    letter-spacing: 0.02em;
    margin-bottom: 8px;
  }

  .archive__desc{
    font-size: 22px;
  }
	
.plate__title {
        font-size: 18px;
        line-height: 1.35;
    }
	
	
}

/* スマホ：さらに詰める */
@media (max-width: 600px){

  /* 見出し群：SPで過剰になりやすいので詰める */
  .monolith-archive-pseudo-top h1,
  .monolith-archive-pseudo-top h2,
  .monolith-archive-pseudo-top h3,
  .monolith-archive-pseudo-top h4,
  .monolith-archive-pseudo-top h5,
  .monolith-archive-pseudo-top h6{
    font-size: 1rem;
    margin-top: 1em;
    margin-bottom: 0.5em;
    padding-left: 0.3em;
  }

  /* 疑似top本文：SPは余白を詰める */
  .monolith-archive-pseudo-top{
    padding: 14px;
    font-size: 18px;
    line-height: 1.72;
    border-radius: 7px;
  }

  /* アーカイブタイトル：残しつつ控えめ */
  .archive__title{
    font-size: 18px;
    margin-bottom: 8px;
  }

  .archive__desc{
    font-size: 16px;
  }

  /* BF split block：table を強制的に縦構造へ（疑似top内だけに限定） */
  .monolith-archive-pseudo-top .bf-split table,
  .monolith-archive-pseudo-top .bf-split tbody,
  .monolith-archive-pseudo-top .bf-split tr,
  .monolith-archive-pseudo-top .bf-split td{
    display: block;
    width: 100% !important;
    height: auto !important;
  }

  /* 画像調整（alignright殺し）：疑似top内だけ */
  .monolith-archive-pseudo-top .bf-split img{
    display: block;
    width: 100% !important;
    max-width: 420px;
    height: auto !important;
    margin: 0 auto 0 !important;
    float: none !important;
  }

  /* SPで“カードだけ導入したい”場合：背景を透過寄りにする選択肢
     ※必要なら有効化（今はコメントのまま）
  */
  /*
  .monolith-archive-pseudo-top{
    background-color: rgba(255,255,255,0);
  }
  */
}

/* 超狭幅（SE等）：最終セーフ */
@media (max-width: 420px){
  .monolith-archive-pseudo-top{
    padding: 12px;
    font-size: 16px;
  }
	


  .archive__title{
    font-size: 16px;
  }
}

/* モノリス系figure（念のため：ブロック要素に固定） */
figure.monolith-card-sleever{
  display: block;
}