/* Page layout: canvas and content sheet (both white since the 2026 design), content typography, footer. Part of the RUB Chair theme. */

/* -------------------------------------------------------------------------
 * 4b. Page canvas and content sheet
 *
 * The old RUB design set white content on a light grey canvas; the 2026
 * design avoids grey areas, so canvas and sheet are both white now (the
 * canvas colour is "canvas" in theme.json). Header and footer stay
 * full-bleed, only the content sits on a sheet.
 * ---------------------------------------------------------------------- */

/* Parts that reach out of the content column (the picture header) must not
   make the page scroll sideways; clip keeps the sticky header working. */
body {
	overflow-x: clip;
}

main.rub-content {
	background-color: #fff;
	margin-inline: auto;
	max-width: var(--wp--style--global--wide-size, 1312px);
	padding-left: var(--rub-page-margin);
	padding-right: var(--rub-page-margin);
}

/* The breadcrumb sits above the sheet, on the canvas. It uses the same side
   padding as the sheet, so "Home" lines up with the page heading below it at
   every width: both columns are then capped at the content size and centred. */
.wp-block-group.rub-breadcrumb-bar {
	margin-inline: auto;
	max-width: var(--wp--style--global--wide-size, 1312px);
	padding-left: var(--rub-page-margin);
	padding-right: var(--rub-page-margin);
}

/* -------------------------------------------------------------------------
 * 5. Content
 * ---------------------------------------------------------------------- */

.rub-content :where(h2, h3, h4) {
	margin-top: 2em;
}

.rub-content > *:first-child {
	margin-top: 0;
}

/* Horizontally scrollable tables on narrow screens. */
.rub-table {
	overflow-x: auto;
}