/* =========================================================
 * PRESS 365 — Special Reports
 * Version: 1.1.0
 * =========================================================
 *
 * Typography aligned with PRESS 365 Core Design System.
 * Layout and visual structure preserved.
 * ======================================================= */


/* =========================================================
 * 1. Section
 * ======================================================= */

.p365-special-reports {
	position: relative;

	padding-top:
		24px;
}


/* =========================================================
 * 2. Shell
 * ======================================================= */

.p365-special-reports__shell {
	overflow:
		hidden;

	border:
		1px solid var(--p365-border);

	border-radius:
		var(--p365-radius-lg);

	background:
		var(--p365-white);

	box-shadow:
		var(--p365-shadow-sm);
}


/* =========================================================
 * 3. Header
 * ======================================================= */

.p365-special-reports__header {
	position: relative;

	display: flex;

	align-items: center;

	justify-content:
		space-between;

	gap:
		24px;

	min-height:
		92px;

	padding:
		20px 28px;

	border-bottom:
		1px solid var(--p365-border);
}


.p365-special-reports__header::before {
	content: "";

	position: absolute;

	top:
		24px;

	right:
		0;

	width:
		4px;

	height:
		42px;

	border-radius:
		4px 0 0 4px;

	background:
		var(--p365-orange);
}


.p365-special-reports__heading {
	min-width:
		0;
}


/* =========================================================
 * 4. Header Typography
 * ======================================================= */

.p365-special-reports__eyebrow {
	display: block;

	margin-bottom:
		3px;

	color:
		var(--p365-teal);

	font-size:
		12px;

	font-weight:
		var(--p365-weight-extrabold);

	line-height:
		1.4;
}


.p365-special-reports__title {
	margin:
		0;

	color:
		var(--p365-dark);

	font-size:
		34px;

	font-weight:
		var(--p365-weight-black);

	line-height:
		1.25;
}


.p365-special-reports__more {
	display: inline-flex;

	align-items: center;

	gap:
		8px;

	color:
		var(--p365-muted);

	font-size:
		13px;

	font-weight:
		var(--p365-weight-extrabold);

	line-height:
		1.4;

	white-space:
		nowrap;

	transition:
		color var(--p365-transition);
}


.p365-special-reports__more:hover {
	color:
		var(--p365-orange);
}


/* =========================================================
 * 5. Grid
 * ======================================================= */

.p365-special-reports__grid {
	display: grid;

	grid-template-columns:
		minmax(320px, .78fr)
		minmax(0, 1.65fr);

	grid-template-rows:
		520px;

	min-height:
		520px;

	direction:
		ltr;
}


/* =========================================================
 * 6. Main Story
 * ======================================================= */

.p365-special-reports__main {
	position: relative;

	grid-column:
		2;

	grid-row:
		1;

	min-width:
		0;

	overflow:
		hidden;

	direction:
		rtl;
}


.p365-special-reports__main-link {
	position: relative;

	display: flex;

	align-items:
		flex-end;

	width:
		100%;

	height:
		100%;

	min-height:
		0;

	overflow:
		hidden;

	background:
		var(--p365-dark);

	color:
		var(--p365-white);
}


/* =========================================================
 * 7. Main Media
 * ======================================================= */

.p365-special-reports__main-media {
	position: absolute;

	inset:
		0;

	overflow:
		hidden;
}


.p365-special-reports__main-media.is-placeholder {
	background:
		linear-gradient(
			135deg,
			#0c6268,
			#053f44 55%,
			#032f33
		);
}


.p365-special-reports__main-image {
	display: block;

	width:
		100%;

	height:
		100%;

	object-fit:
		cover;

	transition:
		transform .5s ease;
}


.p365-special-reports__main-link:hover
.p365-special-reports__main-image {
	transform:
		scale(1.025);
}


/* =========================================================
 * 8. Main Overlay
 * ======================================================= */

.p365-special-reports__main-overlay {
	position: absolute;

	inset:
		0;

	background:
		linear-gradient(
			to top,
			rgba(2,31,34,.98) 0%,
			rgba(2,31,34,.88) 26%,
			rgba(2,31,34,.38) 62%,
			rgba(2,31,34,.08) 100%
		);
}


/* =========================================================
 * 9. Main Content
 * ======================================================= */

