/* Black Canvas — base. Reset + canvas + WordPress classes. */
*, *::before, *::after { box-sizing: border-box; }
html, body {
	margin: 0;
	padding: 0;
	background: #000;
	color: #fff;
}
body {
	min-height: 100dvh;

	/* Sticky footer. Without this, min-height stretches the body on a
	   short page, the children stack from the top, and the leftover
	   height shows as black below the last element. Making the body a
	   column and letting the main region absorb the slack pins the
	   footer to the bottom edge instead. */
	display: flex;
	flex-direction: column;

	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
	-webkit-text-size-adjust: 100%;
}
/* The content region takes the spare height; everything else keeps its
   own. flex-shrink 0 stops long footers being squashed on iOS. */
body > main { flex: 1 0 auto; }
body > .bc-footer { flex: 0 0 auto; }
img, video, iframe { max-width: 100%; height: auto; border: 0; }
a { color: #fff; }
/* WordPress alignment — core supplies the classes, not the rules */
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 0 1em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1em; }
.alignnone { display: block; }
.wp-caption { max-width: 100%; margin-bottom: 1em; }
.wp-caption img { display: block; }
.wp-caption-text { text-align: center; font-size: 0.85rem; opacity: 0.7; margin-top: 0.5em; }
.screen-reader-text {
	position: absolute;
	width: 1px; height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}