/*
 * The article card and its two collections, plus the single post / single article page.
 *
 *   528:1504     Pirkimo gidas "Straipsniai" row: a Query Loop of the straipsniai type (newest 6, the
 *                live slider's rule), a shared carousel (carousel.js) and "Visi straipsniai" -> /straipsniai/
 *   527:1178.s03 Naujienos / patarimai grid: a Query Loop of posts, 9 a page; the pagination only
 *                renders when there is a second page (core prints nothing for one page)
 *   single-post.html / single-straipsniai.html: the page title style + the post's content + the consult block
 *
 * ONE card (.mn-gn-card) in both collections; each collection sets its drawn size and type. Values
 * read from the nodes, 1440 frames (y from the frame top):
 *
 *   card    #F8F8F8 (C04), radius 12. Photo 23 from the top, 182 high, radius 10, image fill (cover).
 *           Pill rect 21 under the photo (226), 22 high, radius 11, #CD9F3F (C05), its word 12/24
 *           white, 12 px in from the rect. Title box 259 (11 under the pill), two lines of 30 px.
 *           Excerpt 10 under the title box.
 *   row     cards 282 x 505, 15 apart, 133..1306 (the 1176 line less 1 px each side); photo 250.1 wide,
 *           15.7 in; text 25.3 in, 231 wide; title Public Sans 700 18/30 #000; excerpt Public Sans
 *           500 14/24 #000, 6 lines; 32 under the excerpt to the card's foot.
 *           Heading "Straipsniai" 132,3452 Public Sans 500 50/58.75 #CD9F3F; arrows 41 x 41 (circle
 *           and arrow, black at 60 %) at x 1207 / 1267, 8-9 under the heading's top; cards at 3530.
 *           "Visi straipsniai" 196 x 53.8, radius 26.9, 0.96 px #000 outline, label Public Sans 500
 *           19.22/28.82 #000, 15 under the cards; the consult block 110 under it.
 *   grid    3 x 3 cards 377.9 x 478, 21.1 apart across and 20 down, from 377; photo 335.7 wide, 21.1
 *           in; text 33.9 in, 310.1 wide; title Geist 700 26/30 #424242; excerpt Geist 500 16/24
 *           #424242, 5 lines; 29 to the foot. Pagination 75 under the last row, centred: pages 35.5 x
 *           39 (the 1 is 32.5), controls 82.7 x 38.2, 6.37 apart, white with a 1.06 px #E9E9E9 line,
 *           radius 4.25, Inter 400 14.87/21.24 #313131; the current page #054487 (C16), white 700; the
 *           controls carry the drawn heroicons chevrons (#626262), 4.25 from the word. The consult
 *           block 155 under the pagination.
 * The design draws the row's card in Public Sans and the pagination in Inter; the site loads Geist
 * only (common brief), so both are Geist at the drawn sizes, weights and colours.
 *
 * The card's title link covers the whole card (one tab stop besides the category). The category pill
 * is core's post-terms: posts show their category ("Naujienos"); an article has no category, so the
 * block prints nothing and the title moves up to the pill's place (21 under the photo).
 * Below the drawn width (no frame; the intake's reference pass): the row is 4-up down to 1100, 3-up
 * to 782, then swipe cards with the next one peeking and no arrows; the grid is 3 / 2 / 1 columns
 * (1024 / 600). Above 1440 the row is a balanced full-width band (R7b, assortment.css explains it).
 */

/* ---- the card ---- */

.mn-gn-card {
	--mn-gn-photo-in: 21.1px;
	--mn-gn-text-in: 33.9px;
	position: relative;
	box-sizing: border-box;
	height: 100%;
	margin: 0;
	/* the photo's 23 px is the card's padding (a margin would collapse through the card) */
	padding: 23px 0 29px;
	border-radius: 12px;
	background-color: var(--wp--preset--color--c-04);
	font-family: var(--wp--preset--font-family--geist);
}

/* keyboard focus: the title link is the card's one tab stop, so the ring goes round the whole card
 * (the link itself is a text line; its ::after covers the card). Same ring as the buttons in base.css:
 * the browser's own, no focus style is drawn in the design. Without :has() the link keeps its own ring. */
