/* ---- スマホでも展開カードをPC版と同じ「左:テキスト／右:画像」の横並びにする上書きCSS ---- */
@media (max-width:640px){
  .char-card.has-portrait.open{
    flex-direction:row !important;
    align-items:flex-start;
    grid-column:1 / -1;
    padding:18px 12px 16px 16px;
  }
  .char-card .text-col{ order:1 !important; flex:1 1 0; min-width:0; }
  .char-card.has-portrait.open .full-portrait-wrap{
    order:2 !important;
    width:min(calc(125px * var(--portrait-scale, 100) / 100), 46%) !important;
    flex:0 0 auto;
    margin:.5cm -12px -16px 8px !important;
  }
  .char-card.open h4{ font-size:17px; }
  .char-card.open .role{ font-size:10px; }
  .char-card.open p,
  .char-card.open .full{ font-size:12px; line-height:1.7; }
  .char-card.open .more{ font-size:11px; }
}