Template:Upgrade row/style.css

/* [[Category:Template styles]] */
.ur-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
	font-size: 0.9em;
}

.ur-subtable-wrapper {
	margin: 1em 0;
}

.ur-wrapper .flex-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
	width: 100%;
}

.ur-wrapper .ur-head {
	background-color: var(--background-color-object-neutral-subtle);
	padding: .3em .4em;
	width: 100%;
	
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	gap: 10px;
}

.ur-wrapper .ur-head .ur-name {
	flex: 3 1 400px;
}

.ur-wrapper .ur-head .ur-xp {
	flex: 1 1 100px;
}

.ur-wrapper .ur-head .ur-cost {
	flex: 2 1 300px;
	column-width: 150px;
}

.ur-wrapper .flex-item {
	flex: 2 1 600px;
	background-color: var(--background-color-object-neutral);
	padding: .2em .3em;
	box-sizing: border-box;
}

.ur-wrapper .flex-item-short {
	flex: 1 1 300px;
}

.ur-wrapper .flex-item-long {
	flex: 3 1 901px;
}

.ur-wrapper .flex-item p {
	margin: 0;
}

.ur-wrapper .flex-left-icon-wrapper {
	align-items: flex-start;
}