/* ── FUND SCREENER ────────────────────────────────────────────────── */
.fund-page {
  flex: 1; display: flex; flex-direction: column; overflow: hidden;
}
.fund-layout { display: flex; flex: 1; overflow: hidden; }
.fund-table-area { flex: 1; display: flex; flex-direction: column; overflow: hidden; }
.fund-filters { width: 230px; min-width: 230px; background: var(--bg2); border-right: 1px solid var(--border); overflow-y: auto; padding-bottom: 16px; }
.fund-filters::-webkit-scrollbar { width: 4px; }
.fund-filters::-webkit-scrollbar-thumb { background: var(--border2); border-radius: 2px; }

/* ── FUND TABLE ───────────────────────────────────────────────────── */
.fund-card {
  background: var(--bg2); border: 1px solid var(--border);
  border-radius: var(--radius-lg); margin: 12px; padding: 0;
  box-shadow: var(--shadow); overflow: hidden;
}
.fund-card-hdr {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 16px; border-bottom: 1px solid var(--border2);
  background: var(--bg3); cursor: pointer;
}
.fund-name { font-weight: 600; font-size: calc(13px * var(--fs)); color: var(--text); }
.fund-meta { font-size: calc(11px * var(--fs)); color: var(--text3); font-family: var(--mono); margin-top: 2px; }
.fund-yield-badge {
  font-family: var(--mono); font-size: calc(14px * var(--fs));
  font-weight: 700; color: var(--green); background: var(--greenbg);
  padding: 4px 12px; border-radius: var(--radius); border: 1px solid rgba(31,217,106,0.25);
}
.fund-detail { padding: 14px 16px; display: none; }
.fund-card.open .fund-detail { display: block; }
.fund-kv-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; }
.fund-kv { font-size: calc(12px * var(--fs)); }
.fund-kv .fk { color: var(--text3); font-size: calc(11px * var(--fs)); margin-bottom: 2px; }
.fund-kv .fv { font-family: var(--mono); color: var(--text); }