.p365-special-reports__main-content {
	position: relative;

	z-index:
		2;

	width:
		82%;

	padding:
		38px;
}


/* =========================================================
 * 10. Main Label
 * ======================================================= */

.p365-special-reports__label {
	display: inline-flex;

	align-items: center;

	min-height:
		28px;

	margin-bottom:
		15px;

	padding:
		5px 11px;

	border-radius:
		5px;

	background:
		var(--p365-orange);

	color:
		var(--p365-white);

	font-size:
		12px;

	font-weight:
		var(--p365-weight-extrabold);

	line-height:
		1;
}


/* =========================================================
 * 11. Main Title
 * ======================================================= */

.p365-special-reports__main-title {
	max-width:
		780px;

	margin:
		0 0 13px;

	color:
		var(--p365-white);

	font-size:
		34px;

	font-weight:
		var(--p365-weight-extrabold);

	line-height:
		1.4;
}


/* =========================================================
 * 12. Main Excerpt
 * ======================================================= */

.p365-special-reports__main-excerpt {
	max-width:
		720px;

	margin:
		0 0 15px;

	color:
		rgba(255,255,255,.73);

	font-size:
		15px;

	font-weight:
		var(--p365-weight-medium);

	line-height:
		1.85;
}


/* =========================================================
 * 13. Meta
 * ======================================================= */

.p365-special-reports__meta {
	display: flex;

	align-items: center;

	flex-wrap:
		wrap;

	gap:
		8px;

	color:
		rgba(255,255,255,.52);

	font-size:
		11px;

	font-weight:
		var(--p365-weight-medium);

	line-height:
		1.5;
}


.p365-special-reports__meta-dot {
	width:
		4px;

	height:
		4px;

	flex:
		0 0 4px;

	border-radius:
		50%;

	background:
		var(--p365-orange);
}


/* =========================================================
 * 14. Supporting Rail
 * ======================================================= */

.p365-special-reports__side {
	grid-column:
		1;

	grid-row:
		1;

	display: grid;

	grid-template-rows:
		repeat(
			2,
			minmax(0, 1fr)
		);

	min-width:
		0;

	background:
		#f8f4ec;

	border-left:
		1px solid var(--p365-border);

	direction:
		rtl;
}


/* =========================================================
 * 15. Supporting Item
 * ======================================================= */

.p365-special-reports__side-item {
	min-width:
		0;

	border-bottom:
		1px solid var(--p365-border);
}


.p365-special-reports__side-item:last-child {
	border-bottom:
		0;
}


.p365-special-reports__side-link {
	display: grid;

	grid-template-columns:
		145px minmax(0, 1fr);

	align-items:
		center;

	gap:
		18px;

	height:
		100%;

	min-height:
		250px;

	padding:
		20px;

	color:
		inherit;

	transition:
		background-color var(--p365-transition);
}


.p365-special-reports__side-link:hover {
	background:
		var(--p365-white);
}


/* =========================================================
 * 16. Side Media
 * ======================================================= */

.p365-special-reports__side-media {
	aspect-ratio:
		1 / .82;

	overflow:
		hidden;

	border-radius:
		10px;

	background:
		var(--p365-teal);
}


.p365-special-reports__side-media.is-placeholder {
	background:
		linear-gradient(
			135deg,
			#dce8e5,
			#bfd4d0
		);
}


.p365-special-reports__side-image {
	display: block;

	width:
		100%;

	height:
		100%;

	object-fit:
		cover;

	transition:
		transform .4s ease;
}


.p365-special-reports__side-link:hover
.p365-special-reports__side-image {
	transform:
		scale(1.035);
}


/* =========================================================
 * 17. Side Content
 * ======================================================= */

.p365-special-reports__side-content {
	min-width:
		0;
}


.p365-special-reports__side-category {
	display: block;

	margin-bottom:
		7px;

	color:
		var(--p365-orange);

	font-size:
		11px;

	font-weight:
		var(--p365-weight-extrabold);

	line-height:
		1.4;
}


.p365-special-reports__side-title {
	display:
		-webkit-box;

	overflow:
		hidden;

	margin:
		0 0 10px;

	color:
		var(--p365-text-dark);

	font-size:
		17px;

	font-weight:
		var(--p365-weight-extrabold);

	line-height:
		1.55;

	-webkit-box-orient:
		vertical;

	-webkit-line-clamp:
		3;

	transition:
		color var(--p365-transition);
}


