:root {
	--global-primary-color: #3A2B32;
	--global-secondary-color: #C39B8F;
	--global-secondary-text-color: #FDE8E3;
}

.mob-tabbed-profile {
	/*font-family: sans-serif;*/
}

.mob-tabs {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
}

.mob-tabs li {
	cursor: pointer;
	padding: 10px 20px;
	background: var(--global-primary-color);
	color: var(--global-secondary-text-color);
	margin-right: 4px;
	border-radius: 5px 5px 0 0;
	transition: all 0.3s ease;
}

.mob-tabs li:hover,
.mob-tabs li.active {
	background: var(--global-secondary-color);
	color: var(--global-primary-color);
	border-color: var(--global-secondary-color);
}

.mob-tab-pane {
	display: none;
}

.mob-tab-pane.active {
	display: block;
}

.mob-profile-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.mob-profile-row:first-of-type dd {
	border-top-right-radius: 5px;
}

.mob-profile-row:last-of-type dt {
	border-bottom-left-radius: 5px;
}

.mob-profile-row:last-of-type dd {
	border-bottom-right-radius: 5px;
}

.mob-profile-row {
	display: contents;
}

.mob-profile-row dt,
.mob-profile-row dd {
	padding: 10px 15px;
	margin: 0;
	background: var(--global-secondary-color);
	color: var(--global-primary-color);
}

.mob-profile-row.alt dt,
.mob-profile-row.alt dd {
	background: var(--global-primary-color);
	color: var(--global-secondary-text-color);
}