/**
 * content-visibility for long lists — skip layout/paint for off-screen rows.
 * See .cursor/skills/performance-quality-code/references/css.md
 */

.portfolio-card,
.portfolio-list .portfolio-card,
.investment-row,
.transaction-row,
.analysis-history-item,
.analysis-history-row,
.stock-browse-row,
.stock-table tbody tr,
.notifications-list-body .notification-item,
.search-results .search-result-item,
.chart-list-item,
.viz-attribute-item,
.viz-preset-item {
    content-visibility: auto;
    contain-intrinsic-size: auto 120px;
}

.portfolio-card {
    contain-intrinsic-size: auto 280px;
}

.portfolio-card:has(.portfolio-actions-menu-toggle[aria-expanded="true"]) {
    content-visibility: visible;
    contain: none;
}

.analysis-history-item,
.analysis-history-row {
    contain-intrinsic-size: auto 72px;
}

.stock-table tbody tr {
    contain-intrinsic-size: auto 48px;
}