/* The header spacing, used by every section. --ce-header-h is the header's own
   height. --ce-top-clear is the distance from the top of the screen to the first
   line of copy: header padding, pill height, a gap. Every section starts its copy
   that far down, so the fixed logo never sits on a heading and the gap under
   the header is the same on every screen. */
:root {
	--ce-header-pad-y: clamp(1rem, 3vw, 2rem);
	--ce-header-h: calc(2 * var(--ce-header-pad-y) + 2rem);
	--ce-top-clear: calc(var(--ce-header-pad-y) + 2.84rem + 1rem);
	/* The distance from the top of the window to the title of a screen. It is
	   --ce-top-clear on a short window and grows by half of the height above
	   882px, up to 12rem. That is where the hero title sat when it was centered
	   (192px on a 1080px window), now the same for every screen. */
	--ce-screen-gap: var(--ce-top-clear);
}

@supports (height: 100svh) {
	:root {
		--ce-screen-gap: min(12rem, calc(var(--ce-top-clear) + max(0px, (100svh - 882px) / 2)));
	}
}

@media (min-width: 600px) {
	:root {
		--ce-header-h: calc(2 * var(--ce-header-pad-y) + 1.5rem);
	}
}

/* The logo is fixed, so the header keeps its old height by itself: padding plus
   the long logo, or the short one on a phone. */
.ce-header {
	--ce-header-pad-x: clamp(1.25rem, 4vw, 3rem);
	/* Wide enough for the longest pill label, "schliessen". Menu, Close and
	   Menü use the same width, so the language switcher can sit a fixed 0.5rem
	   away and does not move when the word changes. */
	--ce-menu-pill: 10rem;
	padding: var(--ce-header-pad-y) var(--ce-header-pad-x);
	min-height: calc(2 * var(--ce-header-pad-y) + 2rem);
}

@media (min-width: 600px) {
	.ce-header {
		min-height: calc(2 * var(--ce-header-pad-y) + 1.5rem);
	}
}

/* Logo. The SVG is inline (see code_excursion_logo_svg) and drawn in currentColor, so the logo takes the visit's Primary. The
   long logo is used wherever it fits next to the Menu pill, the short one
   below that.
   Like the closed Menu pill, it stays on screen while the page scrolls. It has
   the pill's height and top, so the two line up, and a cream chip behind it so
   it stays readable over shapes and text. The chip's padding is taken out of
   left, so the logo itself sits where the header padding puts it. */
.ce-mark {
	position: fixed;
	top: calc(var(--ce-header-pad-y) + var(--wp-admin--admin-bar--height, 0px));
	left: calc(var(--ce-header-pad-x) - 0.75rem);
	z-index: 50;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	height: 2.84rem;
	padding-inline: 0.75rem;
	border-radius: 999px;
	background: var(--wp--preset--color--background);
	line-height: 0;
}

.ce-mark__long,
.ce-mark__short {
	display: none;
	width: auto;
	height: 1.5rem;
	color: var(--ce-primary);
}

.ce-mark__short {
	display: block;
}

@media (min-width: 600px) {
	.ce-mark__short {
		display: none;
	}

	.ce-mark__long {
		display: block;
	}
}

/* On a phone the logo leaves once the page scrolls (html.ce-scrolled, set in
   assets/js/menu.js) and comes back at the top. With the lightbox open it
   stays, as the way back to the homepage. */
@media (max-width: 599.98px) {
	.ce-mark {
		transition:
			opacity 0.25s ease,
			visibility 0s linear 0s;
	}

	html.ce-scrolled:not(.has-modal-open) .ce-mark {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition:
			opacity 0.25s ease,
			visibility 0s linear 0.25s;
	}
}

@media (forced-colors: active) {
	.ce-mark__long,
	.ce-mark__short {
		color: LinkText;
	}
}

/* With the lightbox open, the logo sits above it, opposite the Close pill. It
   is the way back to the homepage, so Home is not in the list. */
.has-modal-open .ce-mark {
	top: var(--ce-header-pad-y);
	z-index: 100001;
}

.ce-mark:focus-visible {
	outline: 3px solid var(--ce-focus-ring);
	outline-offset: 6px;
	box-shadow: 0 0 0 6px var(--ce-focus-band);
}

