/* GS Comparison Table
 * Layout matches the GS-site Figma: 260px label column + equal data columns,
 * 1px #CCDDFF grid, grey header/labels (#F1F5F9), navy text (#002266).
 * Mobile keeps the exact desktop look and scrolls horizontally.
 */

.gs-ct {
	width: 100%;
}

/* Horizontal-scroll wrapper (kicks in on mobile via table min-width). */
.gs-ct__scroll {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.gs-ct__scroll:focus {
	outline: none;
}

.gs-ct__table {
	width: 100%;
	min-width: 900px; /* overridden by the "Table min width" control */
	border-collapse: collapse;
	table-layout: fixed;
	font-family: "Red Hat Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.gs-ct__table col.gs-ct__col--first {
	width: 260px;
}

.gs-ct__table th,
.gs-ct__table td {
	border: 1px solid #CCDDFF;
	padding: 18px 24px;
	text-align: left;
	vertical-align: middle;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

/* Header row */
.gs-ct__table thead th {
	background-color: #F1F5F9;
	color: #002266;
	font-size: 24px;
	line-height: 28px;
	font-weight: 700;
}

/* First column (row labels) */
.gs-ct__table tbody th.gs-ct__rowlabel {
	background-color: #F1F5F9;
	color: #002266;
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
}

/* Data cells */
.gs-ct__table tbody td {
	background-color: #FFFFFF;
	color: #002266;
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
}

.gs-ct__table a {
	color: inherit;
	text-decoration: underline;
}