/* Member Voices 1.6 — 1列 & スマホ用画像切替 */
.mv-container{--mv-border:#e5e7eb;--mv-muted:#6b7280;--mv-bg:#ffffff;--mv-shadow:0 6px 20px rgba(0,0,0,.06)}
.mv-grid{display:grid;grid-template-columns:1fr;gap:20px}
.mv-card{background:#fff;border:1px solid var(--mv-border);border-radius:18px;overflow:hidden;cursor:pointer;box-shadow:var(--mv-shadow);transition:transform .14s ease, box-shadow .14s ease}
.mv-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.08)}

/* ★ 画像部分：PCは16:9、スマホは高さ100%で表示 */
.mv-image-wrap{position:relative;overflow:hidden}
@media (min-width:641px){
  .mv-image-wrap{aspect-ratio:16/9;}
}
@media (max-width:640px){
  .mv-image-wrap{height:100%;}
  .mv-image-wrap img,
  .mv-image-wrap picture{
    width:100%;
    height:100%;
    object-fit:cover;
  }
}

.mv-image-wrap img, .mv-image-wrap picture{width:100%;height:100%;object-fit:cover;display:block}
.mv-card-body{padding:14px;background:#fff}
.mv-name{font-size:1.05rem;margin:0 0 4px}
.mv-role{color:var(--mv-muted);font-size:.9rem;margin:0 0 8px}
.mv-excerpt{font-size:.95rem;color:#111;margin:0}
.mv-more-wrap{text-align:center;margin-top:18px}
.mv-more{appearance:none;border:1px solid var(--mv-border);background:#fff;border-radius:9999px;padding:10px 18px;cursor:pointer;box-shadow:var(--mv-shadow)}
.mv-more:hover{transform:translateY(-1px)}

/* Tap hint */
.mv-tap-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:.9rem;background:rgba(17,17,17,.8);color:#fff;padding:6px 10px;border-radius:9999px;opacity:0;pointer-events:none;transition:opacity .25s ease}
.mv-image-wrap.hint .mv-tap-hint{opacity:1;animation:mv-pulse .7s ease forwards}
@keyframes mv-pulse{0%{transform:translate(-50%,-50%) scale(.9)}100%{transform:translate(-50%,-50%) scale(1)}}

/* Modal */
body.mv-lock{overflow:hidden;touch-action:none}
.mv-modal{position:fixed;inset:0;display:none;z-index:9999;box-sizing:border-box;padding:16px;align-items:center;justify-content:center}
.mv-modal.is-open{display:flex}
.mv-modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);opacity:0;transition:opacity .18s ease}
.mv-modal.is-visible .mv-modal__overlay{opacity:1}
.mv-modal__dialog{position:relative;z-index:1;background:#ffffff;width:min(920px,calc(100vw - 32px));max-height:min(86vh,1000px);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.18);opacity:0;transform:scale(.98);transition:opacity .18s ease, transform .18s ease;overflow:hidden}
@supports (height: 100dvh){ .mv-modal__dialog{max-height:min(86dvh,1000px)} }
.mv-modal.is-visible .mv-modal__dialog{opacity:1;transform:scale(1)}
.mv-modal__content{display:flex;flex-direction:column;max-height:inherit}
.mv-modal__close{position:absolute;right:8px;top:4px;font-size:26px;border:none;background:transparent;cursor:pointer;line-height:1;padding:10px}
.mv-modal__header{display:flex;gap:14px;padding:18px 18px 10px;border-bottom:1px solid var(--mv-border)}
.mv-modal__img{width:120px;height:120px;object-fit:cover;border-radius:14px;border:1px solid var(--mv-border)}
.mv-modal__titlegroup{display:flex;flex-direction:column;justify-content:center}
.mv-modal__name{margin:0 0 6px;font-size:1.25rem}
.mv-modal__role{margin:0;color:var(--mv-muted)}
.mv-modal__body{padding:14px 18px;overflow:auto;-webkit-overflow-scrolling:touch}
.mv-qa__row{border-top:1px dashed var(--mv-border);padding:12px 0}
.mv-qa__q{font-weight:700;margin-bottom:6px}
.mv-qa__a{color:#111}

@media (max-width:640px){
  .mv-modal{padding:12px}
  .mv-modal__dialog{width:calc(100vw - 24px);max-height:86svh;border-radius:18px}
  .mv-modal__header{gap:12px;padding:14px 14px 8px}
  .mv-modal__img{width:92px;height:92px;border-radius:12px}
  .mv-modal__name{font-size:1.1rem}
  .mv-modal__role{font-size:.92rem}
  .mv-modal__body{padding:12px 14px}
  .mv-modal__close{right:2px;top:0;padding:8px}
}