body {
	margin: auto;
	padding-inline: 1em;
	max-inline-size: 64em;
}
body.tpl-events {
	max-inline-size: 80em;
}

main > article > * + * {
	margin-block-start: 2em;
}
main > article > section > * + * {
	margin-block-start: 1em;
}
	
/* list */
.list {
	padding: 0;
}
.list li {
	list-style-type: none;
}
.list--inline li {
	display: inline-block;
}
.list--inline li:not(:first-child):before {
	content: ", ";
}

/* definition list */
dl {
	display: grid;
	grid-template-columns: auto auto;
	gap: 1em;
	justify-items: start;
}
.dl {
	grid-template-columns: auto 1fr;
}

/* table */
td, th {
	padding-inline-start: 0;
	vertical-align: top;
}
th {
		white-space: nowrap; /* Prevents wrapping in the first column */
}
.table {
	width: 100%;
}
.table td:first-child {
		white-space: nowrap; /* Prevents wrapping in the first column */
}

.table td:last-child {
		width: 100%; /* The last column takes up the remaining space */
		/* This is implied; you can also use a flexbox layout if needed */
}