/*
 * About - Shareholders.
 *
 * Read from cp-all-designer css/about-us-shareholding-structure.css (.ssintro,
 * .sstable-sec, .sstable) with app.css's .sec__head, .h-sec, .h-sub, .lead.
 *
 * What the Style tab sets arrives through the widget's selectors; a size
 * left empty there scales with the window the way the design's does,
 * through the two numbers below (app.css:127-128, 2889-2900).
 */

.custom-about-shareholders {
	--custom-vwu: 14.4px;
	--custom-vhu: clamp(5.2px, 1svh, 9px);
	--custom-pad: 90px;
	--custom-rhythm: min(clamp(52px, calc(8.6 * var(--custom-vwu)), 160px), calc(13.7 * var(--custom-vhu)));
	--custom-gap: min(clamp(32px, calc(4.5 * var(--custom-vwu)), 64px), calc(4.4 * var(--custom-vhu)));
	--custom-ss-r: clamp(18px, calc(2 * var(--custom-vwu)), 26px);
	display: block;
	box-sizing: border-box;
	letter-spacing: normal;
}

@media (max-width: 1280px) { .custom-about-shareholders { --custom-vwu: 12.2px; --custom-vhu: clamp(5.2px, 1svh, 8.5px); } }
@media (max-width: 1200px) { .custom-about-shareholders { --custom-vwu: 11.2px; --custom-vhu: clamp(5.2px, 1svh, 8.35px); } }
@media (max-width: 1024px) { .custom-about-shareholders { --custom-vwu: 9.2px; --custom-vhu: clamp(5.2px, 1svh, 8px); --custom-pad: 40px; } }
@media (max-width: 860px)  { .custom-about-shareholders { --custom-vwu: 7.7px; --custom-vhu: clamp(5.2px, 1svh, 7.8px); } }
@media (max-width: 640px)  { .custom-about-shareholders { --custom-vwu: 4.2px; --custom-vhu: clamp(5.2px, 1svh, 7.6px); --custom-pad: 24px; } }
@media (max-width: 380px)  { .custom-about-shareholders { --custom-vwu: 3.6px; --custom-vhu: clamp(5.2px, 1svh, 7.2px); } }

.custom-about-shareholders *,
.custom-about-shareholders *::before,
.custom-about-shareholders *::after {
	box-sizing: border-box;
}

/* the two bands are one pair: their outer edges take the full rhythm, the seam half */
.custom-about-shareholders__intro-band {
	padding: var(--custom-rhythm) var(--custom-pad) calc(var(--custom-rhythm) / 2);
	background-color: #FFFFFF;
}

.custom-about-shareholders__table-band {
	padding: calc(var(--custom-rhythm) / 2) var(--custom-pad) var(--custom-rhythm);
	background-color: #F0F9FD;
}

/* a table band alone takes the full rhythm on both edges */
.custom-about-shareholders > .custom-about-shareholders__table-band:first-child {
	padding-top: var(--custom-rhythm);
}

/* ------------------------------------------------------------------ */
/* The heads — app.css:230-252, 291-294, 404                           */
/* ------------------------------------------------------------------ */

.custom-about-shareholders__head,
.custom-about-shareholders__table-head {
	max-width: 900px;
	margin: 0 0 var(--custom-gap);
	font-size: 16px;
	line-height: 1.6;
}

.custom-about-shareholders__title {
	margin: 0;
	padding: 0;
	font-size: min(clamp(28px, calc(3.9 * var(--custom-vwu)), 56px), calc(6.2 * var(--custom-vhu)));
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0;
	text-wrap: wrap;
}

.custom-about-shareholders__title strong { font-weight: 700; }

.custom-about-shareholders__title em {
	position: relative;
	display: inline-block;
	font-style: italic;
	font-weight: 700;
}

.custom-about-shareholders__title em::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0.06em;
	height: 0.16em;
	border-radius: 3px;
	background: currentColor;
	opacity: 0.18;
}

.custom-about-shareholders [data-custom-sweep-ghost] em::after { opacity: 0.12; }

.custom-about-shareholders__intro {
	margin: min(22px, calc(2.4 * var(--custom-vhu))) 0 0;
	font-size: clamp(16px, calc(1.25 * var(--custom-vwu)), 18px);
	font-weight: 400;
	line-height: 1.7;
}

/* app.css:238 .h-sub */
.custom-about-shareholders__sub {
	margin: 0;
	padding: 0;
	font-size: clamp(22px, calc(2.2 * var(--custom-vwu)), 32px);
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: 0;
	text-transform: none;
	color: #16418C;
}

