/* Shared list rows + grade badges — used by home carousels,
   movie directors, and short-story author/title pages. */

.list-subtitle {
	color: var(--text-muted);
	font-style: italic;
	margin-bottom: var(--space-3);
}

.list-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-2);
	padding: var(--space-2) var(--space-3);
	background: var(--surface-glass);
	border: 1px solid transparent;
	border-radius: var(--radius-md);
	transition: background .15s ease, border-color .15s ease;
}

.list-row + .list-row {
	margin-top: var(--space-2);
}

.list-row:hover {
	background: var(--surface-glass-hover);
	border-color: var(--border-subtle);
}

.list-row .title a {
	color: var(--chancered);
}

.list-row .title a:hover {
	color: var(--offwhite);
}

.list-row .desc {
	color: var(--text-muted);
	font-size: var(--fs-sm);
}

.list-row .desc a {
	color: var(--bluishWhite);
}

.grade {
	padding: 2px 10px;
	border-radius: var(--radius-sm);
	font-weight: 600;
	color: var(--text);
	white-space: nowrap;
}

.grade--good {
	background: linear-gradient(135deg, #2d5a27, var(--success));
	border: 1px solid var(--success-bright);
}

.grade--bad {
	background: linear-gradient(135deg, rgba(var(--chancered-rgb), .35), var(--chancered-dark));
	border: 1px solid var(--chancered);
}

.grade--none {
	background: var(--surface-glass);
	border: 1px solid var(--border-subtle);
	color: var(--text-faint);
}