.p365-special-reports__side-link:hover
.p365-special-reports__side-title {
	color:
		var(--p365-teal);
}


.p365-special-reports__side-time {
	color:
		var(--p365-muted);

	font-size:
		11px;

	font-weight:
		var(--p365-weight-medium);

	line-height:
		1.4;
}


/* =========================================================
 * 18. Tablet
 * ======================================================= */

@media (max-width: 1050px) {

	.p365-special-reports__title {
		font-size:
			30px;
	}


	.p365-special-reports__grid {
		grid-template-columns:
			minmax(280px, .8fr)
			minmax(0, 1.4fr);
	}


	.p365-special-reports__main-title {
		font-size:
			30px;

		font-weight:
			var(--p365-weight-extrabold);
	}


	.p365-special-reports__main-excerpt {
		font-size:
			14px;
	}


	.p365-special-reports__side-link {
		grid-template-columns:
			115px minmax(0, 1fr);

		gap:
			14px;

		padding:
			16px;
	}


	.p365-special-reports__side-title {
		font-size:
			16px;

		font-weight:
			var(--p365-weight-extrabold);
	}
}


/* =========================================================
 * 19. Mobile
 * ======================================================= */

@media (max-width: 820px) {

	.p365-special-reports {
		padding-top:
			18px;
	}


	.p365-special-reports__header {
		min-height:
			78px;

		padding:
			17px 20px;
	}


	.p365-special-reports__header::before {
		top:
			19px;

		height:
			38px;
	}


	.p365-special-reports__eyebrow {
		font-size:
			11px;
	}


	.p365-special-reports__title {
		font-size:
			28px;

		font-weight:
			var(--p365-weight-black);

		line-height:
			1.28;
	}


	.p365-special-reports__more {
		font-size:
			12px;
	}


	.p365-special-reports__grid {
		display:
			block;

		min-height:
			0;
	}


	.p365-special-reports__main-link {
		min-height:
			470px;
	}


	.p365-special-reports__main-content {
		width:
			100%;

		padding:
			28px 24px;
	}


	.p365-special-reports__label {
		font-size:
			11px;
	}


	.p365-special-reports__main-title {
		font-size:
			28px;

		font-weight:
			var(--p365-weight-extrabold);

		line-height:
			1.4;
	}


	.p365-special-reports__main-excerpt {
		font-size:
			14px;

		font-weight:
			var(--p365-weight-medium);

		line-height:
			1.85;
	}


	.p365-special-reports__meta {
		font-size:
			10px;
	}


	.p365-special-reports__side {
		border-left:
			0;

		border-top:
			1px solid var(--p365-border);
	}


	.p365-special-reports__side-link {
		grid-template-columns:
			125px minmax(0, 1fr);

		min-height:
			150px;

		padding:
			16px;
	}


	.p365-special-reports__side-category {
		font-size:
			10px;
	}


	.p365-special-reports__side-title {
		font-size:
			15px;

		font-weight:
			var(--p365-weight-extrabold);

		line-height:
			1.55;
	}


	.p365-special-reports__side-time {
		font-size:
			10px;
	}
}


/* =========================================================
 * 20. Small Mobile
 * ======================================================= */

@media (max-width: 520px) {

	.p365-special-reports__more {
		display:
			none;
	}


	.p365-special-reports__main-link {
		min-height:
			430px;
	}


	.p365-special-reports__main-content {
		padding:
			24px 19px;
	}


	.p365-special-reports__main-title {
		font-size:
			25px;

		font-weight:
			var(--p365-weight-extrabold);

		line-height:
			1.42;
	}


	.p365-special-reports__main-excerpt {
		display:
			-webkit-box;

		overflow:
			hidden;

		font-size:
			14px;

		-webkit-box-orient:
			vertical;

		-webkit-line-clamp:
			3;
	}


	.p365-special-reports__side-link {
		grid-template-columns:
			100px minmax(0, 1fr);

		gap:
			13px;

		min-height:
			132px;

		padding:
			14px;
	}


	.p365-special-reports__side-title {
		font-size:
			14px;

		font-weight:
			var(--p365-weight-extrabold);

		line-height:
			1.55;

		-webkit-line-clamp:
			2;
	}
}