/* V19.6 — clean market/detail layout */

/* Main database market box */
.v18-info-grid .v196-market{
  min-width:0;
}
.v196-market > span{
  display:block;
}
.v196-market-price{
  display:block;
  margin-top:6px;
  color:#f4fbff;
  font-size:14px;
  line-height:1.35;
}
.v196-market-stats{
  display:flex;
  flex-wrap:wrap;
  gap:7px 14px;
  margin-top:9px;
  color:#9fc0d2;
  font-size:11px;
  font-weight:700;
  line-height:1.45;
}
.v196-market-stats > span{
  display:inline-flex;
  align-items:center;
  gap:4px;
  white-space:nowrap;
}
.v196-market-stats strong{
  color:#fff;
  font:inherit;
  font-weight:900;
}
.v196-market-stats .v196-trend{
  color:#70f3d1;
  font-weight:900;
}

/* The synchronization date stays in the HTML as data-vvx-sync,
   but is intentionally not shown inside the visual card. */
.vvx-synced{
  display:none !important;
}

/* Protected terms such as PvP must visually inherit the surrounding text. */
.notranslate,
.v18-detail .notranslate,
.v18-info-grid .notranslate{
  font-size:inherit !important;
  font-weight:inherit !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
  vertical-align:baseline !important;
}

/* Stop ugly word fragmentation in translated detail fields. */
.v18-detail .grid b,
.v18-info-grid b{
  word-break:normal !important;
  overflow-wrap:break-word;
  hyphens:none;
}
.v18-detail .grid .wide b{
  line-height:1.5;
}

/* Sources at the bottom of an item page */
.v18-detail .sources,
.v18-source{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 14px;
  line-height:1.45;
}
.v18-detail .sources a,
.v18-source a{
  white-space:normal;
}

@media (max-width:700px){
  .v196-market-stats{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px 10px;
  }
  .v196-market-stats > span{
    white-space:normal;
  }
}