/* Scroll lab: hero pile cards: icon, type, text. All white, no tags; the only colour is the missed call's chip.
   The card is as wide as its content (no max width, no clipping). */
.lc { display: inline-grid; align-items: center; gap: 4px 10px; width: max-content; padding: 10px 14px 10px 10px; border-radius: 12px; background: var(--color-card); box-shadow: 0 0 0 1px var(--color-rule), 0 10px 24px -14px rgb(17 26 35 / 0.3); font-size: 13px; line-height: 1.35; color: var(--color-ink); white-space: nowrap; }
.lc--one { grid-auto-flow: column; grid-auto-columns: max-content; }
.lc--two { grid-template-columns: max-content; padding: 10px 14px 12px 10px; }
.lc__top { display: flex; align-items: center; gap: 10px; }
.lc__type { font-weight: 500; }
.lc__text { color: var(--color-ink-2); }
.lc--two .lc__text { padding-left: 46px; }
.lc__name { font-weight: 500; }