.mn-gn-card:has(.mn-gn-card__title a:focus-visible) {
	outline: 1px auto Highlight;
	outline: 1px auto -webkit-focus-ring-color;
	outline-offset: 2px;
}

@supports selector(:has(*)) {
	.mn-gn-card .mn-gn-card__title a:focus-visible {
		outline: none;
	}
}

.mn-gn-card .mn-gn-card__photo {
	margin: 0 var(--mn-gn-photo-in);
	aspect-ratio: 335.7 / 182;
	overflow: hidden;
	border-radius: 10px;
}

.mn-gn-card .mn-gn-card__photo img {
	display: block;
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	border-radius: 10px;
}

.mn-gn-card .mn-gn-card__pill {
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 21px var(--mn-gn-text-in) 0;
}

/* several categories are several pills; core's ", " between them is not drawn */
.mn-gn-card .mn-gn-card__pill .wp-block-post-terms__separator {
	display: none;
}

.mn-gn-card .mn-gn-card__pill a {
	display: inline-block;
	height: 22px;
	padding: 0 12px;
	border-radius: 11px;
	background-color: var(--wp--preset--color--c-05);
	font-weight: 500;
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 0;
	color: var(--wp--preset--color--c-01);
}

.mn-gn-card .mn-gn-card__title {
	margin: 11px var(--mn-gn-text-in) 0;
	font-family: var(--wp--preset--font-family--geist);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--s-11);
	line-height: 30px;
	letter-spacing: 0;
	color: var(--wp--preset--color--c-02);
}

/* no category (an article): the title takes the pill's place under the photo */
.mn-gn-card .mn-gn-card__photo + .mn-gn-card__title {
	margin-top: 21px;
}

.mn-gn-card .mn-gn-card__title a {
	color: inherit;
}

/* the stretched link, on the page only (in the editor it would cover the photo and the excerpt) */
.mn-gn-card .mn-gn-card__title:not(.block-editor-block-list__block) a::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 12px;
}

/* the type sits on the block's wrapper too, so the wrapper and its paragraph read the same */
.mn-gn-card .mn-gn-card__excerpt {
	margin: 10px var(--mn-gn-text-in) 0;
	font-weight: 500;
	font-size: var(--wp--preset--font-size--s-03);
	line-height: 24px;
	letter-spacing: 0;
	color: var(--wp--preset--color--c-02);
}

/* clamped to the drawn line count; a longer excerpt ends with an ellipsis */
.mn-gn-card .mn-gn-card__excerpt p {
	display: -webkit-box;
	margin: 0;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	line-clamp: 5;
	font: inherit;
	color: inherit;
}

/* ---- the Straipsniai row (528:1504) ---- */

.mn-gn-articles {
	box-sizing: border-box;
	padding-bottom: 110px;
	overflow-x: clip;
	font-family: var(--wp--preset--font-family--geist);
}

.mn-gn-articles .mn-gn-articles__inner {
	width: min(var(--mn-content, 1176px), 100% - 2 * var(--mn-gutter, 20px));
	margin-inline: auto;
}

.mn-gn-articles .mn-gn-articles__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 24px;
}

.mn-gn-articles .mn-gn-articles__title {
	margin: 0;
	font-family: var(--wp--preset--font-family--geist);
	font-weight: 500;
	font-size: var(--wp--preset--font-size--s-16);
	line-height: 58.75px;
	letter-spacing: 0;
	color: var(--wp--preset--color--c-05);
}

.mn-gn-articles .mn-gn-articles__arrows {
	display: flex;
	flex: 0 0 auto;
	gap: 19px;
	margin-top: 8.5px;
}

.mn-gn-articles .mn-gn-articles__arrow {
	margin: 0;
	line-height: 0;
}

.mn-gn-articles .mn-gn-articles__arrow img {
	display: block;
	width: 41px;
	height: 41px;
}

.mn-gn-articles .mn-gn-articles__query {
	margin-top: 19px;
}