/* The name of the open page (code_excursion_page_label_html), as <Courses &
   Workshops>, centered between the logo and the Menu pill. Same top, height and
   cream chip as the logo, and it stays on screen while the page scrolls. Only
   from 1024px: below that the long logo, the label and the pill do not fit side
   by side, and the heading already says where the visitor is. It is not
   interactive, so clicks go through it. */
.ce-page-label {
	display: none;
}

@media (min-width: 1024px) {
	.ce-page-label {
		position: fixed;
		top: calc(var(--ce-header-pad-y) + var(--wp-admin--admin-bar--height, 0px));
		left: 50%;
		z-index: 50;
		display: flex;
		align-items: center;
		box-sizing: border-box;
		height: 2.84rem;
		margin: 0;
		padding-inline: 0.75rem;
		border-radius: 999px;
		background: var(--wp--preset--color--background);
		color: var(--ce-primary);
		font-size: 1.25rem;
		font-weight: 400;
		line-height: 1.2;
		letter-spacing: 0.02em;
		text-transform: lowercase;
		white-space: nowrap;
		transform: translateX(-50%);
		pointer-events: none;
	}

	/* Like the logo: light, lowercase, between two thin chevrons. The chevrons
	   are drawn as a mask in the text color, because a typed < > is much
	   heavier than the logo's strokes. */
	.ce-page-label__text {
		display: inline-flex;
		align-items: center;
		gap: 0.2em;
	}

	.ce-page-label__text::before,
	.ce-page-label__text::after {
		content: "";
		flex: none;
		width: 0.4em;
		height: 1em;
		background: currentColor;
		-webkit-mask: var(--ce-chevron) center / contain no-repeat;
		mask: var(--ce-chevron) center / contain no-repeat;
		--ce-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 18'%3E%3Cpath d='M7 1 1 9l6 8' fill='none' stroke='black' stroke-width='1.1' stroke-linejoin='miter'/%3E%3C/svg%3E");
	}

	.ce-page-label__text::after {
		transform: scaleX(-1);
	}
}

@media (forced-colors: active) {
	.ce-page-label {
		color: CanvasText;
	}
}

/* Menu pill. The prefix outranks core's overlay rules. */
.wp-block-navigation.ce-menu.ce-menu {
	--ce-menu-pad-x: clamp(1.25rem, 4vw, 3rem);
	--ce-menu-pad-y: clamp(1rem, 3vw, 2rem);
}

.wp-block-navigation.ce-menu.ce-menu .wp-block-navigation__responsive-container-open,
.wp-block-navigation.ce-menu.ce-menu .wp-block-navigation__responsive-container-close {
	padding: 0.55em 1.5em;
	border: 2px solid var(--ce-primary);
	border-radius: 999px;
	background: transparent;
	color: var(--ce-primary);
	font: inherit;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.2;
	text-transform: lowercase;
	cursor: pointer;
}

/* Every pill button, on every page. The words in the files may keep their
   capitals (Sign up, Anmelden, Send message). What a visitor reads is lowercase. */
.wp-block-button__link,
.wp-element-button,
.ce-form__submit {
	text-transform: lowercase;
}

.wp-block-navigation.ce-menu.ce-menu .wp-block-navigation__responsive-container-open:is(:hover, :focus-visible),
.wp-block-navigation.ce-menu.ce-menu .wp-block-navigation__responsive-container-close:is(:hover, :focus-visible) {
	background: var(--ce-hover-bg);
	color: var(--ce-hover-fg);
}

/* One width for every label. From 600 to 639px the long logo leaves no room
   for it, so there the label keeps its own width. Under 430px it meets the
   short logo. */
@media (min-width: 430px) and (max-width: 599.98px), (min-width: 640px) {
	.wp-block-navigation.ce-menu.ce-menu .wp-block-navigation__responsive-container-open,
	.wp-block-navigation.ce-menu.ce-menu .wp-block-navigation__responsive-container-close {
		box-sizing: border-box;
		flex-shrink: 0;
		width: var(--ce-menu-pill);
		justify-content: center;
		text-align: center;
		white-space: nowrap;
	}
}

