/* Pages not rebuilt yet: Ark content between the new header and footer, in the design's page width. */
.ac-legacy .ac-main .container,
.ac-legacy .ac-main .fg-container,
.ac-legacy .ac-main .ffb-container {
	width: 100%;
	max-width: calc(var(--ac-max) + 2 * var(--ac-gutter));
	margin-inline: auto;
	padding-inline: var(--ac-gutter);
}
.ac-legacy .ac-main .container .container,
.ac-legacy .ac-main .fg-container .container {
	padding-inline: 0;
}

/* The old theme styles bare elements (li, p, a, headings); in the header, footer and drawers the
   design system's inherited colours and sizes apply instead. Zero specificity: any design rule wins. */
:where(.ac-announce, .ac-header, .ac-drawer, .ac-footer, .ac-sc, .ac-skip) :where(p, li, a, span, small, label, button, input, h1, h2, h3, h4, h5, h6, strong, em, dt, dd) {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	text-transform: inherit;
	text-shadow: none;
}
:where(.ac-announce, .ac-header, .ac-drawer, .ac-footer, .ac-sc) :where(p, li, a, span, small, label, button, input) { font-weight: inherit; }
:where(.ac-announce, .ac-header, .ac-drawer, .ac-footer, .ac-sc) :where(p, h1, h2, h3, h4, h5, h6, ul, ol, dl, dd, figure) { margin: 0; }
:where(.ac-announce, .ac-header, .ac-drawer, .ac-footer, .ac-sc) :where(a, a:hover, a:focus) { text-decoration: none; }
:where(.ac-announce, .ac-header, .ac-drawer, .ac-footer, .ac-sc) :where(img, svg) { display: block; max-width: 100%; }