.gbx-qa__form { border:1px solid #ddd; padding:12px; border-radius:10px; background:#fff; margin:12px 0; }
.gbx-qa__field { margin-bottom:10px; }
.gbx-qa__field--row { display:flex; gap:12px; }
.gbx-qa__field label { display:block; font-weight:600; margin-bottom:4px; }
.gbx-qa__field input[type=text],
.gbx-qa__field input[type=email],
.gbx-qa__field textarea { width:100%; border:1px solid #ccc; border-radius:8px; padding:8px; box-sizing: border-box; }
.gbx-qa__hp { position:absolute; left:-9999px; }
.gbx-qa__actions { display:flex; align-items:center; gap:10px; }
.gbx-qa__btn { background:#111; color:#fff; padding:8px 14px; border-radius:8px; border:none; cursor:pointer; }
.gbx-qa__msg { font-size:.9em; color:#555; }

.gbx-qa__list { display:grid; gap:12px; }
.gbx-qa__item { border:1px solid #e5e5e5; border-radius:12px; overflow:hidden; background:#fff; }
.gbx-qa__item-link { display:flex; gap:12px; padding:12px; text-decoration:none; color:inherit; }
.gbx-qa__avatar { border-radius:50%; flex:0 0 auto; background:#f2f2f2; }
.gbx-qa__body { flex:1; }
.gbx-qa__title { margin:0 0 4px; font-size:1.05rem; }
.gbx-qa__meta { display:flex; gap:10px; font-size:.9em; color:#666; align-items:center; }
.gbx-qa__status { padding:2px 8px; border-radius:999px; background:#f5f5f5; font-size:.8em; }
.gbx-qa__status--solved { background:#e6f6ea; color:#1d7a37; }
.gbx-qa__votes { margin-left:auto; }

.gbx-qa__pager { margin-top:10px; display:flex; gap:6px; }
.gbx-qa__pager a { padding:4px 8px; border:1px solid #ccc; border-radius:6px; text-decoration:none; color:#333; }
.gbx-qa__pager a.cur { background:#111; color:#fff; border-color:#111; }

.gbx-qa__thread .gbx-qa__qhead { display:flex; gap:12px; align-items:flex-start; }
.gbx-qa__qtitle { margin:0 0 6px; font-size: 105%;}
.gbx-qa__qcontent { margin:10px 0 20px; }

.gbx-qa__answers { margin-top:20px; }
.gbx-qa__answer { display:flex; gap:10px; padding:10px; border:1px solid #eee; border-radius:10px; margin-bottom:10px; }
.gbx-qa__answer.is-accepted { border-color:#1d7a37; background:#f0fbf3; }
.gbx-qa__abody { flex:1; }
.gbx-qa__ameta { display:flex; gap:10px; align-items:center; color:#666; font-size:.9em; }
.gbx-qa__badge { background:#1d7a37; color:#fff; font-size:.75em; padding:2px 6px; border-radius:999px; }
.gbx-qa__vote, .gbx-qa__accept { border:1px solid #ddd; background:#fff; border-radius:8px; padding:4px 8px; cursor:pointer; }

/* 画像・プレースホルダー共通 */
.gbx-qa__avatar {
  border-radius: 50%;
  flex: 0 0 auto;
  background: #f2f2f2;
  object-fit: cover;            /* IMGの切り抜き */
  display: inline-block;        /* spanでもimgでも整うように */
}

/* 画像が無いときの「＠」プレースホルダー */
.gbx-qa__avatar--ph {
    font-size:  15px !important;
  display: inline-flex;         /* 中央寄せ */
  align-items: center;
  justify-content: center;
  background: #e5e7eb;         /* 少し濃い目のグレー */
  color: #111;                  /* 文字色 */
  font-weight: 700;
  line-height: 1;
  text-align: center;
  user-select: none;
  color:#6b7280;
}

/* 元ページカード */
.gbx-qa__origin{border:1px solid #e5e5e5;background:#fff;border-radius:12px;padding:10px;margin:12px 0 16px;}
.gbx-qa__origin-hd{font-size:.9rem;color:#666;margin:0 0 6px;font-weight:600;}
.gbx-qa__origin-link{display:flex;gap:10px;align-items:center;text-decoration:none;color:inherit;}
.gbx-qa__origin-thumb{width:64px;height:64px;object-fit:cover;border-radius:8px;flex:0 0 auto;background:#f3f4f6;}
.gbx-qa__origin-body{flex:1;min-width:0;}
.gbx-qa__origin-title{font-weight:600;line-height:1.35;}
.gbx-qa__origin-meta{margin-top:4px;display:flex;gap:8px;align-items:center;color:#666;font-size:.85em;}
.gbx-qa__chip{background:#f5f5f5;border-radius:999px;padding:2px 8px;}
.gbx-qa__origin-linktxt{text-decoration:underline;}