/* Financial Statements page — Pro Forma Historical Performance charts */

.performance-container {
	max-width: 1050px;
	margin: 0 auto;
	padding: 20px 10px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	color: #1d398d;
}

.performance-container .section-title {
	text-align: center;
	font-size: clamp(16px, 2.5vw, 20px);
	font-weight: 700;
	margin-bottom: 40px;
	color: #1d398d;
}

.performance-container .section-title span {
	position: relative;
	display: inline-block;
	padding-bottom: 6px;
}

.performance-container .section-title span::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 20%;
	right: 20%;
	height: 3px;
	background-color: #1d398d;
}

.performance-container .charts-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px 50px;
}

.performance-container .chart-card {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.performance-container .chart-title {
	font-size: clamp(18px, 2vw, 24px);
	font-weight: 700;
	margin-bottom: 20px;
	color: #1d398d;
}

.performance-container .chart-wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.performance-container .gridlines {
	position: absolute;
	top: 0;
	bottom: 24px;
	left: 70px;
	right: 0;
	display: flex;
	justify-content: space-between;
	pointer-events: none;
	z-index: 1;
}

.performance-container .gridline {
	width: 1px;
	background-color: #e2e8f0;
	height: 100%;
}

.performance-container .bar-row {
	display: flex;
	align-items: center;
	height: 32px;
	z-index: 2;
}

.performance-container .label {
	width: 70px;
	flex-shrink: 0;
	font-size: clamp(10px, 1.2vw, 12px);
	font-weight: 600;
	color: #4a5568;
}

.performance-container .bar-track {
	flex: 1;
	height: 100%;
	position: relative;
}

.performance-container .bar {
	height: 100%;
	background: #dbe4ff;
	border-radius: 0 16px 16px 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 12px;
	font-size: clamp(11px, 1.2vw, 13px);
	font-weight: 700;
	color: #1d398d;
	width: 0%;
	transition: width 1s cubic-bezier(0.1, 0.5, 0.2, 1), background-color 0.2s;
	white-space: nowrap;
}

.performance-container .bar:hover {
	background: #c3d3fe;
}

.performance-container .x-axis {
	display: flex;
	justify-content: space-between;
	margin-left: 70px;
	margin-top: 6px;
	font-size: clamp(9px, 1vw, 11px);
	color: #718096;
	font-weight: 600;
	z-index: 2;
}

@media (max-width: 768px) {
	.performance-container .charts-grid {
		grid-template-columns: 1fr;
		gap: 35px;
	}

	.performance-container .chart-card:last-child {
		margin-top: 10px;
	}
}

@media (max-width: 480px) {
	.performance-container .label {
		width: 55px;
	}

	.performance-container .gridlines,
	.performance-container .x-axis {
		margin-left: 55px;
		left: 55px;
	}

	.performance-container .bar-row {
		height: 28px;
	}
}

/* Financial Statements page — Pro Forma Balance Sheet & Distribution Policy info cards */

.fs-cards-wrapper {
	max-width: 1100px;
	margin: 0 auto;
}

.fs-cards-wrapper .section-title {
	text-align: center;
	font-size: clamp(16px, 2.2vw, 20px);
	font-weight: 700;
	margin: 40px 0 25px 0;
	color: #1d398d;
}

.fs-cards-wrapper .section-title span {
	position: relative;
	display: inline-block;
	padding-bottom: 6px;
}

.fs-cards-wrapper .section-title span::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 30%;
	right: 30%;
	height: 3px;
	background-color: #1d398d;
}

.fs-cards-wrapper .cards-grid-3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	margin-bottom: 16px;
}

.fs-cards-wrapper .info-card {
	background-color: #e8f0fe;
	border-radius: 8px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	min-height: 120px;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.fs-cards-wrapper .info-card.green-card {
	background-color: #e6f9ed;
}

.fs-cards-wrapper .info-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(29, 57, 141, 0.08);
}

.fs-cards-wrapper .card-label {
	font-size: clamp(11px, 1.1vw, 13px);
	color: #5f6b8b;
	font-weight: 500;
	margin-bottom: 10px;
}

.fs-cards-wrapper .card-value {
	font-size: clamp(20px, 2.4vw, 28px);
	font-weight: 700;
	color: #1d398d;
	line-height: 1.25;
	margin-bottom: 8px;
}

.fs-cards-wrapper .card-subtext {
	font-size: clamp(10px, 1vw, 12px);
	color: #6d7895;
	line-height: 1.3;
}

.fs-cards-wrapper .note-box {
	background-color: #f4f5f8;
	border-radius: 8px;
	padding: 16px 20px;
	text-align: center;
	font-size: clamp(11px, 1.1vw, 13px);
	color: #6b7796;
	line-height: 1.5;
	margin-top: 40px;
}

@media (max-width: 900px) {
	.fs-cards-wrapper .cards-grid-3 {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 580px) {
	.fs-cards-wrapper .cards-grid-3 {
		grid-template-columns: 1fr;
	}

	.fs-cards-wrapper .info-card {
		padding: 16px;
		min-height: auto;
	}
}