.rpgawaylist-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	padding-bottom: var(--space-sm, 0.5rem);
	border-bottom: 1px solid var(--text-dark, #2a2a2a);
}

.rpgawaylist-title {
	font-family: var(--font-display, Impact, sans-serif);
	font-size: 1.5rem;
	line-height: 1;
	letter-spacing: -0.01em;
	color: var(--text, #e5e5e5);
	margin: 0;
}

.rpgawaylist-count {
	font-family: var(--font-mono, monospace);
	font-size: 0.5rem;
	letter-spacing: 0.25em;
	color: var(--accent, #ff4422);
	text-transform: uppercase;
}

.rpgawaylist-list {
	display: flex;
	flex-direction: column;
}

.rpgawaylist-row {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: var(--space-sm, 0.5rem);
	align-items: baseline;
	padding: var(--space-sm, 0.5rem) 0;
	border-bottom: 1px solid var(--text-dark, #2a2a2a);
}

.rpgawaylist-name {
	font-family: var(--font-mono, monospace);
	font-size: 0.7rem;
	letter-spacing: 0.05em;
	color: var(--text, #e5e5e5);
	min-width: 0;
	overflow-wrap: anywhere;
}

.rpgawaylist-name a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s var(--ease, ease);
}

.rpgawaylist-name a:hover {
	color: var(--accent, #ff4422);
}

.rpgawaylist-until {
	font-family: var(--font-mono, monospace);
	font-size: 0.6rem;
	letter-spacing: 0.1em;
	color: var(--text-dim, #555);
	white-space: nowrap;
}

.rpgawaylist-reason {
	grid-column: 1 / -1;
	font-family: var(--font-mono, monospace);
	font-size: 0.6rem;
	line-height: 1.6;
	color: var(--text-muted, #999);
	overflow-wrap: anywhere;
}