/* The closed pill stays on screen while the page scrolls. It sits under the
   lightbox (z-index 100000), which has its own Close pill. Cream fill keeps
   the label readable over shapes and text. */
.wp-block-navigation.ce-menu.ce-menu .wp-block-navigation__responsive-container-open {
	position: fixed;
	top: calc(var(--ce-menu-pad-y) + var(--wp-admin--admin-bar--height, 0px));
	right: var(--ce-menu-pad-x);
	z-index: 50;
	background: var(--wp--preset--color--background);
}

.wp-block-navigation.ce-menu.ce-menu .wp-block-navigation__responsive-container-open:is(:hover, :focus-visible) {
	background: var(--ce-hover-bg);
}

.wp-block-navigation.ce-menu.ce-menu button:focus-visible,
.wp-block-navigation.ce-menu.ce-menu a:focus-visible {
	outline: 3px solid var(--ce-focus-ring);
	outline-offset: 3px;
	box-shadow: 0 0 0 3px var(--ce-focus-band);
}

/* Core paints submenu text black. All text is Primary. */
.wp-block-navigation.ce-menu.ce-menu .wp-block-navigation__submenu-container,
.wp-block-navigation.ce-menu.ce-menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	color: var(--ce-primary);
}

/* Lightbox. A big stacked list on the homepage type scale. Each top-level row
   has a hairline under it, with the sub-links as small pills next to the label
   (below it on a phone). The utility links sit at the bottom. The asterisk is
   the path of icons/Element-3.svg, colored by CSS, so no exported pink is used. */
.wp-block-navigation.ce-menu.ce-menu {
	--ce-menu-line: color-mix(in srgb, var(--ce-primary) 35%, transparent);
	--ce-menu-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 156.33 148.37'%3E%3Cpath d='M57.42 0 58.68 47.78 11.32 32.27 0 71.25 45.27 82.57 14.25 127.83 51.13 148.37 77.96 100.59 105.2 148.37 142.08 127.83 111.07 82.57 156.33 71.25 144.6 32.27 97.66 47.78 98.49 0Z'/%3E%3C/svg%3E");
}

