.download-box-whole {
	max-width: 700px;
	min-height: 400px;
	margin: 0 auto;
	font-family: "Courier New", Courier, monospace;
	padding: 10px;
	position: relative;
}
.tab-buttons {
	display: flex;
	gap: 2px;
	border: none;
	padding: 0 10px;
	margin-bottom: 0px; /* so tabs visually connect with white box */
	position: relative;
}
.tab-button {
	padding: 10px 20px;
	cursor: pointer;
	background-color: #fff5d1;
	border: none;
	font-family: "Courier New", Courier, monospace;
	font-size: medium;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
	transition: background-color 0.3s ease;
}
.tab-button.active {
	background: linear-gradient(to bottom, #ffa62f 0%, #f7bb6a 100%);
	background-color: #ffa62f;
	color: white;
	border: none;
	outline: none;
	box-shadow: inset 4px 4px 8px -4px #fff, /* light bevel top */
				2px 10px 8px #f7bb6a; /* down blend shadow */;     
			
}
.download-outer-frame {
	display: block;
	background: linear-gradient(to bottom, #f7bb6a 0%, #ffa62f 100%);
	background-color: #ffa62f;
	border: none;
	border-radius: 10px;
	padding: 10px;
	box-shadow:
		inset 5px 5px 10px -3px #fff,       /* light bevel top */
		inset -3px -3px 10px -3px #824c03,      /* dark bevel bottom */
		0 2px 8px rgba(0,0,0,0.1); /* soft outer drop shadow */
}
.tab-desc {
	display: none;
}
.tab-desc.active {
	display: block;
	padding-left: 15px;
	letter-spacing: -1px;
	font-size: 95%;
	position: relative;
	z-index: 1;
}
.tab-content {
	display: none;
	
}
.tab-content.active {
	display: block;
	background-color: white;
	padding: 20px;
	border-radius: 10px;
	border: 2px solid #ccc;
	margin-top: 0;
	position: relative;
	z-index: 1;
	box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.tab-content ul {
	list-style: none;
	padding: 0 5px;
	margin-block-start: 0.5em;
	margin-block-end: 0.5em;
}
.tab-content li {
	display: flex;
	align-items: center; 
	gap: 10px; 
	margin-bottom: 0rem;
}
.tab-content p {
	color: black;
	text-decoration: none;
	font-weight: bold;
}
.tab-content a:hover {
	text-decoration: underline;
}
.tab-content a:focus,
.tab-content a:focus-visible {
	outline: none;
}
.dl-icon {
	height: 30px;
	width: 30px;
	display: inline-block;
	background-color: #fcd24f;
	box-shadow: 0px 8px #ea8439;
	border-radius: 9999px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}
.dl-icon:hover {
	filter: contrast(1.1);
	transform: scale(1.02);
}
.dl-icon:active {
	transform: translateY(5px);
	box-shadow: 0px 4px #ea8439;
}
.dl-icon:focus,
.dl-icon:focus-visible {
	outline: none;
}
.download-option {
	padding-left: 15px;
	padding-top: 10px;
	letter-spacing: -1px;
}