.mn-gn-articles .mn-gn-articles__track {
	--mn-row-n: 4;
	--mn-row-gap: 15px;
	gap: var(--mn-row-gap);
	max-width: none;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mn-gn-articles .mn-gn-articles__track > li {
	flex: 0 0 calc((100% - (var(--mn-row-n) - 1) * var(--mn-row-gap)) / var(--mn-row-n));
	margin: 0;
}

.mn-gn-articles .mn-gn-card {
	--mn-gn-photo-in: 16px;
	--mn-gn-text-in: 25.5px;
	padding-bottom: 32px;
}

.mn-gn-articles .mn-gn-card__photo {
	aspect-ratio: 250.1 / 182;
}

.mn-gn-articles .mn-gn-card__title {
	font-size: var(--wp--preset--font-size--s-04);
	line-height: 30px;
	color: var(--wp--preset--color--c-11);
}

.mn-gn-articles .mn-gn-card__excerpt {
	font-size: var(--wp--preset--font-size--s-02);
	line-height: 24px;
	color: var(--wp--preset--color--c-11);
}

.mn-gn-articles .mn-gn-card__excerpt p {
	-webkit-line-clamp: 6;
	line-clamp: 6;
}

/* "Visi straipsniai": drawn at x 675-871 of the 1440 frame, 53 px right of the content line's centre
 * (132-1308), so the same 53 px from 782 up (a 2 x 53 left padding moves a centred item by 53); on a
 * phone it is centred. Delete the padding rule to centre it. */
.mn-gn-articles .mn-gn-articles__actions {
	justify-content: center;
	gap: 0;
	margin: 15px 0 0;
}

@media (min-width: 782px) {
	.mn-gn-articles .mn-gn-articles__actions {
		padding-left: 106px;
	}
}

.mn-gn-articles .mn-gn-articles__more {
	margin: 0;
}

.mn-gn-articles .mn-gn-articles__more .wp-block-button__link {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: 196px;
	height: 53.8px;
	padding: 0 31.7px;
	border: 0.96px solid var(--wp--preset--color--c-11);
	border-radius: 26.9px;
	background: none;
	font-family: var(--wp--preset--font-family--geist);
	font-weight: 500;
	/* drawn 19.22 / 28.82: no preset holds it */
	font-size: 19.22px;
	line-height: 28.82px;
	letter-spacing: 0;
	color: var(--wp--preset--color--c-11);
}

@media (max-width: 1099.98px) {
	.mn-gn-articles .mn-gn-articles__track {
		--mn-row-n: 3;
	}
}

/* ---- above 1440: a balanced full-width band (R7b; the rule is explained in assortment.css). The
 * section is a size container so the track reaches the window's edges less the 48 px band margin.
 * Drawn 282, max 380.7; N 4 to 1607, 5 from 1607.9, 6 from 1947.1 (a sixth article). With the five
 * live articles everything is in view from 1607.9 (arrows hidden), and from 2059.5 the five stop at
 * 380.7 and centre. ---- */
@media (min-width: 1440.02px) {
	.mn-gn-articles {
		container-type: inline-size;
	}

	.mn-gn-articles .mn-gn-articles__track {
		--mn-band: 48px;
		--mn-band-room: 6px;
		--mn-row-max: 380.7px;
		margin-inline: calc(50% - 50cqw + var(--mn-band) - var(--mn-band-room));
		padding: 0 0 0 var(--mn-band-room);
		scroll-padding-inline: var(--mn-band-room);
	}

	.mn-gn-articles .mn-gn-articles__track::after {
		content: "";
		flex: 0 0 var(--mn-band-room);
		margin: 0 auto 0 calc(-1 * var(--mn-row-gap));
	}

	.mn-gn-articles .mn-gn-articles__track > li {
		flex: 1 0 calc((100% - var(--mn-band-room) - (var(--mn-row-n) - 1) * var(--mn-row-gap)) / var(--mn-row-n));
		max-width: var(--mn-row-max);
	}

	.mn-gn-articles .mn-gn-articles__track > li:first-child {
		margin-left: auto;
	}

	/* hidden while nothing scrolls, and until carousel.js has wired the row; not in the editor */
	.mn-gn-articles .mn-gn-articles__inner.is-fit .mn-gn-articles__arrows,
	.mn-gn-articles .mn-gn-articles__inner:not(.block-editor-block-list__block):not(:has([data-mn-carousel-ready])) .mn-gn-articles__arrows {
		visibility: hidden;
	}

	/* the heading and arrows on the row's edges (the root is the 1176 inner, so they are negative) */
	.mn-gn-articles .mn-gn-articles__head {
		margin-inline: var(--mn-row-start, calc(48px - (100cqw - 100%) / 2)) var(--mn-row-end, calc(48px - (100cqw - 100%) / 2));
	}
}

@media (min-width: 1607.9px) {
	.mn-gn-articles .mn-gn-articles__track {
		--mn-row-n: 5;
	}
}

@media (min-width: 1947.1px) {
	.mn-gn-articles .mn-gn-articles__track {
		--mn-row-n: 6;
	}
}

/* ---- below 782: swipe cards with the next one peeking in; no arrows ---- */
@media (max-width: 781.98px) {
	.mn-gn-articles {
		padding-bottom: 64px;
	}

	.mn-gn-articles .mn-gn-articles__title {
		font-size: var(--wp--preset--font-size--s-13);
		line-height: 46px;
	}

	.mn-gn-articles .mn-gn-articles__arrows {
		display: none;
	}

	.mn-gn-articles .mn-gn-articles__query {
		margin-top: 20px;
	}

	.mn-gn-articles .mn-gn-articles__track {
		--mn-row-gap: 16px;
		margin-inline: calc(-1 * var(--mn-gutter, 20px));
		padding-inline: var(--mn-gutter, 20px);
		scroll-padding-inline: var(--mn-gutter, 20px);
	}

	.mn-gn-articles .mn-gn-articles__track > li {
		flex: 0 0 min(78vw, 282px);
	}

	.mn-gn-articles .mn-gn-articles__actions {
		margin-top: 24px;
	}
}

/* ---- the Naujienos / patarimai grid (527:1178.s03) ---- */

.mn-gn-news {
	box-sizing: border-box;
	width: min(var(--mn-content, 1176px), 100% - 2 * var(--mn-gutter, 20px));
	margin-inline: auto;
	padding-bottom: 155px;
	font-family: var(--wp--preset--font-family--geist);
}

.mn-gn-news .mn-gn-news__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px 21.1px;
	max-width: none;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mn-gn-news .mn-gn-news__grid > li {
	margin: 0;
}

.mn-gn-news .mn-gn-news__pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 6.37px;
	margin: 75px 0 0;
}

