@charset "UTF-8";

/* アコーディオン風に“気づかせる” */
.accordion-like {
  border: 2px solid #c00;         /* 既存の注意枠に合わせて主張 */
  background: #fffdfa;            /* ほんのり色を付けて目立たせる */
  border-radius: 6px;
  padding: 0;                     /* summaryにパディングを委譲 */
  overflow: hidden;
}
.accordion-like[open] { background: #fff; }

/* 行全体が“押せる”見た目 */
.accordion-like__summary {
  list-style: none;
  cursor: pointer;
  padding: .85em 1em;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: .5em;
  position: relative;
}


/* ▼アイコン（開閉で回転） */
.accordion-like__icon::before {
  content: "▸";                   /* ▶っぽい矢印 */
  display: inline-block;
  transform: translateY(1px);
  transition: transform .2s ease;
  font-size: 1.1em;
}
.accordion-like[open] .accordion-like__icon::before {
  transform: rotate(90deg) translateY(0);
}

/* パネルの中身 */
.accordion-like__panel {
  padding: .8em 1em 1em;
  border-top: 1px dashed #e0e0e0;
  line-height: 1.8;
}

/* モーション軽減に配慮 */
@media (prefers-reduced-motion: reduce) {
  .accordion-like__icon::before { transition: none; }
}