/* Isolated QA: lightweight contextual summaries, preserving existing Finance cards. */
#app .u4-finance-context{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 18px;padding:15px;border:1px solid rgba(125,155,145,.22);border-radius:20px;background:var(--card-bg,rgba(135,170,155,.07));color:inherit}
#app .u4-finance-context.u4-people-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
#app .u4-finance-context-metric{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
#app .u4-finance-context-metric span{font-size:11px;opacity:.68;line-height:1.25}
#app .u4-finance-context-metric strong{font-size:clamp(15px,2.7vw,22px);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.3}
#app .u4-finance-context-note{grid-column:1/-1;font-size:12px;line-height:1.55;opacity:.7;margin:3px 0 0}
#app .u4-people-detail-hint{font-size:12px;opacity:.7;line-height:1.45;margin:12px 0 0}
#app .u4-upcoming-explanation{margin:10px 0 16px}
@media(max-width:410px){#app .u4-subscriptions-summary{grid-template-columns:repeat(2,minmax(0,1fr))}#app .u4-subscriptions-summary .u4-finance-context-metric:nth-child(3){grid-column:1/-1}}