Template:Item/sandbox.css

.tpl-item-title {
	display: block;
	font-size: 1.8em;
}

/* Card grids used by the Inputs and Outputs sections */
.stardit-cards {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	border-left: 6px solid #ccc;
}

/* Prominent show/hide button for the contributors list */
.stardit-people .mw-collapsible-toggle {
	display: block;
	float: none !important;
	text-align: center;
	font-weight: bold;
	padding: 6px 12px;
	margin: 6px 0;
	border: 1px solid #a2a9b1;
	border-radius: 4px;
	background: #eaf3ff;
}

/* MOBILE: stack everything into a single column.
   !important is needed because the card templates set their width with an
   inline style (flex:1 0 250px), which a normal stylesheet rule can't override. */
@media (max-width: 600px) {
	.stardit-cards > div {
		flex-basis: 100% !important;
		max-width: 100% !important;
		margin: 4px 2px !important;
	}
	.stardit-summary > div {
		flex-basis: 100% !important;
		max-width: 100% !important;
	}
}