.vpt-list {
	overflow: hidden;
	border: 1px solid var(--vp-color-border);
	border-radius: var(--vp-radius-xl);
	background: #fff;
	box-shadow: var(--vp-shadow-sm);
}
.vpt-list-head { display: none; }
.vpt-list-row {
	display: grid;
	gap: var(--vp-space-3);
	padding: var(--vp-space-4) var(--vp-space-5);
	border-top: 1px solid var(--vp-color-border);
	background: #fff;
	transition: background-color var(--vp-duration-fast) var(--vp-ease);
}
.vpt-list-row:first-child { border-top: 0; }
.vpt-list-row:hover { background: var(--vp-color-surface-muted); }
.vpt-list-row__primary { min-width: 0; }
.vpt-list-row__title { display: block; color: var(--vp-color-text-strong); line-height: 1.35; }
.vpt-list-row__mobile-meta { display: flex; flex-wrap: wrap; gap: var(--vp-space-2); margin-top: var(--vp-space-1); color: var(--vp-color-text-muted); font-size: var(--vp-font-size-sm); }
.vpt-list-row__mobile-meta > * + *::before { content: "·"; margin-right: var(--vp-space-2); color: var(--vp-color-text-soft); }
.vpt-list-row__category,
.vpt-list-row__date { display: none; }
.vpt-list-row__status { min-height: 1.75rem; }
.vpt-list-row__action { justify-self: start; }
@media (min-width: 48rem) {
	.vpt-list-head,
	.vpt-list-row { grid-template-columns: minmax(14rem, 2fr) minmax(8rem, 1fr) minmax(7rem, 0.8fr) minmax(8rem, 1fr) auto; align-items: center; }
	.vpt-list-head {
		display: grid;
		gap: var(--vp-space-4);
		padding: 0.8rem var(--vp-space-5);
		border-bottom: 1px solid var(--vp-color-border);
		background: var(--vp-color-surface-subtle);
		color: var(--vp-color-text-muted);
		font-size: var(--vp-font-size-xs);
		font-weight: var(--vp-font-weight-bold);
	}
	.vpt-list-row { min-height: 4.5rem; gap: var(--vp-space-4); }
	.vpt-list-row__mobile-meta { display: none; }
	.vpt-list-row__category,
	.vpt-list-row__date { display: block; color: var(--vp-color-text-muted); font-size: var(--vp-font-size-sm); }
	.vpt-list-row__action { justify-self: end; }
}