@media (max-width: 640px) {
	.custom-about-shareholders__title { font-size: clamp(22px, calc(6.2 * var(--custom-vwu)), 56px); }
	.custom-about-shareholders__intro { margin-top: 14px; font-size: 14px; line-height: 1.5; }
}

/* ------------------------------------------------------------------ */
/* The table — about-us-shareholding-structure.css:31-58               */
/* ------------------------------------------------------------------ */

.custom-about-shareholders__card {
	margin-top: clamp(22px, calc(2.4 * var(--custom-vwu)), 36px);
	overflow: hidden;
	border: 1px solid rgba(22, 65, 140, 0.1);
	border-radius: var(--custom-ss-r) 0 var(--custom-ss-r) 0;
	background: #FFFFFF;
	box-shadow: 0 10px 26px -18px rgba(22, 65, 140, 0.34);
}

.custom-about-shareholders__view {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.custom-about-shareholders .custom-about-shareholders__table {
	width: 100%;
	min-width: 640px;
	margin: 0;
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: auto;
	font-variant-numeric: tabular-nums;
	font-size: clamp(14px, calc(1.1 * var(--custom-vwu)), 16px);
	line-height: 1.6;
}

/* the gradient on the row, so it sweeps once across rather than restarting per cell */
.custom-about-shareholders .custom-about-shareholders__table thead tr,
.custom-about-shareholders .custom-about-shareholders__table tfoot tr {
	background: linear-gradient(90deg, #16418C 0%, #0E1E54 100%);
}

.custom-about-shareholders .custom-about-shareholders__table thead th {
	padding: 14px 16px;
	border: 0;
	background: transparent;
	font-weight: 600;
	text-align: right;
	white-space: nowrap;
	color: #FFFFFF;
}

.custom-about-shareholders .custom-about-shareholders__table tbody td,
.custom-about-shareholders .custom-about-shareholders__table tbody th {
	padding: 13px 16px;
	border: 0;
	border-bottom: 1px solid #EEF2F7;
	background: transparent;
	font-weight: 400;
	text-align: right;
	white-space: nowrap;
	color: #475569;
}

.custom-about-shareholders .custom-about-shareholders__table tbody tr { background: #FFFFFF; }
.custom-about-shareholders .custom-about-shareholders__table tbody tr:nth-child(even) { background: #F0F9FD; }
.custom-about-shareholders .custom-about-shareholders__table tbody tr:hover { background: #EAF6FC; }

.custom-about-shareholders .custom-about-shareholders__table .custom-about-shareholders__name {
	min-width: 260px;
	font-weight: 500;
	text-align: left;
	white-space: normal;
	color: #16418C;
}

.custom-about-shareholders .custom-about-shareholders__table .custom-about-shareholders__num {
	width: 64px;
	text-align: center;
	color: #64748B;
}

.custom-about-shareholders .custom-about-shareholders__table .custom-about-shareholders__pct {
	font-weight: 600;
	color: #3D8CB8;
}

/* the demo's .ssname and .sspct weights outrank its head and foot rows' */
.custom-about-shareholders .custom-about-shareholders__table thead .custom-about-shareholders__name { font-weight: 500; color: #FFFFFF; }
.custom-about-shareholders .custom-about-shareholders__table thead .custom-about-shareholders__num { font-weight: 600; color: #FFFFFF; }
.custom-about-shareholders .custom-about-shareholders__table thead .custom-about-shareholders__pct { font-weight: 600; color: #FFFFFF; }

.custom-about-shareholders .custom-about-shareholders__table tfoot td,
.custom-about-shareholders .custom-about-shareholders__table tfoot th {
	padding: 13px 16px;
	border: 0;
	background: transparent;
	font-weight: 700;
	text-align: right;
	white-space: nowrap;
	color: #FFFFFF;
}

.custom-about-shareholders .custom-about-shareholders__table tfoot .custom-about-shareholders__name {
	font-weight: 500;
	text-align: left;
	white-space: normal;
	color: #FFFFFF;
}

.custom-about-shareholders .custom-about-shareholders__table tfoot .custom-about-shareholders__num { font-weight: 700; color: #FFFFFF; }
.custom-about-shareholders .custom-about-shareholders__table tfoot .custom-about-shareholders__pct { font-weight: 600; color: #CCDAF2; }

.custom-about-shareholders__note {
	margin: 8px 0 0;
	font-size: 12px;
	font-weight: 300;
	line-height: 1.6;
	color: #64748B;
}