/* ==========================================================================
   Halaman data Obligasi & Indeks (oblyield, idxvesta28)
   ========================================================================== */

/* ---------- oblyield: lompatan kategori + kartu grid ---------- */
.yield-jump { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.1rem; }
.yield-jump a { padding: .35rem .95rem; border-radius: 999px; border: 1px solid var(--iv-line); background: var(--iv-surface); color: var(--iv-navy); font-weight: 600; font-size: .85rem; }
.yield-jump a:hover { background: var(--iv-blue-soft); border-color: var(--iv-blue); color: var(--iv-blue); text-decoration: none; }
.yield-cards { margin-top: 0; }
.yield-cards .data-card { margin-top: 0; }
.yield-badge { display: inline-block; min-width: 3.2rem; text-align: center; padding: .25rem .8rem; border-radius: 999px; background: var(--iv-blue-soft); color: var(--iv-blue); font-size: .95rem; font-weight: 800; letter-spacing: .04em; }

/* ---------- idxvesta28: grafik TradingView ---------- */
.tv-chart { width: 100%; height: 600px; border: 1px solid var(--iv-line); border-radius: var(--iv-radius-sm); overflow: hidden; background: #fff; }
.tv-chart iframe { display: block; }
.tv-credit { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; }
.tv-credit img { max-width: 180px; height: auto; flex: 0 0 auto; }
.tv-credit p { flex: 1 1 18rem; margin: 0; }
@media (max-width: 767.98px) {
    .tv-chart { height: 480px; }
}