.mn-gn-news .mn-gn-news__pagination .wp-block-query-pagination-numbers {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6.37px;
	margin: 0;
}

.mn-gn-news .mn-gn-news__pagination .page-numbers,
.mn-gn-news .mn-gn-news__pagination .wp-block-query-pagination-previous,
.mn-gn-news .mn-gn-news__pagination .wp-block-query-pagination-next {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: 35.5px;
	height: 39px;
	margin: 0;
	padding: 0 12.74px;
	border: 1.06px solid #e9e9e9;
	border-radius: 4.25px;
	background-color: var(--wp--preset--color--c-01);
	font-family: var(--wp--preset--font-family--geist);
	font-weight: 400;
	/* drawn Inter 14.87 / 21.24: no preset holds it */
	font-size: 14.87px;
	line-height: 21.24px;
	color: #313131;
}

.mn-gn-news .mn-gn-news__pagination .page-numbers.current {
	border-color: var(--wp--preset--color--c-16);
	background-color: var(--wp--preset--color--c-16);
	font-weight: 700;
	color: var(--wp--preset--color--c-01);
}

.mn-gn-news .mn-gn-news__pagination .page-numbers.dots {
	border-color: transparent;
	background: none;
}

.mn-gn-news .mn-gn-news__pagination .wp-block-query-pagination-previous,
.mn-gn-news .mn-gn-news__pagination .wp-block-query-pagination-next {
	gap: 4.25px;
	height: 38.2px;
}

/* the drawn chevrons (heroicons-mini, #626262 in the file), shapes only */
.mn-gn-news .mn-gn-news__pagination .wp-block-query-pagination-previous::before,
.mn-gn-news .mn-gn-news__pagination .wp-block-query-pagination-next::after {
	content: "";
	flex: 0 0 17px;
	width: 17px;
	height: 17px;
	background: url("../../img/guide/puslapiai-atgal.svg") center / 17px 17px no-repeat;
}

