@container mainColumn (width > 50ch ) {
	hgroup {
		background: 100% 50% no-repeat url("/web/media/brundage-web-design-title.png");
		min-block-size: 66px;
	}
}

.pods {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	margin: 1.5em 0 .25em;
}

.pod {
	background: light-dark(#fff, #3D3C3B);
	border-radius: 4px;
	flex: 1 1 24ch;
	max-width: 100%;
}

.pod > h2 {
	background: light-dark(#FFFCF7, #5C5A59);
	border-radius: 4px 4px 0 0;
	font-size: 1.25em;
	line-height: 2;
	overflow: hidden;
	padding: 0 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pod > h2 > a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pod > * { margin: 0; }

.pod > div {
	border-radius: 0 0 4px 4px;
	padding: 5px;
}

.pod ul { padding-left: 20px; }

.pod img { display: block; }

.message-box {
	background: #fff;
	border-left: 20px solid #8cdcff;
	box-shadow: 1px 1px 3px #8cdcff;
	margin: 1em auto;
	max-width: fit-content;
	padding: 1em;
}