@import "apps.css";

/* Definition List Float Layout */
dl {
	width: 100%;
	overflow: hidden; /* Clear floats */
	margin-bottom: 1.5rem;
}

/* Item Name */
dt {
	float: right;
	clear: right; /* Stacks each item on a new "line" */
	width: calc(100% - 80px); /* Leave space for quantity */
	color: #fff;
	font-weight: 400;
	margin: 0;
	padding: 2px 0;
	min-height: 1.5rem;
	line-height: 1.5;
	border-bottom: 1px dashed rgba(255, 255, 255, 0.05); /* Subtle separator */
}

/* Quantity */
dd {
	float: left;
	width: 70px; /* Fixed width for quantity */
	text-align: right;
	margin: 0;
	padding: 2px 0;
	color: #888;
	font-weight: bold;
	white-space: nowrap;
	line-height: 1.5;
}

/* Paragraphs inside dd */
dd p {
	margin: 0;
	display: inline;
}