.mn-gn-news .mn-gn-news__pagination .wp-block-query-pagination-next::after {
	background-image: url("../../img/guide/puslapiai-kitas.svg");
}

@media (max-width: 1023.98px) {
	.mn-gn-news .mn-gn-news__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 781.98px) {
	.mn-gn-news {
		padding-bottom: 64px;
	}

	.mn-gn-news .mn-gn-card__title {
		font-size: var(--wp--preset--font-size--s-07);
		line-height: 28px;
	}

	.mn-gn-news .mn-gn-news__pagination {
		margin-top: 40px;
	}
}

@media (max-width: 599.98px) {
	.mn-gn-news .mn-gn-news__grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* ---- single post / single article: the page title style, the content, the consult block ---- */

.mn-gn-single {
	box-sizing: border-box;
	width: min(var(--mn-content, 1176px), 100% - 2 * var(--mn-gutter, 20px));
	margin-inline: auto;
	padding-block: 15px 110px;
	font-family: var(--wp--preset--font-family--geist);
	color: var(--wp--preset--color--c-02);
}

/* the 416:953 title as drawn in the new frames (Geist 600 70 in a 122 px box; guide.css explains the
 * 1.1 line) */
.mn-gn-single .mn-gn-single__title {
	margin: 0 0 47px;
	padding-block: calc((122px - 1.1em) / 2);
	font-family: var(--wp--preset--font-family--geist);
	font-weight: 600;
	font-size: var(--wp--preset--font-size--s-18);
	line-height: 1.1;
	letter-spacing: 0;
	color: var(--wp--preset--color--c-07);
}

/* the reading column is the steps' text column (801 px, Geist 500 18/28 #424242) */
.mn-gn-single .mn-gn-single__content {
	max-width: 801px;
	font-weight: 500;
	font-size: var(--wp--preset--font-size--s-04);
	line-height: 28px;
}

.mn-gn-single .mn-gn-single__content > * {
	margin-block: 0 28px;
}

.mn-gn-single .mn-gn-single__content > :last-child {
	margin-bottom: 0;
}

.mn-gn-single .mn-gn-single__content p {
	margin-block: 0 28px;
}

.mn-gn-single .mn-gn-single__content :where(h2, h3, h4) {
	margin-block: 46px 20px;
	font-family: var(--wp--preset--font-family--geist);
	font-weight: 500;
	letter-spacing: 0;
	color: var(--wp--preset--color--c-02);
}

.mn-gn-single .mn-gn-single__content h2 {
	font-size: var(--wp--preset--font-size--s-13);
	line-height: 46px;
}

.mn-gn-single .mn-gn-single__content :where(h3, h4) {
	font-size: var(--wp--preset--font-size--s-09);
	line-height: 31px;
}

.mn-gn-single .mn-gn-single__content :where(ul, ol) {
	padding-left: 1.2em;
}

.mn-gn-single .mn-gn-single__content img {
	height: auto;
	border-radius: 10px;
}

.mn-gn-single .mn-gn-single__content img.aligncenter {
	display: block;
	margin-inline: auto;
}

.mn-gn-single .mn-gn-single__content .wp-block-image,
.mn-gn-single .mn-gn-single__content .wp-block-gallery {
	margin-inline: 0;
}

/* ---- R16: a photo gallery in an article, a post, a text page or a plain page ----
 * It looks like the site's other photo grids (the project page's gallery, the Galerija wall): 3 columns
 * (2 below 782, or the gallery's own 1 / 2 / 4 / 5 / 6 above that), 9 px gaps, tiles 386 x 272 with the
 * photo cropped to fill, radius 12. Core's nested-image gallery is a flex row with computed widths and
 * no gap at all, which is what the posts had. The lightbox hook (.mn-lightbox on the gallery) is
 * untouched: the tiles still link their photos. The component galleries (works, colours, wall,
 * carousel) keep their own rules. */
:is(.mn-gn-single__content, .mn-plain__content) .wp-block-gallery.has-nested-images:not(.mn-bk__gallery, .mn-wc__track, .mn-wall__gallery, .mn-work-gallery) {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 9px;
	margin-inline: 0;
}

:is(.mn-gn-single__content, .mn-plain__content) .wp-block-gallery.has-nested-images.columns-1:not(.mn-bk__gallery, .mn-wc__track, .mn-wall__gallery, .mn-work-gallery) {
	grid-template-columns: minmax(0, 1fr);
}

:is(.mn-gn-single__content, .mn-plain__content) .wp-block-gallery.has-nested-images.columns-2:not(.mn-bk__gallery, .mn-wc__track, .mn-wall__gallery, .mn-work-gallery) {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

:is(.mn-gn-single__content, .mn-plain__content) .wp-block-gallery.has-nested-images.columns-4:not(.mn-bk__gallery, .mn-wc__track, .mn-wall__gallery, .mn-work-gallery) {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

:is(.mn-gn-single__content, .mn-plain__content) .wp-block-gallery.has-nested-images.columns-5:not(.mn-bk__gallery, .mn-wc__track, .mn-wall__gallery, .mn-work-gallery) {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

:is(.mn-gn-single__content, .mn-plain__content) .wp-block-gallery.has-nested-images.columns-6:not(.mn-bk__gallery, .mn-wc__track, .mn-wall__gallery, .mn-work-gallery) {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

:is(.mn-gn-single__content, .mn-plain__content) .wp-block-gallery.has-nested-images:not(.mn-bk__gallery, .mn-wc__track, .mn-wall__gallery, .mn-work-gallery) figure.wp-block-image:not(#mn-gallery-item) {
	display: block;
	width: auto;
	margin: 0;
	aspect-ratio: 386 / 272;
	overflow: hidden;
	border-radius: 12px;
}

:is(.mn-gn-single__content, .mn-plain__content) .wp-block-gallery.has-nested-images:not(.mn-bk__gallery, .mn-wc__track, .mn-wall__gallery, .mn-work-gallery) figure.wp-block-image:not(#mn-gallery-item) :is(a, img) {
	display: block;
	width: 100%;
	height: 100% !important;
}

:is(.mn-gn-single__content, .mn-plain__content) .wp-block-gallery.has-nested-images:not(.mn-bk__gallery, .mn-wc__track, .mn-wall__gallery, .mn-work-gallery) figure.wp-block-image:not(#mn-gallery-item) img {
	object-fit: cover;
	border-radius: 12px;
}

@media (max-width: 781.98px) {
	:is(.mn-gn-single__content, .mn-plain__content) .wp-block-gallery.has-nested-images:not(.columns-1, .mn-bk__gallery, .mn-wc__track, .mn-wall__gallery, .mn-work-gallery) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* a button inside an article reads like "Visi straipsniai", the outline pill these pages draw */
.mn-gn-single .mn-gn-single__content .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: 196px;
	height: 53.8px;
	padding: 0 31.7px;
	border: 0.96px solid var(--wp--preset--color--c-11);
	border-radius: 26.9px;
	background: none;
	font-family: var(--wp--preset--font-family--geist);
	font-weight: 500;
	font-size: 19.22px;
	line-height: 28.82px;
	color: var(--wp--preset--color--c-11);
}

@media (max-width: 781.98px) {
	.mn-gn-single {
		padding-bottom: 64px;
	}

	.mn-gn-single .mn-gn-single__title {
		margin-bottom: 24px;
		padding-block: 0;
		font-size: var(--wp--preset--font-size--s-14);
		line-height: 51px;
	}

	.mn-gn-single .mn-gn-single__content {
		font-size: var(--wp--preset--font-size--s-03);
		line-height: 26px;
	}

	.mn-gn-single .mn-gn-single__content h2 {
		font-size: var(--wp--preset--font-size--s-09);
		line-height: 31px;
	}
}

/* R18: no articles to show means nothing to step through and nothing more to see: the arrows and the
 * "all articles" button go (not in the block editor, where the client must still reach them), and the
 * list's own "no results" line stands under the heading. */
.mn-gn-articles .mn-gn-articles__inner:not(.block-editor-block-list__block):not(:has(.mn-gn-articles__track > *)) :is(.mn-gn-articles__arrows, .mn-gn-articles__actions) {
	display: none;
}