.lew-history {
	--lew-column-gap: 30px;
	--lew-date-width: 110px;
	--lew-group-gap: 48px;
	--lew-row-gap: 8px;
	--lew-year-width: 250px;
	container-name: lew-history;
	container-type: inline-size;
	width: 100%;
}

.lew-history__table {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	background: transparent;
	table-layout: fixed;
}

.lew-history__table col.lew-history__year-column {
	width: var(--lew-year-width);
}

.lew-history__table col.lew-history__date-column {
	width: var(--lew-date-width);
}

.lew-history__table th,
.lew-history__table td {
	padding: 0;
	border: 0;
	background: transparent;
	text-align: start;
	vertical-align: top;
}

.lew-history__year {
	padding-inline-end: var(--lew-column-gap) !important;
	color: #111;
	font-family: inherit;
	font-size: clamp(1.75rem, 2.8vw, 2.625rem);
	font-weight: 700;
	line-height: 1.15;
	word-break: keep-all;
}

.lew-history__date,
.lew-history__content {
	padding-bottom: var(--lew-row-gap) !important;
	font-family: inherit;
	font-size: clamp(1rem, 1.5vw, 1.5rem);
	font-weight: 400;
	line-height: 1.55;
}

.lew-history__date {
	padding-inline-end: var(--lew-column-gap) !important;
	color: #666;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.lew-history__content {
	color: #555;
	overflow-wrap: anywhere;
	word-break: keep-all;
}

.lew-history__group .lew-history__row:last-child > .lew-history__date,
.lew-history__group .lew-history__row:last-child > .lew-history__content {
	padding-bottom: 0 !important;
}

.lew-history__group + .lew-history__group .lew-history__row:first-child > * {
	padding-top: var(--lew-group-gap);
}

.lew-history__visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

@container lew-history (max-width: 767px) {
	.lew-history__table,
	.lew-history__group,
	.lew-history__row,
	.lew-history__table th,
	.lew-history__table td {
		display: block;
		width: 100%;
	}

	.lew-history__table colgroup {
		display: none;
	}

	.lew-history__row {
		display: grid;
		grid-template-columns: minmax(0, var(--lew-date-width)) minmax(0, 1fr);
		column-gap: var(--lew-column-gap);
	}

	.lew-history__row:not(:last-child) {
		padding-bottom: var(--lew-row-gap);
	}

	.lew-history__year {
		grid-column: 1 / -1;
		padding: 0 0 16px !important;
	}

	.lew-history__date,
	.lew-history__content {
		padding: 0 !important;
	}

	.lew-history__group + .lew-history__group {
		padding-top: var(--lew-group-gap);
	}

	.lew-history__group + .lew-history__group .lew-history__row:first-child > * {
		padding-top: 0;
	}
}

@supports not (container-type: inline-size) {
	@media (max-width: 767px) {
		.lew-history__table,
		.lew-history__group,
		.lew-history__row,
		.lew-history__table th,
		.lew-history__table td {
			display: block;
			width: 100%;
		}

		.lew-history__table colgroup {
			display: none;
		}

		.lew-history__row {
			display: grid;
			grid-template-columns: minmax(0, var(--lew-date-width)) minmax(0, 1fr);
			column-gap: var(--lew-column-gap);
		}

		.lew-history__row:not(:last-child) {
			padding-bottom: var(--lew-row-gap);
		}

		.lew-history__year {
			grid-column: 1 / -1;
			padding: 0 0 16px !important;
		}

		.lew-history__date,
		.lew-history__content {
			padding: 0 !important;
		}

		.lew-history__group + .lew-history__group {
			padding-top: var(--lew-group-gap);
		}

		.lew-history__group + .lew-history__group .lew-history__row:first-child > * {
			padding-top: 0;
		}
	}
}