.wt-header {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1em;
	justify-content: space-evenly;
	align-items: center;
}
.calendar-module {
	background-color: var(--background-color-neutral-subtle, #f8f9fa);
	border: 1px solid var(--border-color-subtle, #c8ccd1);
	border-radius: 2px;
	text-align: center;
	cursor: default;
}
.calendar-module + .calendar-module {
	margin-top: 1em;
}
.calendar-module th {
	color: var(--color-placeholder, #72777d);
}
.calendar-module th,
.calendar-module td {
	width: 2em;
	height: 2em;
}
.calendar-module th.calendar-module-week {
	font-style: italic;
	font-weight: normal;
	font-size: 0.875rem;
}
.calendar-module td a {
	position: relative;
	font-weight: bold;
	z-index: 1;
	transition: color 200ms, background-color 200ms;
}
.calendar-module td a::before {
	position: absolute;
	content: '';
	background-color: currentColor;
	width: 2em;
	height: 2em;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	z-index: -1;
	margin-left: -1em;
	margin-top: -1em;
	opacity: 0.33;
}
.calendar-module td.calendar-module-highlight a::before {
	width: 3em;
	height: 3em;
	margin-left: -1.5em;
	margin-top: -1.5em;
}
.calendar-module td.calendar-module-today {
	outline: 2px solid var(--border-color-success, #099979);
	border-radius: 2px;
}
.calendar-module td.calendar-module-date-passed a {
	color: var(--color-placeholder, #72777d);
}
.calendar-module td.calendar-module-date-passed a:hover {
	color: var(--color-subtle, #54595d);
}
.wt-boxes {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1em;
	margin-top: 1em;
}
.wt-box {
	border: 1px solid var(--border-color-subtle, #c8ccd1);
	border-radius: 2px;
	background-color: var(--background-color-neutral-subtle, #f8f9fa);
}
.wt-box-header {
	background-color: var(--background-color-neutral, #eaecf0);
	padding: 0.5em 1em;
	font-weight: bold;
}
.wt-box p,
.wt-box ul {
	padding: 0.5em 1em;
}