.hero-rounded {
	border-radius: 18px;
}

.hero-border {
	border: 1px solid #eeeeee;
}

body[data-color-scheme="dark"] .hero-border {
	border: 1px solid #333;
}

.trophy-icon {
	/* position: absolute;
	left: 99%;
	top: -3%; */
	/* transform: rotate(5deg); */
	width: 110px;
}

@media only screen and (max-width: 734px) {
	.trophy-icon {
		/* top: 97%;
		left: 83%; */
		width: 70px;
	}
}

@media only screen and (max-width: 360px) {
	.trophy-icon {
		display: none;
	}
}

.medal-icon {
	position: absolute;
	top: 10%;
	transform: rotate(-6deg);
	filter: invert(1);
}

.relative-content-container {
	position: relative;
}

.story-image {
	width: 100%;
	border-radius: 18px;
	border: 1px solid #ddd;
}

body[data-color-scheme="dark"] .story-image {
	border-color: #333;
}

.story-image-container {
	display: flex;
	align-items: start;
}

.story-image-container-sm {
	display: none;
}

@media only screen and (max-width: 1068px) {
	.story-image-container-sm {
		display: block;
		margin-bottom: 1em;
	}

	.story-image-container {
		display: none;
	}
}

/* .story {
	line-height: 1.4211026316;
	letter-spacing: 0.012em;
} */

@media only screen and (max-width: 1068px) {
	.story {
		letter-spacing: -0.022em;
	}
}

.image-left .story {
	padding-left: 1.5em !important;
}

.image-right .story {
	padding-right: 1.5em !important;
}

@media only screen and (max-width: 1068px) {
	.image-right .story,
	.image-left .story {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

#main section.section.section-dw-hero {
	padding-top: 2em;
	padding-bottom: 4em;
}

/* NYT-style story integration */
.story-article {
	max-width: 820px;
	margin: 3em auto;
	padding: 0 1.5em;
}

/* .story-content {
	font-size: 1.0625rem;
	line-height: 1.6;
	letter-spacing: -0.003em;
} */

.story-location {
	color: #86868b;
	font-weight: 400;
	font-size: 0.9em;
}

/* Image float styles for text wrapping */
.story-image-float-right {
	float: right;
	width: 50%;
	margin: 0 0 0.8em 1em;
	clear: right;
	display: flex;
}

.story-image-float-left {
	float: left;
	width: 50%;
	margin: 0 1em 0.8em 0;
	clear: left;
	display: flex;
}

.story-image-full-width {
	width: 100%;
	margin: 1.5em 0;
	clear: both;
}

/* Better paragraph spacing */
.story-content p {
	margin-bottom: 1.25em;
}

.story-content p:last-child {
	margin-bottom: 0;
}

/* Responsive adjustments */
@media only screen and (max-width: 1068px) {
	.story-article {
		margin: 2em auto;
	}

	.story-image-float-right,
	.story-image-float-left {
		width: 60%;
	}
}

@media only screen and (max-width: 734px) {
	.story-article {
		padding: 0 !important;
		margin: 2em 0;
	}

	.story-content {
		font-size: 1rem;
	}

	/* Stack images on mobile */
	.story-image-float-right,
	.story-image-float-left {
		float: none;
		width: 100%;
		margin: 1.5em 0;
	}
}