/* Financial Ratios page — Valuation / Profitability / Gearing metrics tables */

.fr-wrapper {
	max-width: 1000px;
	margin: 0 auto;
	color: #1d398d;
}

.fr-wrapper .section-title {
	text-align: center;
	font-size: clamp(16px, 2vw, 19px);
	font-weight: 700;
	letter-spacing: 0.5px;
	margin: 45px 0 20px 0;
	color: #1d398d;
}

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

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

.fr-wrapper .table-container {
	width: 100%;
	overflow-x: auto;
	border-radius: 6px;
	margin-bottom: 15px;
	-webkit-overflow-scrolling: touch;
}

.fr-wrapper .metrics-table {
	width: 100%;
	border-collapse: collapse;
	min-width: 600px;
	font-size: 14px;
	background-color: #ffffff;
}

.fr-wrapper .metrics-table th {
	background-color: #1d398d;
	color: #ffffff;
	font-weight: 700;
	padding: 12px 16px;
	text-align: right;
}

.fr-wrapper .metrics-table th:first-child {
	text-align: left;
	width: 40%;
}

.fr-wrapper .metrics-table td {
	padding: 11px 16px;
	border-bottom: 1px solid #ffffff;
	text-align: right;
	color: #2b3a67;
}

.fr-wrapper .metrics-table td:first-child {
	text-align: left;
	font-weight: 700;
	color: #1d398d;
}

.fr-wrapper .metrics-table tbody tr:nth-child(even) {
	background-color: #eef4fc;
}

.fr-wrapper .metrics-table tbody tr:nth-child(odd) {
	background-color: #ffffff;
}

.fr-wrapper .metrics-table tbody tr:hover {
	background-color: #e1ebfa;
	transition: background-color 0.15s ease;
}

.fr-wrapper .metrics-table .col-bold {
	font-weight: 700;
	color: #1d398d;
}

.fr-wrapper .metrics-table .col-note {
	color: #8c97b2;
	font-size: 13px;
	font-weight: 400;
}

.fr-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;
}

.fr-wrapper .button-container {
	display: flex;
	justify-content: flex-end;
	margin-top: 25px;
}

.fr-wrapper .btn-brochure {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background-color: #1d398d;
	color: #ffffff;
	font-weight: 600;
	font-size: 13px;
	padding: 10px 20px;
	border-radius: 6px;
	text-decoration: none;
	cursor: pointer;
	border: none;
	transition: background-color 0.2s ease, transform 0.15s ease;
}

.fr-wrapper .btn-brochure:hover {
	background-color: #142a6d;
}

.fr-wrapper .btn-brochure:active {
	transform: scale(0.98);
}

.fr-wrapper .btn-brochure svg {
	width: 14px;
	height: 14px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2.5;
	stroke-linecap: round;
	stroke-linejoin: round;
}

@media (max-width: 600px) {
	.fr-wrapper .button-container {
		justify-content: center;
	}
}