/* S28.1 fund screens (m1-fund.js): the investments / statement table and the one- or two-tile head.
   Kit type and spacing tokens only (body = --k-t-base, the side notes = --k-t-xs), so the kit's 16px body rule reaches it. */
.k-kts.m1x-kts2{grid-template-columns:repeat(2,minmax(0,1fr))}
/* the 2-up hero row: a tile never grows past its column (a nested scroller would paint over the phone sheet's rounded corner); the label ends in "…" */
.k-kts.m1x-kts2>.k-kt{min-width:0;overflow:hidden}.k-kts.m1x-kts2 .k-kh{min-width:0}
.m1x-nw{white-space:nowrap}   /* a hero sub's pair stays whole: "net IRR 9.8%" */
.k-kts.m1x-kts1{grid-template-columns:minmax(0,1fr)}
.m1f-tbl{display:grid;margin:var(--k-s4) 0 var(--k-s6)}
section[data-view="fund"] .m1f-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(7em,auto);align-items:baseline;gap:var(--k-s6);padding:var(--k-s5) 0;border-top:1px solid var(--ka-soft);font-size:var(--k-t-base);line-height:var(--k-lh-base,1.6)}
section[data-view="fund"] .m1f-row b{font-weight:var(--k-w-reg);font-variant-numeric:tabular-nums;white-space:nowrap;justify-self:end}
section[data-view="fund"] .m1f-row small{font-size:var(--k-t-xs);color:var(--k-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m1f-k{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m1f-cash .m1f-k{color:var(--k-text-2)}
.m1f-acts{display:flex;flex-wrap:wrap;gap:var(--k-s4);margin:var(--k-s6) 0}
@media (max-width:760px){
  /* phone: hero and its one tile side by side (HQ 25), the figures sized to the half width */
  .k-kts.m1x-kts2>.k-kt.k-hero{grid-column:auto}
  .k-kts.m1x-kts2>.k-kt b,.k-kts.m1x-kts2>.k-kt.k-hero b{font-size:calc(var(--k-t-lg) * 1.25);white-space:nowrap}
  .k-kts.m1x-kts2>.k-kt em{white-space:normal}
  section[data-view="fund"] .m1f-row{grid-template-columns:minmax(0,1fr) auto;row-gap:0}
  section[data-view="fund"] .m1f-row small{grid-column:1/-1;grid-row:2}
  section[data-view="fund"] .m1f-row small:empty{display:none}
}
/* several funds: the picker above the screen (m1-fund.js picker) */
.m1f-pick{display:block;max-width:100%;margin:0 0 var(--k-s6);padding:var(--k-s3) var(--k-s5);border:1px solid var(--ka-soft,rgba(0,0,0,.15));border-radius:10px;background:var(--k-surface,transparent)}