main > header{
	--color-link: var(--color-text);
	--color-link-hover: var(--color-text);
	--color-link-visited: var(--color-text);

	padding-top: var(--section-padding);

	h1{
		font-size: 2em;
		margin-bottom: calc(var(--spacer) * .75);
	}

	.event-datetime{
		--column-gap: calc(var(--spacer) * 2);

		display: inline-flex;
		column-gap: calc(var(--column-gap) * .5);
		padding: calc(var(--spacer) * .75) calc(var(--spacer) * 1.5);
		margin-bottom: var(--spacer);

		.date{
			padding-right: calc(var(--column-gap) * .5);
			border-right: 1px solid rgba(var(--color-gray-25));

			> div{
				font-size: 2em;
				color: rgba(var(--color-secondary));
				font-weight: 700;
				line-height: .75;
			}
		}

		.time{
			display: flex;
			flex-direction: column;
			justify-content: center;
		}
	}

	.dateline{
		margin-bottom: calc(var(--spacer) * .75);
	}
}

.post-content{
	--column-gap: calc(var(--spacer) * 5);

	padding-bottom: var(--section-padding);
}

article{
	.featured-image{
		margin-bottom: var(--spacer);
	}

	.article-meta{
		--color-link: var(--color-text);
		--color-link-hover: var(--color-text);
		--color-link-visited: var(--color-text);

		margin-top: calc(var(--spacer) * 1.5);
	}

	.article-tags{
		font-style: italic;
		margin-bottom: calc(var(--spacer) * 2);

		a{
			font-weight: 600;
		}
	}

	.article-author{
		--column-gap: var(--spacer);

		padding: var(--spacer);
		margin-bottom: calc(var(--spacer) * 2);
		background-color: rgba(var(--color-gray-5));
		border: 1px solid rgba(var(--color-gray-25));
		max-width: 650px;

		img{
			display: block;
			border-radius: 50%;
		}

		.article-author-details{
			flex: 1;

			a{
				font-weight: 600;
			}

			small{
				display: block;
			}
		}
	}

	.registration-link-wrap{
		margin-bottom: 1em;
	}

	.back-link{
		text-decoration: none;

		&:before{
			content: '\f053';
			font-family: var(--font-icon);
			padding-right: .333em;
			position: relative;
			top: .05em;
			color: rgba(var(--color-secondary))
		}

		span{
			text-decoration-line: underline;
			text-underline-offset: 2px;
			text-decoration-color: rgba(var(--color-link), .4);
			transition: color .3s, text-decoration-color .3s;
		}

		&:hover span{
			text-decoration-color: rgba(var(--color-link), 1);
		}
	}
}

aside{
	--color-link: var(--color-text);
	--color-link-hover: var(--color-text);
	--color-link-visited: var(--color-text);

	align-self: flex-start;
	border-left: 1px solid rgba(var(--color-gray-25));
	position: relative;

	@container content (max-width: 768px){
		margin-top: calc(var(--spacer) * 4.75);
	}

	h3{
		margin-bottom: calc(var(--spacer) * 2);
	}

	h4{
		margin-bottom: var(--spacer);
	}

	.related-item{
		margin-bottom: calc(var(--spacer) * 2);
	}
}

.interest-item{
	--container-right: calc(50vw - var(--root-width) / 2 + var(--container-padding));
	--width-basis: min(var(--container-max-width), 100%);

	position: fixed;
	right: max(var(--container-padding), var(--container-right));
	bottom: calc(var(--spacer) * -12);
	width: calc(3 / 12 * (var(--width-basis) - var(--container-padding) * 2));
	transition: bottom .3s;

	@container content (max-width: 768px){
		position: static;
		width: auto;
		margin-block: calc(var(--spacer) * 2);
	}

	header{
		background-color: rgba(var(--color-gray-5));
		border: 1px solid rgba(var(--color-gray-25));
		display: flex;
		justify-content: space-between;
		padding: calc(var(--spacer) * .5) var(--spacer);
	}

	h3{
		margin: 0;
	}

	.close-interest{
		font-family: var(--font-icon);
		cursor: pointer;

		@container content (max-width: 768px){
			display: none;
		}
	}

	.interest-content{
		padding: var(--spacer);
	}
}