/* 用語ホバー要約 (経済安保クラスター) ------------------------------- */
.c-yougo{
  border-bottom:1px dashed #0F1B2D;
  cursor:help;
  position:relative;
  text-decoration:none;
  color:inherit;
}
.c-yougo--nolink{ cursor:default; border-bottom-style:dotted; opacity:.85; }

/* 吹き出し本体 */
.c-yougo:hover::after,
.c-yougo:focus-visible::after,
.c-yougo.is-open::after{
  content:attr(data-yougo);
  position:absolute;
  left:0;
  bottom:calc(100% + 9px);
  z-index:60;
  width:max-content;
  max-width:280px;
  padding:.6em .85em;
  background:#0F1B2D;
  color:#F5F1E8;
  font-size:.8rem;
  line-height:1.55;
  font-weight:400;
  text-align:left;
  border-radius:8px;
  box-shadow:0 6px 20px rgba(15,27,45,.28);
  white-space:normal;
  pointer-events:none;
}
/* 吹き出しの三角 */
.c-yougo:hover::before,
.c-yougo:focus-visible::before,
.c-yougo.is-open::before{
  content:"";
  position:absolute;
  left:14px;
  bottom:calc(100% + 3px);
  z-index:61;
  border:6px solid transparent;
  border-top-color:#0F1B2D;
  pointer-events:none;
}

/* スマホ: hover無効化 (tap時に .is-open をJSが付与) */
@media (hover:none){
  .c-yougo:hover::after,
  .c-yougo:hover::before{ content:none; }
}