.wp-block-navigation.ce-menu.ce-menu .wp-block-navigation__responsive-container.is-menu-open {
	/* Core slides this overlay up by 0.5em as it fades in. Close sits inside
	   it and Menu does not, so Close would reach Menu's spot only after that
	   slide. Leave the overlay still: the two pills already share a place. */
	animation: none;
	box-sizing: border-box;
	padding: var(--ce-menu-pad-y) var(--ce-menu-pad-x) clamp(1.25rem, 4vh, 2.5rem);
	background-color: var(--wp--preset--color--background);
	color: var(--ce-primary);
	overflow-y: auto;
	--ce-menu-row-size: clamp(1.625rem, 7.4vw, 2.75rem);
	--ce-menu-row-lh: 1.05;
	--ce-menu-row-min: 2.75rem;
	--ce-menu-row-pad: clamp(0.625rem, 2.2vh, 1.4rem);

	&::before {
		content: "";
		position: fixed;
		inset: 0;
		z-index: 2;
		background: var(--ce-secondary);
		-webkit-mask: var(--ce-menu-shape) no-repeat right clamp(-5rem, -4vw, -2rem) bottom clamp(-4rem, -4vh, -1.5rem) / clamp(10rem, 30vw, 32rem) auto;
		mask: var(--ce-menu-shape) no-repeat right clamp(-5rem, -4vw, -2rem) bottom clamp(-4rem, -4vh, -1.5rem) / clamp(10rem, 30vw, 32rem) auto;
		pointer-events: none;
	}

	.wp-block-navigation__responsive-close,
	.wp-block-navigation__responsive-dialog {
		flex: 1 1 auto;
		max-width: none;
		margin: 0;
		padding: 0;
	}

	.wp-block-navigation__responsive-close {
		display: flex;
		flex-direction: column;
	}

	.wp-block-navigation__responsive-dialog {
		position: relative;
		display: flex;
		flex-direction: column;
	}

	.wp-block-navigation__responsive-container-close {
		position: static;
		align-self: flex-end;
		min-height: 2.75rem;
	}

	.wp-block-navigation__responsive-container-content {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		padding: clamp(1rem, 5vh, 3.5rem) 0 0;
	}

	.wp-block-navigation__responsive-container-content > .wp-block-navigation__container {
		display: grid;
		flex: 1 1 auto;
		grid-template-columns: repeat(4, max-content) minmax(0, 1fr);
		grid-template-rows: repeat(6, auto) minmax(1.5rem, 1fr) auto;
		align-items: start;
		align-content: start;
		gap: 0 clamp(1.5rem, 4vw, 3.5rem);
		width: 100%;
		padding: 0;
	}

	.wp-block-navigation-item {
		align-items: flex-start;
	}

	.wp-block-navigation-item__content {
		text-decoration: none;
		color: inherit;
	}

	/* Top-level rows */
	.wp-block-navigation__container > .ce-menu__top {
		grid-column: 1 / -1;
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		gap: 0.5rem 1.5rem;
		padding: var(--ce-menu-row-pad) 0;
		border-bottom: 1px solid var(--ce-menu-line);
	}

	.wp-block-navigation__container > .ce-menu__top:first-child {
		border-top: 1px solid var(--ce-menu-line);
	}

	.wp-block-navigation__container > .ce-menu__top > .wp-block-navigation-item__content {
		display: inline-flex;
		align-items: center;
		min-height: var(--ce-menu-row-min);
		color: var(--ce-primary);
		font-size: var(--ce-menu-row-size);
		font-weight: 500;
		line-height: var(--ce-menu-row-lh);
		letter-spacing: -0.015em;
	}

	/* Two gaps, each with its line and half the height of a label row: one above
	   "For organisations" (learn offers above, client offers below) and one
	   above "About · Contact". They are grid items of the list itself. */
	.wp-block-navigation__container::before,
	.wp-block-navigation__container::after {
		content: "";
		grid-column: 1 / -1;
		box-sizing: content-box;
		height: calc(max(var(--ce-menu-row-min), calc(var(--ce-menu-row-size) * var(--ce-menu-row-lh))) * 0.5);
		padding: calc(var(--ce-menu-row-pad) * 0.5) 0;
		border-bottom: 1px solid var(--ce-menu-line);
	}

	.wp-block-navigation__container::after {
		grid-row: 3;
	}

	.wp-block-navigation__container::before {
		grid-row: 5;
	}

	.wp-block-navigation__container > .ce-menu__orgs {
		grid-row: 4;
	}

	/* About and Contact share one row, left-aligned: "About · Contact". Both
	   items sit in the same grid cell, so Contact is pushed right by the width
	   of About (--ce-menu-about-w, measured in assets/js/menu.js) plus the dot. The
	   line belongs to About; the items let clicks through, only their links take
	   them. The links and the dot have a z-index above the asterisk (2), the
	   line does not, so the asterisk covers the line but not the words. */
	.wp-block-navigation__container > .ce-menu__pair {
		--ce-menu-pair-gap: calc(var(--ce-menu-row-size) * 0.4);
		--ce-menu-about-w-est: calc(var(--ce-menu-row-size) * 2.9);
		grid-row: 6;
		position: relative;
		pointer-events: none;
	}

	.wp-block-navigation__container > .ce-menu__pair > .wp-block-navigation-item__content {
		position: relative;
		z-index: 3;
		pointer-events: auto;
	}

	.wp-block-navigation__container > .ce-menu__pair--about {
		justify-content: flex-start;
	}

	.wp-block-navigation__container > .ce-menu__pair--contact {
		justify-content: flex-start;
		padding-left: calc(var(--ce-menu-about-w, var(--ce-menu-about-w-est)) + 2 * var(--ce-menu-pair-gap));
		border-bottom: 0;
	}

	.wp-block-navigation__container > .ce-menu__pair--about::after {
		content: "\00b7";
		content: "\00b7" / "";
		position: absolute;
		z-index: 3;
		top: 50%;
		left: calc(var(--ce-menu-about-w, var(--ce-menu-about-w-est)) + var(--ce-menu-pair-gap));
		color: var(--ce-primary);
		font-size: var(--ce-menu-row-size);
		font-weight: 500;
		line-height: 1;
		transform: translate(-50%, -50%);
	}

	.wp-block-navigation__container > .ce-menu__top > .wp-block-navigation-item__content:is(:hover, :focus-visible) {
		text-decoration: underline;
		text-decoration-thickness: 0.06em;
		text-underline-offset: 0.14em;
	}

	/* Core's chevron toggle is not needed: the sub-links are always shown here. */
	.wp-block-navigation__container > .ce-menu__top > .wp-block-navigation__submenu-icon {
		display: none;
	}

	/* Sub-links as pills, the same shape as the Menu and Close pills. */
	.wp-block-navigation__container > .ce-menu__top > .wp-block-navigation__submenu-container {
		position: static;
		display: flex;
		flex-flow: row wrap;
		gap: 0.5rem 0.75rem;
		width: auto;
		min-width: 0;
		height: auto;
		margin: 0;
		padding: 0;
		border: 0;
		background: transparent;
		opacity: 1;
		visibility: visible;
		overflow: visible;
	}

	.wp-block-navigation__container > .ce-menu__top > .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
		display: inline-flex;
		align-items: center;
		box-sizing: border-box;
		min-height: 2.75rem;
		padding: 0.4em 1.25em;
		border: 2px solid var(--ce-primary);
		border-radius: 999px;
		color: var(--ce-primary);
		font-size: 1.125rem;
		font-weight: 500;
		line-height: 1.2;
		text-transform: lowercase;
	}

	.wp-block-navigation__container > .ce-menu__top > .wp-block-navigation__submenu-container .wp-block-navigation-item__content:is(:hover, :focus-visible) {
		background: var(--ce-hover-bg);
		color: var(--ce-hover-fg);
	}

	/* Utility links: one column of a two-by-two grid on a phone, a row on desktop.
	   The language switcher items (only present once German is public) are
	   utility links too. */
	.wp-block-navigation__container > .ce-menu__utility,
	.wp-block-navigation__container > .wp-block-polylang-navigation-language-switcher {
		grid-row: 8;
	}

	.wp-block-navigation__container > .ce-menu__utility > .wp-block-navigation-item__content,
	.wp-block-navigation__container > .wp-block-polylang-navigation-language-switcher > .wp-block-navigation-item__content {
		display: inline-flex;
		align-items: center;
		min-width: 2.75rem;
		min-height: 2.75rem;
		font-size: 1.0625rem;
		text-decoration: underline;
		text-underline-offset: 0.2em;
	}

	.wp-block-navigation__container > .wp-block-polylang-navigation-language-switcher.current-lang > .wp-block-navigation-item__content {
		font-weight: 500;
	}

	.wp-block-navigation__container > .ce-menu__utility > .wp-block-navigation-item__content:is(:hover, :focus-visible),
	.wp-block-navigation__container > .wp-block-polylang-navigation-language-switcher > .wp-block-navigation-item__content:is(:hover, :focus-visible) {
		text-decoration-thickness: 2px;
	}
}

