/* UM Supervisor Callout - front (fix avatar squeeze) */
:root{
    --um-supervisor-avatar: 48px;
  }
  
  .um-supervisor { margin: 18px 0; }
  
  .um-supervisor__wrap{
    display:flex;
    align-items:flex-start;
    gap:14px;
  }
  
  /* アバターの枠自体を固定幅・固定高に */
  .um-supervisor__avatar{
    flex: 0 0 var(--um-supervisor-avatar);
    width: var(--um-supervisor-avatar);
    height: var(--um-supervisor-avatar);
    margin: 0; /* WP既定のfigure余白を殺す */
  }
  
  /* ←ここがポイント：テーマCSSより強く、正方形を強制 */
  .um-supervisor__avatar img{
    width: var(--um-supervisor-avatar) !important;
    min-width: var(--um-supervisor-avatar) !important;
    height: var(--um-supervisor-avatar) !important;
    max-width: none !important;  /* 画像が親幅で縮もうとするのを阻止 */
    aspect-ratio: 1 / 1;         /* 万一の縦横比崩れに保険 */
    object-fit: cover;
    border-radius: 50%;
    display:block;
  }
  
  /* 本文側 */
  .um-supervisor__body{ min-width:0; }
  
  .um-supervisor__title{
    margin:0 0 4px 0;
    font-size:14px;
    font-weight:700;
    color:#1a1a1a;
    display:flex;
    align-items:center;
    gap:6px;
  }
  
  
  .um-supervisor__comment{
    margin:0;
    font-size:14px;
    line-height:1.7;
    color:#333;
    background:#fafafa;
    border:1px solid #efefef;
    padding:10px 12px;
    border-radius:8px;
  }
  
  @media (max-width:680px){
    :root{ --um-supervisor-avatar: 44px; }
    .um-supervisor__title{ font-size:13px; }
    .um-supervisor__comment{ font-size:13.5px; }
  }