.podium-block {
	border-top-left-radius: 100px;
	border-top-right-radius: 100px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end; /* Ensures score stays at the bottom */
	position: relative;
}
/* quizvault Specific styling for the native date input to blend with the dark theme */
input[type="date"] {
	/* Ensures text is white */
	color: #f3f4f6;
}

/* quizvault Attempt to style the calendar icon (Browser consistency varies wildly here) */
input[type="date"]::-webkit-calendar-picker-indicator {
	filter: invert(1); /* Invert color for dark theme visibility */
	cursor: pointer;
	padding-right: 8px;
}

/* Ensuring the body takes up the minimum full height and centers the content */
.profile-container {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	min-height: 100vh;
	padding: 2rem 1rem;
	
}


/* 1. Responsive Wrapper for all content (Max width applied and centered here) */
.profile {
	margin-left: auto; /* Centers the div horizontally */
	margin-right: auto;
	
	/* Set a fluid default width and apply max-width */
	@apply w-full md:max-w-9xl; 
	
	background-color: transparent; 
	border-radius: 1rem;
	overflow: hidden;
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px -5px rgba(0, 0, 0, 0.4);
}

/* 2. Custom styles for accordion content transition (Mobile only) */
.accordion-content {
	/* Initial state: height 0, hidden */
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s ease-out;
}

.accordion-content.is-open {
	/* Set a sufficiently large max-height when open (mobile state) */
	max-height: 500px; 
}

.backdrop-overlay {
	/* This mimics the original backdrop-blur-[6px] */
	backdrop-filter: blur(6px);
}


/* 3. Desktop Override: Force all accordion content open on md and up */
@media (min-width: 768px) { /* md breakpoint */
	.accordion-content {
		max-height: 1000px !important; /* Sufficiently large height to always show content */
		transition: none !important; /* Disable transition on desktop for instant load */
		border-top: none !important; /* Remove top border since content is always visible */
		padding-top: 0; /* Remove top padding */
	}
	.accordion-item {
		 margin-bottom: 0 !important; /* Remove bottom margin for cleaner grid look */
	}
}