.wsr-monthly-giveaway {
	position: relative;
	z-index: 19;
	border-top: 2px solid #d6ae4f;
	border-bottom: 2px solid #d6ae4f;
	background:
		radial-gradient(circle at 16% 50%, rgba(214, 174, 79, 0.14), transparent 32%),
		#111111;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
	color: #faf8f2;
}

.wsr-monthly-giveaway details {
	margin: 0;
}

.wsr-monthly-giveaway summary {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto auto;
	align-items: center;
	width: min(100% - 32px, 1200px);
	min-height: 64px;
	margin-inline: auto;
	padding-block: 8px;
	gap: 10px 18px;
	cursor: pointer;
	list-style: none;
}

.wsr-monthly-giveaway summary::-webkit-details-marker {
	display: none;
}

.wsr-monthly-giveaway summary:focus-visible {
	outline: 3px solid #2f6fed;
	outline-offset: -3px;
}

.wsr-monthly-giveaway-label {
	display: inline-flex;
	align-items: center;
	min-height: 26px;
	padding: 4px 9px;
	border: 1px solid #d6ae4f;
	border-radius: 999px;
	background: #d6ae4f;
	box-shadow: 0 0 0 0 rgba(214, 174, 79, 0.45);
	color: #111111;
	font-size: 0.6875rem;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0.1em;
	animation: wsr-giveaway-attention 1.8s ease-in-out 2;
}

.wsr-monthly-giveaway-headline {
	min-width: 0;
	color: #ffffff;
	font-family: "Libre Baskerville", Georgia, Cambria, "Times New Roman", serif;
	font-size: clamp(1.0625rem, 0.96rem + 0.38vw, 1.3125rem);
	line-height: 1.3;
}

.wsr-monthly-giveaway-end {
	color: #faf8f2;
	font-size: 0.8125rem;
	font-weight: 700;
	white-space: nowrap;
}

.wsr-monthly-giveaway-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 7px 12px;
	border: 1px solid #d6ae4f;
	border-radius: 6px;
	background: #d6ae4f;
	color: #111111;
	font-size: 0.8125rem;
	font-weight: 800;
	white-space: nowrap;
}

.wsr-monthly-giveaway summary:hover .wsr-monthly-giveaway-cta {
	background: #faf8f2;
}

.wsr-monthly-giveaway-cta::after {
	margin-left: 8px;
	content: "+";
	font-size: 1rem;
}

.wsr-monthly-giveaway details[open] .wsr-monthly-giveaway-cta::after {
	content: "−";
}

.wsr-monthly-giveaway-panel {
	width: min(100% - 32px, 1200px);
	margin-inline: auto;
	padding: 24px 0 30px;
	border-top: 1px solid rgba(214, 174, 79, 0.45);
}

.wsr-monthly-giveaway-copy {
	max-width: 72ch;
	margin: 0 0 22px;
	color: #faf8f2;
	font-size: 1rem;
}

.wsr-monthly-giveaway-grid {
	display: grid;
	grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
	gap: 24px;
}

.wsr-monthly-giveaway-grid > section {
	min-width: 0;
	padding: 20px;
	border: 1px solid rgba(214, 174, 79, 0.48);
	border-radius: 10px;
	background: #1c1c1a;
}

.wsr-monthly-giveaway-grid h2 {
	margin: 0 0 12px;
	color: #d6ae4f;
	font-size: 1.25rem;
}

.wsr-monthly-giveaway-grid p {
	margin-top: 0;
	color: #faf8f2;
}

.wsr-monthly-giveaway-winner-total {
	font-size: 0.875rem;
	font-weight: 700;
}

.wsr-monthly-giveaway-grid ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.wsr-monthly-giveaway-grid li {
	padding: 14px;
	border-left: 3px solid #d6ae4f;
	background: #111111;
}

.wsr-monthly-giveaway-grid li span,
.wsr-monthly-giveaway-grid li strong {
	display: block;
}

.wsr-monthly-giveaway-grid li span {
	margin-bottom: 4px;
	color: #d6ae4f;
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.wsr-monthly-giveaway-grid li strong {
	color: #ffffff;
}

.wsr-monthly-giveaway-grid li p {
	margin: 7px 0 0;
	font-size: 0.875rem;
}

.wsr-monthly-giveaway-rules {
	margin: 20px 0 0;
}

.wsr-monthly-giveaway-rules a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: #d6ae4f;
	font-weight: 800;
	text-underline-offset: 4px;
}

@keyframes wsr-giveaway-attention {
	0%,
	100% {
		box-shadow: 0 0 0 0 rgba(214, 174, 79, 0.45);
	}

	50% {
		box-shadow: 0 0 0 7px rgba(214, 174, 79, 0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.wsr-monthly-giveaway-label {
		animation: none;
	}
}

@media (max-width: 780px) {
	.wsr-monthly-giveaway summary {
		grid-template-columns: auto minmax(0, 1fr);
		padding-block: 12px;
	}

	.wsr-monthly-giveaway-end {
		grid-column: 1 / 2;
	}

	.wsr-monthly-giveaway-cta {
		grid-column: 2 / 3;
		justify-self: end;
	}

	.wsr-monthly-giveaway-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 480px) {
	.wsr-monthly-giveaway summary {
		grid-template-columns: minmax(0, 1fr);
		gap: 8px;
	}

	.wsr-monthly-giveaway-end,
	.wsr-monthly-giveaway-cta {
		grid-column: auto;
		justify-self: start;
	}

	.wsr-monthly-giveaway-grid ul {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media print {
	.wsr-monthly-giveaway {
		display: none !important;
	}
}