/* ポップアップ本体 */
    .gi-tooltip {
      position: fixed;
      z-index: 999999;
      width: 320px;
      max-width: min(320px, calc(100vw - 16px));
      background: rgba(20, 20, 20, .96);
      color: #fff;
      border: 1px solid rgba(255, 255, 255, .12);
      border-radius: 12px;
      box-shadow: 0 12px 30px rgba(0, 0, 0, .35);
      padding: 12px;
      display: none;
      pointer-events: none;
      /* マウス追従を邪魔しない */
      font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
    }

    .gi-title {
      font-size: 14px;
      font-weight: 700;
      margin: 0 0 8px;
      line-height: 1.3;
    }

    .gi-thumb {
      width: 100%;
      height: 180px;
      border-radius: 10px;
      overflow: hidden;
      background: rgba(255, 255, 255, .06);
      margin-bottom: 8px;
    }

    .gi-thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .gi-desc {
      font-size: 12px;
      line-height: 1.5;
      color: rgba(255, 255, 255, .88);
      margin: 0 0 10px;
      display: -webkit-box;
      /* 途中で打ち切り */
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      /* 表示行数（調整可） */
      overflow: hidden;
    }

    .gi-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
    }

    .gi-tags a {
      font-size: 11px;
      color: #fff;
      text-decoration: none;
      background: rgba(255, 255, 255, .10);
      border: 1px solid rgba(255, 255, 255, .12);
      padding: 4px 8px;
      border-radius: 999px;
    }

    .gi-tags a:hover {
      background: rgba(255, 255, 255, .16);
    }