/* Table block — scoped to .b-table. Zero-JS; horizontal scroll on small screens. */

.lake-root .b-table .b-table-head{ margin-bottom: 28px; max-width: 60ch; }
.lake-root .b-table .b-table-head.center{ margin-inline: auto; text-align: center; }
.lake-root .b-table .b-table-head .s-head{ font-size: clamp(26px, 3.4vw, 40px); }
.lake-root .b-table .b-table-head .s-body{ font-size: 17px; margin-top: 14px; }

.lake-root .b-table .b-table-scroll{ overflow-x: auto; -webkit-overflow-scrolling: touch; }

.lake-root .b-table-grid{
	width: 100%;
	border-collapse: collapse;
	font-family: var(--brand-text);
	font-size: 15px;
	line-height: 1.45;
}
.lake-root .b-table-grid th,
.lake-root .b-table-grid td{
	padding: 16px 22px;
	border: 1px solid var(--brand-line, #e6e6e6);
	text-align: left;
	vertical-align: top;
}
.lake-root .b-table-grid thead th{
	font-family: var(--brand-head, inherit);
	font-weight: var(--brand-head-weight, 700);
	font-size: 13px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--brand-ink);
	background: color-mix(in srgb, var(--brand, #3a7a7a) 8%, transparent);
	white-space: nowrap;
}
.lake-root .b-table-grid tbody td{ color: var(--brand-body, #5a5a5a); }
.lake-root .b-table-grid tbody td:first-child{ font-weight: 600; color: var(--brand-ink); }

/* per-column alignment */
.lake-root .b-table-grid .ta-center{ text-align: center; }
.lake-root .b-table-grid .ta-right{ text-align: right; }

/* striped rows */
.lake-root .b-table-grid.striped tbody tr:nth-child(even){
	background: color-mix(in srgb, var(--brand, #3a7a7a) 4%, transparent);
}

/* dark section variant (matches .s.dark theming) */
.lake-root .s.dark.b-table .b-table-grid th,
.lake-root .s.dark.b-table .b-table-grid td{
	border-color: rgba(255, 255, 255, 0.22);
}
.lake-root .s.dark.b-table .b-table-grid thead th{
	color: #fff;
	background: rgba(255, 255, 255, 0.08);
}
.lake-root .s.dark.b-table .b-table-grid tbody td{ color: rgba(255, 255, 255, 0.82); }
.lake-root .s.dark.b-table .b-table-grid tbody td:first-child{ color: #fff; }
.lake-root .s.dark.b-table .b-table-grid.striped tbody tr:nth-child(even){
	background: rgba(255, 255, 255, 0.05);
}

@media (max-width: 640px){
	.lake-root .b-table-grid th,
	.lake-root .b-table-grid td{ padding: 12px 14px; font-size: 14px; }
}