fieldset {
	border: 1px solid lightgray;
	padding: 2em;
	background: #f4f4f4;
}

@media (width >= 992px) {
	.container-topbar-left,
	.container-topbar-right{
		flex-direction: row;
		flex: 1;
		display: flex;
	}
}

.mod-menu.menu-right,
.container-topbar-right {
	justify-content: flex-end;
}

/* webgras sticky menu: the menu container sits outside of <header> (see index.php),
   because position: sticky only works within its parent element */
.container-menu {
	box-shadow: none; /* no inset shadow seam between header and menu */
}

.container-menu.sticky-top {
	z-index: 1020; /* .container-header would otherwise reset it to 10 */
}

/* WCAG 2.4.11: keep focused elements and anchor targets clear of the sticky menu.
   Cassiopeia disables sticky below 992px. Adjust the value to the menu height. */
@media (width >= 992px) {
	:root:has(.container-menu.sticky-top) {
		--cassiopeia-scroll-margin-top: 0;
		scroll-padding-top: 5rem;
	}
}