.mission-intro { padding-block:3.5rem; background:#fff; }
.mission-intro .container { max-width:900px; text-align:center; }
.mission-intro h2 { margin:.7rem 0 1rem; font-size:clamp(1.8rem,3vw,2.6rem); }
.mission-intro p { color:#596268; line-height:1.7; }
.mission-intro p+p { margin-top:.7rem; }

.missionary-detail-list { display:grid; gap:1rem; max-width:900px; margin:2rem auto 0; }
.missionary-detail { overflow:hidden; border-radius:8px; background:#fff; box-shadow:0 5px 20px rgba(16,31,37,.07); scroll-margin-top:110px; }
.missionary-detail summary { display:flex; align-items:center; gap:1rem; min-height:82px; padding:.8rem 1.2rem; cursor:pointer; list-style:none; }
.missionary-detail summary::-webkit-details-marker { display:none; }
.missionary-detail summary>img { width:56px; height:56px; flex:0 0 56px; object-fit:cover; border-radius:50%; }
.missionary-detail summary>span:nth-child(2) { display:grid; gap:.25rem; min-width:0; }
.missionary-detail summary strong { font-size:.93rem; }
.missionary-detail summary small { color:#6d7477; font-size:.73rem; }
.missionary-detail-action { margin-left:auto; color:#9a4906; font-size:.72rem; font-weight:800; white-space:nowrap; }
.missionary-detail-action span { display:inline-block; margin-left:.25rem; transition:transform .2s; }
.missionary-detail[open] .missionary-detail-action span { transform:rotate(180deg); }
.missionary-detail[open] summary { border-bottom:1px solid #e9e9e9; }
.missionary-detail .missionary-card { border-radius:0; box-shadow:none; }

@media(max-width:760px){
  .mission-intro { padding-block:2.5rem; }
                        .missionary-detail summary { gap:.65rem; padding:.7rem; }
  .missionary-detail summary>img { width:44px; height:44px; flex-basis:44px; }
  .missionary-detail summary strong { font-size:.77rem; }
  .missionary-detail summary small { font-size:.62rem; }
  .missionary-detail-action { font-size:.62rem; }
}