/* S52 Insurance screen (m1-insure.js): the cover table (kind + status line · exposure) and the one- or two-tile head.
   Kit type and spacing tokens only (body = --k-t-base, the status line = --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}
.k-kts.m1x-kts1{grid-template-columns:minmax(0,1fr)}
.m1i-tbl{display:grid;margin:var(--k-s4) 0 var(--k-s6)}
.m1i-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;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)}
.m1i-k{min-width:0}
.m1i-k small{display:block;font-size:var(--k-t-xs);color:var(--k-text-3);line-height:1.4}
.m1i-row b{font-weight:var(--k-w-reg);font-variant-numeric:tabular-nums;white-space:nowrap}
.m1i-row>b{justify-self:end}
/* the column header sits over the figures, right-aligned like them */
.m1i-hd{border-top:0;padding:0}
.m1i-hd small{justify-self:end;font-size:var(--k-t-xs);color:var(--k-text-3)}
.m1i-acts{display:flex;flex-wrap:wrap;gap:var(--k-s4);margin:var(--k-s6) 0}
@media (max-width:760px){
  /* phone: the renewal tile names the cover only (the insurer is one tap away, ↗; HQ 27 r6 [nf 10]) */
  .m1i-ins{display:none}
  /* 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}
}