Template:Inline character descriptions/styles.css

/* ===================================================
 * Container box
 * =================================================== */
 
.pm-inline-characters {
	display: flex;
	flex-direction: column;
	gap: 1.5em;
	margin-top: 1em;
}

.pm-inline-characters .pm-inline-character:nth-child(even) .pm-inline-character-thumb {
	order: -1;
}

/* ===================================================
 * Base
 * =================================================== */

.pm-inline-character {
	display: flex;
	flex-direction: row;
	gap: 1rem;
}

.pm-inline-character-text {
	width: 100%;
}

.pm-inline-character-text h3 {
	margin-top: 0;
	padding-top: 0;
}

.pm-inline-character-thumb {
	flex: 1;
}

.pm-inline-character-pvs {
	display: grid;
	margin-top: 1rem;
	grid-template-columns:repeat(auto-fit, 300px);
	gap: 1rem;
}