.cika-container,
.cika-container-wide {
	width: 100%;
	margin-inline: auto;
	padding-inline: var(--cika-gutter);
}

.cika-container { max-width: calc(var(--cika-container) + (2 * var(--cika-gutter))); }
.cika-container-wide { max-width: calc(var(--cika-container-wide) + (2 * var(--cika-gutter))); }

/* Static-page outer edges only; homepage and other canonical modules are unchanged.
 * Gutters live outside these containers, not inside a second padded wrapper. */
:is(.cika-about-page, .cika-license-page, .cika-contact-page) .cika-container-wide {
	max-width: 1800px;
	width: calc(100% - 48px);
	margin-inline: auto;
	padding-inline: 0;
}

@media (max-width: 48rem) {
	:is(.cika-about-page, .cika-license-page, .cika-contact-page) .cika-container-wide {
		width: calc(100% - 24px);
	}
}

.cika-section {
	padding-block: clamp(var(--cika-space-10), 7vw, var(--cika-space-16));
}

.cika-prose {
	max-width: 70ch;
}

.cika-screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.cika-screen-reader-text:focus,
.cika-skip-link:focus {
	z-index: 100000;
	top: var(--cika-space-3);
	left: var(--cika-space-3);
	width: auto;
	height: auto;
	clip: auto;
	padding: var(--cika-space-3) var(--cika-space-4);
	background: var(--cika-color-accent);
	color: var(--cika-color-accent-contrast);
	white-space: normal;
}