* {
	box-sizing: border-box;
}

body {
	display: grid;
	width: -moz-fit-content;
	width: fit-content;
	grid-template-columns: clamp(40ch, 80ch, 80ch) 1fr;
	grid-template-areas: "main aside";
	column-gap: 1rem;
	margin: 1rem auto;
	font-family: sans-serif;
	background-color: #F4F4F4;
}

header {
	grid-area: aside;
}

main {
	grid-area: main;
}

.meta > *,
bette-story > *,
article > * {
	margin: 0;
}
.meta > * + *,
bette-story > * + *,
article > * + * {
	margin-top: 1rem;
}

.meta {
	color: #888;
}
.meta h2 {
	font-size: 1rem;
	font-variant: small-caps;
}

.meta header > *,
.meta section > *,
bette-timeline > *,
bette-activity > * {
	margin: 0;
}
.meta h1,
.meta h2 {
	margin-bottom: 0.3rem;
}

article {
	padding: 1rem;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
	background-color: #FFF;
}