/* =========================================================
   活動のご案内（チラシ3枚）― guides.css / v5
   ・カードの見た目は既存の base.css（.info-card など）のまま。
     ここでは、3枚の幅・高さ・余白の統一と、追加した
     「活動についてくわしく」「補足説明」の見た目だけを定義します。
   ========================================================= */

#information { padding-left: 1.4rem; padding-right: 1.4rem; }
@media (min-width: 900px) { #information { padding-left: 3rem; padding-right: 3rem; } }
#information .info-header { margin-bottom: 2.6rem; }
#information .info-header .section-label { justify-content: center; }

/* 3枚を同じ幅・同じ高さに（画像は同じ縦横比、本文の高さも揃える） */
#information .info-cards { align-items: stretch; }
#information .info-card { height: 100%; }
#information .info-card-img { width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; object-position: top; }
#information .info-card-body { padding: 1.2rem 1.4rem 1.4rem; }
#information .info-card-title { min-height: 3.4em; }
@media (min-width: 900px) {
  #information .info-cards { grid-auto-rows: 1fr; }
}

/* 補足説明（CMSで入力された場合のみ表示） */
.guide-note {
  margin-top: 0.6rem;
  font-size: 0.8rem;
  line-height: 1.75;
  color: var(--text-mid);
}

/* 活動についてくわしく（閉じた状態が基本。開いても他のカードの位置は変わらない） */
.guide-more { margin-top: 0.9rem; border-top: 1px dashed var(--border-soft); padding-top: 0.6rem; }
.guide-more > summary {
  list-style: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--green);
  letter-spacing: 0.04em;
  padding: 4px 0;
}
.guide-more > summary::-webkit-details-marker { display: none; }
.guide-more > summary::after { content: '＋'; }
.guide-more[open] > summary::after { content: '－'; }
.guide-more > summary:focus-visible { outline: 3px solid var(--green-light); outline-offset: 2px; border-radius: 4px; }
.guide-more-body { padding: 0.4rem 0 0.2rem; cursor: auto; }
.guide-more-body p { font-size: 0.84rem; line-height: 1.9; color: var(--text-mid); }
.guide-more-body p + p { margin-top: 0.5rem; }
.guide-more-body .guide-more-head {
  margin-top: 1rem;
  font-family: 'Kaisei Opti', serif;
  font-size: 0.98rem;
  font-weight: 700;
  color: var(--text-dark);
}
.guide-more-body .guide-more-head:first-child { margin-top: 0.3rem; }
.guide-more-head span {
  display: block;
  font-family: 'Zen Maru Gothic', sans-serif;
  font-size: 0.64rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #b0613f;
}
.guide-more-tags { list-style: none; display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0.8rem 0; }
.guide-more-tags li { font-size: 0.8rem; color: var(--text-dark); position: relative; padding-left: 11px; }
.guide-more-tags li::before { content: ''; position: absolute; left: 0; top: 0.7em; width: 5px; height: 5px; border-radius: 50%; background: var(--green-light); }
.guide-more-facts { display: grid; margin-top: 0.4rem; }
.guide-more-facts > div { display: flex; gap: 0.8rem; padding: 0.4rem 0; border-top: 1px solid var(--border-soft); font-size: 0.82rem; line-height: 1.7; }
.guide-more-facts dt { min-width: 4em; color: var(--text-mid); font-size: 0.76rem; }
.guide-more-facts dd { color: var(--text-dark); }

/* 申込・SNSの導線 */
.info-actions { justify-content: center; margin-top: 2.4rem; }