@media (min-width: 782px) {
	.wp-block-navigation.ce-menu.ce-menu .wp-block-navigation__responsive-container.is-menu-open {
		.wp-block-navigation__container > .ce-menu__top {
			flex-wrap: nowrap;
			gap: 0.5rem 2.5rem;
		}

		--ce-menu-row-size: clamp(2.25rem, min(6.4vw, 8svh), 6.75rem);
		--ce-menu-row-lh: 1.02;
		--ce-menu-row-min: 0px;

		.wp-block-navigation__container > .ce-menu__top > .wp-block-navigation-item__content {
			letter-spacing: -0.02em;
		}
	}
}

/* Phone: side padding for the links, two-column utility grid. The link rows sit
   in the vertical middle of the screen: an empty row above and one below take
   the free height in equal parts, and the utility links stay at the bottom. */
@media (max-width: 781px) {
	.wp-block-navigation.ce-menu.ce-menu .wp-block-navigation__responsive-container.is-menu-open {
		.wp-block-navigation__responsive-container-content {
			padding-inline: 0.5rem;
		}

		.wp-block-navigation__responsive-container-content > .wp-block-navigation__container {
			grid-template-rows: minmax(0, 1fr) repeat(6, auto) minmax(0, 1fr) auto;
		}

		/* The label is centered in a taller box, so its letters sit
		   (box / 2 - 0.35em) away from the line, above and below. A row that
		   ends with pills has the pill edge above its line instead of letters:
		   the pills go on their own line and get that distance as extra bottom
		   padding, so every row has the same space above and below. 0.35em is
		   measured for the menu font (TT Firs Neue). */
		.wp-block-navigation__container > .ce-menu__top.has-child {
			padding-bottom: calc(var(--ce-menu-row-pad) + max(var(--ce-menu-row-min), var(--ce-menu-row-size) * var(--ce-menu-row-lh)) / 2 - var(--ce-menu-row-size) * 0.35);
		}

		.wp-block-navigation__container > .ce-menu__top > .wp-block-navigation__submenu-container {
			flex: 0 0 100%;
		}

		.wp-block-navigation__container > .ce-menu__top:nth-child(1) {
			grid-row: 2;
		}

		.wp-block-navigation__container > .ce-menu__top:nth-child(2) {
			grid-row: 3;
		}

		.wp-block-navigation__container::after {
			grid-row: 4;
		}

		.wp-block-navigation__container > .ce-menu__orgs {
			grid-row: 5;
		}

		.wp-block-navigation__container::before {
			grid-row: 6;
		}

		.wp-block-navigation__container > .ce-menu__pair {
			grid-row: 7;
		}

		.wp-block-navigation__container > .ce-menu__utility,
		.wp-block-navigation__container > .wp-block-polylang-navigation-language-switcher {
			grid-row: 9;
		}

		/* Desktop only: a third utility link would break the two-column grid. */
		.wp-block-navigation__container > .ce-menu__utility--desktop {
			display: none;
		}

		.wp-block-navigation__responsive-container-content > .wp-block-navigation__container {
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 0 1rem;
		}
	}
}

