.tabs { display: flex; justify-content: space-evenly; flex-wrap: wrap; }
	.tab-header { color: #ccc; cursor: pointer; transition: color .2s; padding: 10px; }
	.tab-header:hover { color: #5a4d31; }
	.tab-content { display: none; }
	.active-tab { color: #5a4d41; }
	.active-content { display: block; }
	th[onclick] { cursor: pointer; user-select: none; transition: background-color .2s; }
	th[onclick]:hover { background-color: #8b7759 !important; }
	
	.sub-tabs {
		display: flex;
		justify-content: center;
		gap: 20px;
		margin: 20px 0;
		flex-wrap: wrap;
	}
	.sub-tab { 
		padding: 10px 20px; 
		border: 2px solid #5a4d31;
		color: #5a4d31; 
		cursor: pointer; 
		border-radius: 5px;
		transition: all .2s;
	}
	.sub-tab:hover { 
		background: #5a4d31; 
		color: #fff; 
	}
	.sub-tab.active { 
		background: #5a4d31; 
		color: #fff; 
	}
	.sub-content {
		display: none; 
	}
	.sub-content.active {
		display: block;
	}