/* A short phone (an iPhone SE is 667px tall): the rows sit a little closer to
   keep the whole menu on one screen. */
@media (max-width: 781px) and (max-height: 700px) {
	.wp-block-navigation.ce-menu.ce-menu .wp-block-navigation__responsive-container.is-menu-open {
		--ce-menu-row-pad: 0.625rem;

		.wp-block-navigation__responsive-container-content {
			padding-top: 1rem;
		}
	}
}

/* Footer */

/* The footer is part of the last screen. That screen is one window tall minus
   the footer, so when the page has glided to it, the footer is already in view
   and needs no scroll of its own. --ce-footer-h is the footer's measured height
   (assets/js/footer.js); the value here is an estimate for the moment before
   the script runs. Pages without screens (long reading pages) just end with
   the footer. */
:root {
	--ce-footer-h: calc(2 * clamp(2rem, 5vw, 4rem) + 1.5rem);
}

.wp-site-blocks > main > :is(.ce-screen, .ce-offer__signup):last-child,
.wp-site-blocks > main > .wp-block-post-content > .ce-page-screen:last-child {
	min-height: calc(100vh - var(--ce-footer-h));
	min-height: calc(100svh - var(--ce-footer-h));
}

.ce-footer {
	gap: 1.5rem 3rem;
	padding: clamp(2rem, 5vw, 4rem) clamp(1.25rem, 4vw, 3rem);
}

.ce-footer__nav {
	font-size: 1rem;
}

.ce-footer__nav .wp-block-navigation__container {
	gap: 0.5rem 2rem;
}

.ce-footer__nav a {
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.ce-footer__nav a:focus-visible {
	outline: 3px solid var(--ce-focus-ring);
	outline-offset: 3px;
	box-shadow: 0 0 0 3px var(--ce-focus-band);
}

/* Phone: the main menu is in the menu overlay, so the footer keeps only the
   legal links. */
@media (max-width: 781px) {
	.ce-footer .ce-footer__nav--main {
		display: none;
	}

	/* The program hook (inc/program.php) puts its link on its own line. */
	.ce-program-hook > span {
		display: block;
	}
}