@font-face {
	font-family: "Fira Sans";
	src: url("../fonts/fira-sans.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Fira Sans";
	src: url("../fonts/fira-sans-italic.woff2") format("woff2");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Fira Sans";
	src: url("../fonts/fira-sans-bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Merriweather;
	src: url("../fonts/merriweather.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Merriweather;
	src: url("../fonts/merriweather-bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

:root {
	--c-text: var(--wp--preset--color--body);
	--c-acc: var(--wp--preset--color--green);
	--c-acc-d: var(--wp--preset--color--green-dark);
	--c-acc-h: var(--wp--preset--color--green-hover);
	--c-hi: var(--wp--preset--color--orange);
	--c-bg: #fff;
	--c-bg-2: var(--wp--preset--color--sand-light);
	--c-pale: var(--wp--preset--color--green-pale);
	--c-line: var(--wp--preset--color--light);
	--c-mute: var(--wp--preset--color--grey);
	--c-mute-2: var(--wp--preset--color--grey-light);
	--f-text: var(--wp--preset--font-family--text);
	--f-head: var(--wp--preset--font-family--head);
	--gap: 1rem;
	--w-c: 45rem;
	--w-w: 72rem;

	--w-h: 57rem;

	--w-hd: 85rem;
	--r-pill: 5em;
	--r-box: 6px;
	--sh-card: 0 8px 20px rgba(0, 0, 0, .08);
	--hd-h: 4rem;

	--hd-cover: 0px;

	--h2-mt: 4rem;

	--tb-h: 4rem;
	--edge: url("../img/edge.svg");

	--cw: #88b04b;
	--cw-dark: #5b7633;
	--cw-light: #e7efdb;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {

	overflow-x: clip;
}

body {
	margin: 0;
	background: var(--c-bg);
	color: var(--c-text);
	font: 1rem/1.7 var(--f-text);
	-webkit-text-size-adjust: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--f-head);
	font-weight: 300;
	line-height: 1.25;
}

h1 {
	font-size: clamp(1.5rem, 1rem + 2.5vw, 2.2rem);
}

h2 {
	font-size: clamp(1.3rem, .9rem + 2vw, 2rem);
}

h3 {
	font-size: clamp(1.2rem, 1rem + 1vw, 1.6rem);
}

h4,
h5,
h6 {
	font-size: clamp(1rem, .9rem + .75vw, 1.4rem);
}

a {
	color: var(--c-acc-d);
}

a:hover {
	color: var(--c-acc-h);
}

img {
	max-width: 100%;
	height: auto;
	image-rendering: -webkit-optimize-contrast;
}

::selection {
	background: var(--c-acc);
	color: #fff;
}

.art > .art-h,
.art > .toc,
.art > .ia,
.ah,
.fm > .fm-h,
.pf > .pf-h,
.rel {
	--band-w: var(--w-c);
	max-width: none;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	padding-right: max(var(--gap), calc(50vw - var(--band-w) / 2));
	padding-left: max(var(--gap), calc(50vw - var(--band-w) / 2));
}

.art > .art-h {
	--band-w: var(--w-h);
}

.rel {
	--band-w: var(--w-w);
}

.hd::after,
.art-h::after,
.ah::after,
.fm-h::after,
.pf-h::after,
.ia::before,
.ft-a::before,
.ft-b::before,
.tsec[class*="color-"]::before,
.tsec[class*="color-"]::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 6px;
	-webkit-mask: var(--edge) center / 100% 100% no-repeat;
	mask: var(--edge) center / 100% 100% no-repeat;
	pointer-events: none;
}

.hd {
	position: relative;
	z-index: 50;
	display: flex;
	flex-wrap: wrap;
	gap: .5rem var(--gap);
	align-items: center;
	min-height: var(--hd-h);

	padding: .75rem max(var(--gap), calc((100% - var(--w-hd)) / 2 + 1.5rem));
	background: var(--c-bg);
}

.hd::after {
	top: 100%;
	background: var(--c-bg);
	transform: scaleY(-1);
}

.hd-b {
	min-width: 0;
}

.hd-t,
.custom-logo-link {
	display: block;
	color: var(--c-acc);
	font: 700 1.5rem/1 var(--f-text);
	text-decoration: none;
}

.custom-logo {
	display: block;
	width: 8rem;
	height: auto;
}

.hd-c {
	margin: .15rem 0 0;
	color: var(--c-acc-d);
	font-size: .8rem;
	line-height: 1.3;
}

.hd .nav {
	display: none;
}

.hd .sf {
	flex: 1 1 7rem;
	min-width: 0;
	margin-left: auto;
}

.nav ul,
.nav-m ul {
	display: flex;
	flex-wrap: wrap;
	gap: .25rem 1.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.nav a {
	color: var(--c-text);
	font-size: 1.05rem;
	text-decoration: none;
}

.nav a:hover,
.nav .current-menu-item > a,
.nav .current-menu-ancestor > a {
	color: var(--c-acc-d);
}

.nav a {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
}

.nav a svg {
	width: 1.25rem;
	height: 1.25rem;
}

.nav .icon-only > a {
	gap: 0;
}

.nav .icon-only > a::after {
	content: "\200b";
}

.nav .menu-item-has-children > a::after {
	content: "";
	width: .4rem;
	height: .4rem;
	margin: -.2rem 0 0 .1rem;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
}

.nav li {
	position: relative;
}

.nav .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: -1rem;
	z-index: 60;
	flex-direction: column;
	gap: 0;
	min-width: 14rem;
	padding: .5rem 0;
	border-radius: var(--r-box);
	background: var(--c-bg);
	box-shadow: 0 4px 5px -2px rgba(73, 82, 86, .8);
}

.nav li:hover > .sub-menu,
.nav li:focus-within > .sub-menu {
	display: flex;
}

.nav .sub-menu a {
	display: block;
	padding: .35rem 1rem;
	font-size: 1rem;
}

.nav .icon-only.menu-item-has-children > a::after {
	content: "\200b";
	width: auto;
	height: auto;
	margin: 0;
	border: 0;
	transform: none;
}

.nav .icon-only.menu-item-has-children > a::before {
	content: "";
	order: 1;
	width: .4rem;
	height: .4rem;
	margin: -.2rem 0 0 .45rem;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
}

html:not(.hm-user-auth) .nav .auth-menu > a::before,
html:not(.hm-user-auth) .nav .auth-menu:not(.icon-only) > a::after {
	content: none;
}

.nav > ul > li:last-child > .sub-menu {
	right: -1rem;
	left: auto;
}

.sf {
	display: flex;
	max-width: 15rem;
	border-radius: var(--r-pill);
	background: var(--c-bg-2);
}

.sf input {
	flex: 1;
	width: 100%;
	min-width: 0;
	padding: .55rem 0 .55rem 1rem;
	border: 0;
	border-radius: var(--r-pill) 0 0 var(--r-pill);
	background: transparent;
	color: inherit;
	font: inherit;
}

.sf input:focus {
	outline: 0;
}

.sf:focus-within {
	box-shadow: inset 0 0 0 1px var(--c-mute);
}

.sf button svg {
	display: block;
	width: 1.25rem;
	height: 1.25rem;
}

.sf button {
	padding: .55rem 1rem;
	border: 0;
	border-radius: 0 var(--r-pill) var(--r-pill) 0;
	background: transparent;
	color: var(--c-acc-d);
	font: 700 .9rem var(--f-text);
	cursor: pointer;
}

body:has(> .mn) {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.mn {

	overflow-wrap: anywhere;
	flex: 1 0 auto;
	width: 100%;
	max-width: var(--w-w);
	margin: 0 auto;
	padding: var(--gap);
}

.ah {
	position: relative;
	margin-top: calc(-1 * var(--gap));
	margin-bottom: 3rem;
	padding-top: 3rem;
	padding-bottom: 3rem;
	background: var(--cw-light);
	text-align: center;
}

.ah::after {
	top: 100%;
	background: var(--cw-light);
	transform: scaleY(-1);
}

.ah-t {
	margin: 0;
}

.ah-d {
	margin-top: 1rem;
}

.ah .sf {
	max-width: 32rem;
	margin: 1.5rem auto 0;
}

.subs ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: .5rem;
	margin: 1.5rem 0 0;
	padding: 0;
	list-style: none;
}

.subs a,
.tags a {
	display: inline-block;
	padding: .35rem 1rem;
	border: 1px solid var(--cw-dark);
	border-radius: var(--r-pill);
	background: var(--c-bg);
	color: var(--cw-dark);
	font-size: .9rem;
	text-decoration: none;
}

.subs a:hover,
.subs a[aria-current],
.tags a:hover {
	background: var(--cw-dark);
	color: #fff;
}

.tsrs {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(max(16rem, calc((100% - 6rem) / 3)), 1fr));
	gap: 3rem;
}

.tsr {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: var(--r-box);
	background: var(--c-bg);
	box-shadow: var(--sh-card);
}

.tsr > :not(.tsr-i) {
	margin-right: 1rem;
	margin-left: 1rem;
}

.tsr-i img {
	display: block;
	width: 100%;

	border-radius: 0;
	aspect-ratio: 16 / 8.45;
	object-fit: cover;

	contain-intrinsic-size: none;
}

.tsr-t {
	order: 2;
	margin-top: .75rem;
	margin-bottom: 1.5rem;
	font-size: clamp(1.15rem, 1rem + .5vw, 1.3rem);
	line-height: 1.5;
	hyphens: auto;
}

.tsr-t a {
	color: inherit;
	text-decoration: none;
}

.tsr-t a:hover {
	color: var(--c-acc-d);
}

.tsr .meta {
	order: 1;
	justify-content: space-between;
	margin-top: 1rem;
}

.tsr-x {
	order: 3;
	margin-bottom: 1.5rem;
	font-size: .9rem;
}

.tsec {
	margin: 4rem 0;
}

.tsec-t {
	margin: 0 0 1rem;
	font-size: clamp(1.4rem, 1rem + 1.6vw, 2.1rem);
	text-align: center;
}

.tsec-d {
	max-width: var(--w-c);
	margin: 0 auto 2rem;
	text-align: center;
}

.tsec-t + .tsrs {
	margin-top: 2rem;
}

:where(.art-c, .editor-styles-wrapper) > .tsec {
	width: min(100vw - 2 * var(--gap), var(--w-w));
	max-width: none;
	margin-left: calc(50% - min(50vw - var(--gap), var(--w-w) / 2));
}

.tsec[class*="color-"],
:where(.art-c, .editor-styles-wrapper) > .tsec[class*="color-"] {
	width: auto;
	max-width: none;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	padding: 3rem max(var(--gap), calc(50vw - var(--w-w) / 2)) 0;
	background: linear-gradient(var(--cw-light) 0 var(--tsec-band), transparent var(--tsec-band));
}

.tsec[class*="color-"] {
	--tsec-band: 23rem;
	position: relative;
	isolation: isolate;
}

.tsec[class*="color-"]::before,
.tsec[class*="color-"]::after {
	z-index: -1;
}

.tsec[class*="color-"]::before {
	bottom: 100%;
	background: var(--cw-light);
}

.tsec[class*="color-"]::after {
	top: min(var(--tsec-band), 100%);
	background: var(--cw-light);
	transform: scaleY(-1);
}

.tsec[class*="color-"] .pg-more {
	border-color: var(--cw-dark);
	color: var(--cw-dark);
}

.tsec[class*="color-"] .pg-more:hover,
.tsec[class*="color-"] .pg-more:focus-visible {
	background: var(--cw-dark);
	color: #fff;
}

.tsec + .tsrs {
	margin-top: 6rem;
}

.art-bare > .art-h {
	padding-top: 1rem;
	padding-bottom: 9rem;
}

.art-bare > .art-h + .art-c {
	margin-top: 0;
}

.art-bare > .art-c > .tsec:first-child {
	position: relative;
	z-index: 1;
	margin-top: -8rem;
}

.art-bare > .art-c > .tsec[class*="color-"]:first-child {
	--tsec-band: 8rem;
	padding-top: 0;
	background: none;
}

.art-bare > .art-c > .tsec[class*="color-"]:first-child::after {
	display: none;
}

.art-bare > .art-c > .tsec[class*="color-"]:first-child::before {
	display: none;
}

.art-landing > .art-h {
	padding-bottom: 0;
	background: none;
	text-align: center;
}

.art-landing > .art-h::after {
	display: none;
}

.art-landing > .art-h + .art-c {
	margin-top: 1.5rem;
}

@media (min-width: 60em) {
	.tsrs-1 > .tsr .tsr-t {
		font-size: clamp(1.3rem, 1rem + 1vw, 1.75rem);
	}

	.tsrs-1 > .tsr.type-kb_book {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.tsrs-1 > .tsr.type-kb_book > .tsr-i img {
		height: auto;
	}
}

.tsr.type-kb_book .tsr-i {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	height: 25rem;
	padding: 1.5rem;
	background: var(--c-bg-2);
	container-type: inline-size;
}

.tsr.type-kb_book .tsr-i img {
	width: auto;
	object-fit: contain;
	max-width: 100%;
	height: auto;
	max-height: 22rem;
	aspect-ratio: auto;
	border-radius: 0;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .2);
}

.tsr.type-kb_book .tsr-i img[style*="--r"] {
	height: min(22rem, 100cqw / var(--r));
	max-height: none;
	aspect-ratio: var(--r);
}

.meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem 1.5rem;
	margin: 0;
	color: var(--c-mute);
	font-size: .85rem;
	line-height: 1.5;
}

.meta a {
	color: inherit;
	text-decoration: none;
}

.meta a,
.meta-a {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
}

.meta svg {
	width: 1rem;
	height: 1rem;
}

.meta-a img {
	width: 2em;
	height: 2em;
	border-radius: 50%;
}

.meta .meta-c {
	color: var(--cw-dark);
	font-weight: 700;
	letter-spacing: .03em;
	text-transform: uppercase;
}

.meta .meta-n {
	color: var(--c-acc-d);
	text-transform: uppercase;
}

.meta > :not(.meta-c, .meta-n, .meta-a, .meta-d) {
	margin-left: auto;
}

.meta .rt-s {
	min-height: 1.5rem;
	color: var(--c-acc-d);
	font-weight: 700;
}

.meta .rt-s:hover,
.meta .rt-s:focus-visible {
	color: var(--c-acc-h);
	text-decoration: underline;
}

.meta .rt-s[hidden] {
	display: none;
}

.cats {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr));
	gap: 1.5rem;
}

.cat {
	display: block;
	padding: 1.5rem;
	border-radius: var(--r-box);
	background: var(--cw-dark);
	color: #fff;
	text-align: center;
	text-decoration: none;
}

.cat:hover,
.cat:focus-visible {
	background: var(--c-text);
	color: #fff;
}

.cat-t {
	margin: 0 0 .25rem;
	font-size: 1.4rem;
}

.cat-d {
	margin: 0;
	font-size: .9rem;
}

.art > *,
.cm {
	max-width: var(--w-c);
	margin-right: auto;
	margin-left: auto;
}

.art > .art-i {
	max-width: var(--w-h);
}

.art-h {
	position: relative;
	margin-top: calc(-1 * var(--gap));
	padding-top: 3rem;
	padding-bottom: 2rem;
	background: var(--cw-light);
}

.art {
	--art-lift: calc(min(var(--w-h), 100vw - 2 * var(--gap)) * .4);
}

.art-h:has(+ .art-i) {
	padding-bottom: calc(var(--art-lift) + 1rem);
}

.art-h::after,
.fm-h::after,
.pf-h::after {
	top: 100%;
	background: var(--cw-light);
	transform: scaleY(-1);
}

.art-t {
	margin: 0 0 .75rem;
}

.art.type-page > .art-h {
	text-align: center;
}

.art.type-kb_book > .art-h {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: start;
	gap: 0 2.5rem;
	isolation: isolate;
}

.type-kb_book > .art-h > .art-edit {
	justify-self: start;
}

.type-kb_book > .art-h > .bk-c {
	order: -1;
	justify-self: center;
	margin: 0 0 1.5rem;
}

.bk-c img {
	display: block;
	width: auto;
	max-width: 100%;
	height: min(20rem, 60vw);
	aspect-ratio: var(--r, auto);
	border-radius: 0;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .2);
}

.bk-a {
	margin: 0 0 1rem;
	font-weight: 700;
}

.bk-a a {
	color: inherit;
}

.bk-d {
	margin: 0 0 1.5rem;
}

.bk-bt {
	margin: 0 0 .5rem;
	font-weight: 700;
}

.bk-ls {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin: 0;
}

.bk-l {
	display: inline-block;
	padding: .4rem 1.1rem;
	border: 1px solid var(--c-acc-d);
	border-radius: var(--r-pill);
	background: var(--c-bg);
	color: var(--c-acc-d);
	font: 700 .9rem var(--f-text);
	text-decoration: none;
}

.bk-l:hover,
.bk-l:focus-visible {
	background: var(--c-acc-d);
	color: #fff;
}

.bk-bg,
.fm-bg {
	position: absolute;
	z-index: -1;
	inset: 0 0 -6px;
	overflow: hidden;
	transform: scaleY(-1);
	-webkit-mask: var(--edge) top / 100% 6px no-repeat, linear-gradient(#000 0 0) bottom / 100% calc(100% - 5px) no-repeat;
	mask: var(--edge) top / 100% 6px no-repeat, linear-gradient(#000 0 0) bottom / 100% calc(100% - 5px) no-repeat;
}

.bk-bg img,
.fm-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scaleY(-1);
}

.art-h:has(> .bk-bg)::after,
.fm-h:has(> .fm-bg)::after {
	display: none;
}

.bk-bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgb(255 255 255 / .55);
}

.bk-bg.is-light::after {
	background: rgb(0 0 0 / .45);
}

.art-h:has(> .bk-bg.is-light) {
	color: #fff;
}

@media (min-width: 60em) {
	.art.type-kb_book > .art-h {
		grid-template-columns: minmax(0, 16rem) minmax(0, 1fr);
	}

	.type-kb_book > .art-h > :not(.bk-bg) {
		grid-column: 2;
	}

	.type-kb_book > .art-h > .bk-c {
		grid-row: 1 / span 6;
		grid-column: 1;
		justify-self: start;
		margin: 0;
	}

	.bk-c img {
		width: 100%;
		height: auto;
	}
}

.art-i {
	position: relative;
	z-index: 1;
	margin-bottom: 2.5rem;
}

.art-h + .art-i {
	margin-top: calc(-1 * var(--art-lift));
}

.art-h + .art-c {
	margin-top: 3rem;
}

.art-i img {
	display: block;
	width: 100%;
	border-radius: var(--r-box);
}

.art > .meta {
	max-width: var(--w-h);
	margin-top: -1.5rem;
	margin-bottom: 2.5rem;
	font-size: .9rem;
}

.art > .art-h + .meta {
	margin-top: 1.5rem;
}

:where(.art-c, .editor-styles-wrapper) p {
	margin: 0 0 1rem;
}

:where(.art-c, .editor-styles-wrapper) h2 {
	margin-bottom: 1.5rem;
}

:where(.art-c, .editor-styles-wrapper) :is(figure, .wp-block-image) {
	margin: 2rem 0;
}

:where(.art-c, .editor-styles-wrapper) :is(figure:not(.alignleft, .alignright) > img, figure:not(.alignleft, .alignright) > a > img, img.aligncenter, p > img:only-child:not(.alignleft, .alignright), p > a:only-child > img:not(.alignleft, .alignright)) {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

:where(.art-c, .editor-styles-wrapper) :is(.wp-caption.aligncenter, .wp-caption.alignnone, figure.aligncenter, .wp-block-image .aligncenter) {
	margin-right: auto;
	margin-left: auto;
}

:where(.art-c, .editor-styles-wrapper) :is(.alignleft, .alignright) {
	max-width: 100%;
	margin: 2rem auto;
}

:where(.art-c, .editor-styles-wrapper) :is(.alignleft, .alignright) img,
:where(.art-c, .editor-styles-wrapper) img:is(.alignleft, .alignright) {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

:where(.art-c, .editor-styles-wrapper) :is(.alignleft, .alignright) figcaption {
	margin-top: .5em;
}

@media (min-width: 60em) {
	:where(.art-c, .editor-styles-wrapper) .alignleft {
		max-width: 50%;
		margin: .35em 2em 2em 0;
		float: left;
	}

	:where(.art-c, .editor-styles-wrapper) .alignright {
		max-width: 50%;
		margin: .35em 0 2em 2em;
		float: right;
	}

	:where(.art-c, .editor-styles-wrapper) :is(.alignleft, .alignright) img {
		margin: 0;
	}

	.art-c::after {
		display: block;
		clear: both;
		content: "";
	}
}

:where(.art-c, .editor-styles-wrapper) .wp-block-buttons {
	margin: 2rem 0;
}

.msg {
	margin: 2rem 0;
	padding: 1rem 1.25rem;
	border-left: 4px solid var(--c-acc-d);
	border-radius: 0 var(--r-box) var(--r-box) 0;
	background: var(--wp--preset--color--light);
}

.msg-warning {
	border-left-color: var(--c-hi);
	background: #fde5dc;
}

.msg-t {
	margin: 0 0 .5rem;
	font-weight: 700;
}

.msg > :last-child {
	margin-bottom: 0;
}

.btn {
	display: inline-block;
	padding: .55rem 1.5rem;
	border: 1px solid var(--c-acc-d);
	border-radius: var(--r-pill);
	background: var(--c-bg);
	color: var(--c-acc-d);
	font: 700 1rem var(--f-text);
	text-decoration: none;
	cursor: pointer;
}

.btn:hover,
.btn:focus-visible {
	background: var(--c-acc-d);
	color: #fff;
}

.yt {
	margin: 2rem 0;
}

.yt iframe {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	border: 0;
	border-radius: var(--r-box);
}

.calc {
	margin: 2rem 0;
	padding: 1.25rem;
	border-radius: var(--r-box);
	background: var(--c-bg-2);
}

.calc-r {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
	gap: .75rem 1.25rem;
	margin-bottom: 1rem;
}

.calc-f {
	display: grid;
	gap: .25rem;
	font-size: .9rem;
}

.calc-f :is(input, select) {
	padding: .5rem .75rem;
	border: 0;
	border-radius: var(--r-box);
	background: var(--c-bg);
	font: inherit;
}

.calc-a {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin: 0;
}

.calc-h {
	margin: .75rem 0 0;
	font-size: .85rem;
}

.ad-slot {
	clear: both;
}

.ads-on .ad-slot {
	min-height: 280px;
	margin: 2rem 0;
}

.ad-slot:has(> ins[data-ad-status="unfilled"]),
.cm-ad:has(ins[data-ad-status="unfilled"]),
.ads-off .ad-slot,
.ads-off .cm-ad {
	display: none;
}

.cm-ad {
	list-style: none;
}

.google-auto-placed:not(.has-ads .art-c *, .has-ads .fm--topic .cm-l *),
.rc .google-auto-placed,
:is(h2, h3, h4, h5, h6, .bkb) + .google-auto-placed,
.google-auto-placed:has(+ :is(figure, img, .wp-caption, .bkb)),
.google-auto-placed:has(+ p > img:only-child),
.google-auto-placed:has(+ p > a:only-child > img) {
	display: none !important;
}

.has-ads .google-auto-placed {
	margin: 2rem 0;
}

.bkb { --bkb-surface: #4b4f4c; --bkb-button-text: #353836; --bkb-button-hover: #ececeb; --bkb-button-active: #dddedc; --bkb-text-light: #dddedc; --bkb-kicker: #c9ccc9; --bkb-micro: #d2d4d2; --bkb-line: #646864; --bkb-badge: #c3380a; }
.bkb-w-putzen { --bkb-surface: #00625c; --bkb-button-text: #00453f; --bkb-button-hover: #e4f1f0; --bkb-button-active: #cfe6e4; --bkb-text-light: #cfe6e4; --bkb-kicker: #a9d6d4; --bkb-micro: #b9dcda; --bkb-line: #1d7570; --bkb-badge: #c3380a; }
.bkb-w-kochen { --bkb-surface: #7a0c3d; --bkb-button-text: #6b0a35; --bkb-button-hover: #fbe9f0; --bkb-button-active: #f6dde7; --bkb-text-light: #f6dde7; --bkb-kicker: #eebdd0; --bkb-micro: #eebdd0; --bkb-line: #9c2a5b; --bkb-badge: #c3380a; }
.bkb-w-pflanzen { --bkb-surface: #2f5233; --bkb-button-text: #21391f; --bkb-button-hover: #e6f0e4; --bkb-button-active: #d5e5d3; --bkb-text-light: #d5e5d3; --bkb-kicker: #c3d8c0; --bkb-micro: #c3d8c0; --bkb-line: #4a6f47; --bkb-badge: #55814f; }
.bkb-w-bilderbuch { --bkb-surface: #3d3a6b; --bkb-button-text: #2e2b55; --bkb-button-hover: #eeedf8; --bkb-button-active: #e2e0f3; --bkb-text-light: #e2e0f3; --bkb-kicker: #cfcce9; --bkb-micro: #cfcce9; --bkb-line: #57548a; --bkb-badge: #c3380a; }
.bkb-w-pflegen { --bkb-surface: #202b54; --bkb-button-text: #161e3b; --bkb-button-hover: #e6e8ec; --bkb-button-active: #d5d7df; --bkb-text-light: #d5d7df; --bkb-kicker: #b3b7c5; --bkb-micro: #c3c6d1; --bkb-line: #3f496c; --bkb-badge: #c3380a; }
.bkb-w-leben { --bkb-surface: #213b85; --bkb-button-text: #17295d; --bkb-button-hover: #e7e9f2; --bkb-button-active: #d5dae8; --bkb-text-light: #d5dae8; --bkb-kicker: #b4bcd6; --bkb-micro: #c3cade; --bkb-line: #405696; --bkb-badge: #c3380a; }
.bkb-w-familie { --bkb-surface: #922a08; --bkb-button-text: #661d06; --bkb-button-hover: #f3e8e4; --bkb-button-active: #ead7d0; --bkb-text-light: #ead7d0; --bkb-kicker: #dbb9ad; --bkb-micro: #e2c5bc; --bkb-line: #a1482b; --bkb-badge: #467c27; }
.bkb-w-basis { --bkb-surface: #345d1d; --bkb-button-text: #244114; --bkb-button-hover: #e9ede6; --bkb-button-active: #d8e0d4; --bkb-text-light: #d8e0d4; --bkb-kicker: #becbb7; --bkb-micro: #c8d3c2; --bkb-line: #50743d; --bkb-badge: #c3380a; }

.bkb { container: bkb / inline-size; display: block; margin: 2rem 0; padding: 0; font-family: var(--f-text); color: #fff; text-align: left; }
.bkb * { box-sizing: border-box; }
.bkb a { color: #fff; }

.bkb .bkb-in { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px 24px; align-items: center; padding: 24px; background: var(--bkb-surface); border-radius: var(--r-box); }

.bkb .bkb-cover-z { grid-row: 1; align-self: center; }
.bkb .bkb-cover { display: block; box-shadow: 0 8px 20px rgba(0, 0, 0, .35); }
.bkb .bkb-body { grid-row: 1; grid-column: 2; }
.bkb .bkb-dealers { grid-row: 2; grid-column: 2; }

.bkb .bkb-cover img { display: block; width: auto; height: 240px; max-width: 240px; margin: 0; border-radius: 0; }

.bkb .bkb-body { container: bkbi / inline-size; display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.bkb .bkb-core, .bkb .bkb-act { display: flex; flex-direction: column; gap: 12px; min-width: 0; }

.bkb .bkb-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.bkb .bkb-badge { font: 600 12px/1.2 var(--f-text); letter-spacing: .06em; text-transform: uppercase; color: #fff; background: var(--bkb-badge); border-radius: var(--r-box); padding: 4px 8px; }
.bkb .bkb-kicker { font: 500 12px/1.2 var(--f-text); letter-spacing: .06em; text-transform: uppercase; color: var(--bkb-kicker); }

.bkb .bkb-title { font: 700 26px/32px var(--f-head); color: #fff; text-decoration: none; }
.bkb .bkb-title:hover { text-decoration: underline; }

.bkb .bkb-pitch { margin: 0; font: 400 16px/24px var(--f-text); color: var(--bkb-text-light); }

.bkb .bkb-facts { font: 400 15px/20px var(--f-text); color: var(--bkb-text-light); }
.bkb .bkb-facts-l { display: flex; gap: 4px 20px; flex-wrap: wrap; }
.bkb .bkb-facts strong { font-weight: 600; color: #fff; }

.bkb .bkb-action { display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap; padding: 4px 0; }
.bkb .bkb-button { display: inline-flex; align-items: center; justify-content: center; flex-wrap: wrap; min-height: 52px; padding: 0 24px; background: #fff; color: var(--bkb-button-text); font: 600 17px/1.25 var(--f-text); text-align: center; text-decoration: none; border-radius: var(--r-box); }
.bkb .bkb-button:hover { background: var(--bkb-button-hover); color: var(--bkb-button-text); }
.bkb .bkb-button:active { background: var(--bkb-button-active); }
.bkb .bkb-button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.bkb .bkb-price, .bkb .bkb-nobr { white-space: nowrap; }
.bkb .bkb-probe { font: 400 16px/1.25 var(--f-text); color: #fff; text-decoration: underline; text-underline-offset: 3px; padding: 14px 0; }
.bkb .bkb-probe:hover { color: var(--bkb-text-light); }
.bkb .bkb-title:focus-visible, .bkb .bkb-probe:focus-visible, .bkb .bkb-list a:focus-visible, .bkb .bkb-micro a:focus-visible, .bkb .bkb-dealers summary:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

.bkb .bkb-micro { font: 400 13px/18px var(--f-text); color: var(--bkb-micro); }
.bkb .bkb-micro a { color: var(--bkb-text-light); }

.bkb .bkb-micro a, .bkb .bkb-list a { text-decoration: underline; text-underline-offset: 3px; }

.bkb .bkb-dealers { display: block; margin: 0; padding: 0; align-self: start; }
.bkb .bkb-dealers summary { display: block; list-style: none; cursor: pointer; font: 400 14px/20px var(--f-text); color: var(--bkb-text-light); padding: 8px 0; }
.bkb .bkb-dealers summary::-webkit-details-marker { display: none; }
.bkb .bkb-dealers summary::before { content: ""; display: inline-block; vertical-align: middle; margin: -2px 8px 0 2px; border-left: 6px solid currentColor; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }
.bkb .bkb-dealers[open] summary::before { transform: rotate(90deg); }
.bkb .bkb-list { display: block; font: 400 14px/22px var(--f-text); color: var(--bkb-text-light); padding-bottom: 6px; }
.bkb .bkb-list .bkb-d { display: inline; }
.bkb .bkb-list .bkb-d + .bkb-d::before { content: " \B7\20"; }

@container bkb (min-width: 600px) {
	.bkb [data-v]:not([data-v~="l"]) { display: none; }
}

@container bkb (max-width: 599.98px) {
	.bkb [data-v]:not([data-v~="s"]) { display: none; }
}

@container bkbi (max-width: 419.98px) {
	.bkb .bkb-button { flex-direction: column; gap: 2px; padding: 8px 20px; }
	.bkb .bkb-button .bkb-sep { display: none; }
}

.bkb:not(.bkb-plain) + .bkb:not(.bkb-plain), .bkb:not(.bkb-plain) + .google-auto-placed + .bkb:not(.bkb-plain) { margin-top: -1rem; }

@container bkb (min-width: 600px) {
	:is(.bkb:not(.bkb-plain) + .bkb:not(.bkb-plain), .bkb:not(.bkb-plain) + .google-auto-placed + .bkb:not(.bkb-plain)) [data-v]:not([data-v~="c"]) { display: none; }
	:is(.bkb:not(.bkb-plain) + .bkb:not(.bkb-plain), .bkb:not(.bkb-plain) + .google-auto-placed + .bkb:not(.bkb-plain)) [data-v~="c"]:not([data-v~="l"]) { display: revert; }
	:is(.bkb:not(.bkb-plain) + .bkb:not(.bkb-plain), .bkb:not(.bkb-plain) + .google-auto-placed + .bkb:not(.bkb-plain)) .bkb-head:not(:has(.bkb-badge[data-v~="c"])) { display: none; }
	:is(.bkb:not(.bkb-plain) + .bkb:not(.bkb-plain), .bkb:not(.bkb-plain) + .google-auto-placed + .bkb:not(.bkb-plain)) .bkb-in { gap: 16px; padding: 16px; }
	:is(.bkb:not(.bkb-plain) + .bkb:not(.bkb-plain), .bkb:not(.bkb-plain) + .google-auto-placed + .bkb:not(.bkb-plain)) .bkb-cover { box-shadow: 0 4px 12px rgba(0, 0, 0, .3); }
	:is(.bkb:not(.bkb-plain) + .bkb:not(.bkb-plain), .bkb:not(.bkb-plain) + .google-auto-placed + .bkb:not(.bkb-plain)) .bkb-cover img { height: 137px; max-width: 140px; }
	:is(.bkb:not(.bkb-plain) + .bkb:not(.bkb-plain), .bkb:not(.bkb-plain) + .google-auto-placed + .bkb:not(.bkb-plain)) .bkb-body, :is(.bkb:not(.bkb-plain) + .bkb:not(.bkb-plain), .bkb:not(.bkb-plain) + .google-auto-placed + .bkb:not(.bkb-plain)) .bkb-act { gap: 8px; }
	:is(.bkb:not(.bkb-plain) + .bkb:not(.bkb-plain), .bkb:not(.bkb-plain) + .google-auto-placed + .bkb:not(.bkb-plain)) .bkb-core { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
	:is(.bkb:not(.bkb-plain) + .bkb:not(.bkb-plain), .bkb:not(.bkb-plain) + .google-auto-placed + .bkb:not(.bkb-plain)) .bkb-core > * { flex: 0 0 100%; }
	:is(.bkb:not(.bkb-plain) + .bkb:not(.bkb-plain), .bkb:not(.bkb-plain) + .google-auto-placed + .bkb:not(.bkb-plain)) .bkb-core > .bkb-head, :is(.bkb:not(.bkb-plain) + .bkb:not(.bkb-plain), .bkb:not(.bkb-plain) + .google-auto-placed + .bkb:not(.bkb-plain)) .bkb-core > .bkb-title-z { flex: 0 1 auto; }
	:is(.bkb:not(.bkb-plain) + .bkb:not(.bkb-plain), .bkb:not(.bkb-plain) + .google-auto-placed + .bkb:not(.bkb-plain)) .bkb-badge { font-size: 11px; padding: 3px 7px; }
	:is(.bkb:not(.bkb-plain) + .bkb:not(.bkb-plain), .bkb:not(.bkb-plain) + .google-auto-placed + .bkb:not(.bkb-plain)) .bkb-title { font-size: 20px; line-height: 26px; }
	:is(.bkb:not(.bkb-plain) + .bkb:not(.bkb-plain), .bkb:not(.bkb-plain) + .google-auto-placed + .bkb:not(.bkb-plain)) .bkb-button { min-height: 48px; padding: 0 20px; font-size: 16px; }
	:is(.bkb:not(.bkb-plain) + .bkb:not(.bkb-plain), .bkb:not(.bkb-plain) + .google-auto-placed + .bkb:not(.bkb-plain)) .bkb-probe { font-size: 15px; }
}

@container bkb (max-width: 599.98px) {
	.bkb .bkb-in {
		grid-template-columns: auto minmax(0, 1fr);
		grid-template-areas: "cover kern" "handlung handlung" "haendler haendler";
		gap: 12px 14px;
		align-items: center;
		padding: 16px;
	}
	.bkb .bkb-body { display: contents; }
	.bkb .bkb-cover-z { grid-area: cover; }
	.bkb .bkb-cover { box-shadow: 0 6px 16px rgba(0, 0, 0, .35); }
	.bkb .bkb-cover img { height: 149px; max-width: 150px; }

	.bkb .bkb-core { grid-area: kern; gap: 8px; }
	.bkb .bkb-act { grid-area: handlung; gap: 0; }
	.bkb .bkb-head:has(.bkb-badge) .bkb-kicker { display: none; }
	.bkb .bkb-badge { font-size: 11px; padding: 3px 7px; }
	.bkb .bkb-kicker { font-size: 11px; }
	.bkb .bkb-title { font-size: 20px; line-height: 26px; }
	.bkb .bkb-facts { font-size: 14px; }

	.bkb .bkb-action { justify-content: space-between; gap: 0 12px; padding: 0; }
	.bkb .bkb-button { flex: 0 0 calc(100% - 16px); flex-direction: column; gap: 2px; min-height: 56px; margin: 10px 8px; padding: 12px 16px; line-height: 22px; }
	.bkb .bkb-price { font-weight: 400; font-size: 15px; }
	.bkb .bkb-probe { padding: 13px 0; }
	.bkb .bkb-action .bkb-micro { margin-left: auto; }

	.bkb .bkb-dealers { grid-area: haendler; border-top: 1px solid var(--bkb-line); }
	.bkb .bkb-dealers summary { padding: 13px 0; }

	.bkb .bkb-list { font-size: 15px; line-height: 28px; }
}

.bkb.bkb-plain { margin: 2rem 0; color: var(--c-text); }
.bkb.bkb-plain a { color: inherit; }
.bkb-plain .bkb-p-in { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 16px 24px; align-items: center; padding: 24px; background: var(--c-bg-2); border-radius: var(--r-box); }
.bkb-plain .bkb-p-cover { display: block; align-self: start; box-shadow: 0 6px 16px rgba(0, 0, 0, .18); }
.bkb-plain .bkb-p-cover img { display: block; width: auto; height: 180px; max-width: 180px; margin: 0; border-radius: 0; }
.bkb-plain .bkb-p-body { min-width: 0; }
.bkb-plain .bkb-p-title { margin: 0 0 .25rem; font: 700 1.35rem/1.3 var(--f-head); }
.bkb-plain .bkb-p-title a { text-decoration: none; }
.bkb-plain .bkb-p-title a:hover,
.bkb-plain .bkb-p-title a:focus-visible { text-decoration: underline; }
.bkb-plain .bkb-p-author { margin: 0 0 .5rem; color: var(--c-mute); font-size: .9rem; font-weight: 700; }
.bkb-plain .bkb-p-text { margin: 0 0 1rem; font-size: .95rem; line-height: 1.5; }
.bkb.bkb-plain .bkb-p-more { display: inline-block; padding: .4rem 1.1rem; border: 1px solid var(--c-acc-d); border-radius: var(--r-pill); color: var(--c-acc-d); font: 700 .9rem var(--f-text); text-decoration: none; }
.bkb.bkb-plain .bkb-p-more:hover,
.bkb.bkb-plain .bkb-p-more:focus-visible { background: var(--c-acc-d); color: #fff; }

@container bkb (max-width: 479.98px) {
	.bkb-plain .bkb-p-in { grid-template-columns: minmax(0, 1fr); padding: 16px; }
	.bkb-plain .bkb-p-cover { justify-self: start; }
	.bkb-plain .bkb-p-cover img { height: 150px; max-width: 150px; }
	.bkb-plain .bkb-p-title { font-size: 1.2rem; }
}

:where(.art-c, .editor-styles-wrapper) :is([data-type="hm-recipe/card"], [data-type="wpzoom-recipe-card/block-recipe-card"]) {
	margin-top: 3rem;
	margin-bottom: 3rem;
}

:where(.art-c, .editor-styles-wrapper) :is([data-type="core/shortcode"], [data-type="core/html"], [data-type="core/embed"], [data-type="core/group"], [data-type="core/columns"]) {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

:where(.art-c, .editor-styles-wrapper) :is(ul, ol) {
	margin: 1rem 0 2rem;
}

:where(.art-c, .editor-styles-wrapper) img {
	border-radius: var(--r-box);
}

:where(.art-c, .editor-styles-wrapper) > p:first-child {
	font-size: 1.15em;
}

:where(.art-c, .editor-styles-wrapper) a {
	color: var(--c-acc-d);
	text-decoration: underline;
	text-underline-offset: .15em;
}

:where(.art-c, .editor-styles-wrapper) ul {
	padding-left: 1.25rem;
	list-style: none;
}

:where(.art-c, .editor-styles-wrapper) ul > li {
	position: relative;
}

:where(.art-c, .editor-styles-wrapper) ul > li::before {
	content: "–";
	position: absolute;
	left: -1.25rem;
	color: var(--c-acc);
}

:where(.art-c, .editor-styles-wrapper) ol li::marker {
	color: var(--c-acc-d);
	font-weight: 700;
}

:where(.art-c, .editor-styles-wrapper) blockquote {
	position: relative;
	margin: 2.5rem 0;
	padding: 2rem;
	border: 2px solid var(--c-line);
	font-size: 1.2em;
	font-style: italic;
}

:where(.art-c, .editor-styles-wrapper) blockquote::before {
	content: "\201E";
	position: absolute;
	top: -1.4rem;
	left: 50%;
	padding: 0 .5rem;
	background: var(--c-bg);
	color: var(--c-acc);
	font: 700 3rem/1 var(--f-head);
	transform: translateX(-50%);
}

:where(.art-c, .editor-styles-wrapper) table {
	width: 100%;
	border-collapse: collapse;
}

:where(.art-c, .editor-styles-wrapper) td,
:where(.art-c, .editor-styles-wrapper) th {
	padding: .75rem;
	text-align: left;
}

:where(.art-c, .editor-styles-wrapper) tr:nth-child(odd) td {
	background: var(--c-line);
}

:where(.art-c, .editor-styles-wrapper) figcaption {
	color: var(--c-mute-2);
	font-size: .8em;
	text-align: right;
}

:where(.art-c, .editor-styles-wrapper) hr {
	border: 0;
	border-top: 2px solid var(--c-line);
}

:where(.art-c, .editor-styles-wrapper) > .alignwide {
	max-width: var(--w-w);
}

.au {
	margin: 3rem auto 2rem;
	padding: 1.5rem;
	border-radius: var(--r-box);
	background: var(--c-bg-2);
}

.au img {
	float: left;
	margin: 0 1rem .5rem 0;
	border-radius: 50%;
}

.au-t {
	margin: 0 0 .75rem;
	font: 300 1.4rem/1.3 var(--f-head);
}

.au-n {
	margin: 0 0 .75rem;
	font-weight: 700;
}

.au-n a {
	color: var(--c-acc-d);
	text-decoration: none;
}

.au-d {
	margin: 0;
	font-size: .95rem;
}

.tags {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: .5rem;
	margin: 2rem auto;
	padding: 0;
	list-style: none;
}

.ia {
	position: relative;
	display: grid;
	justify-items: center;
	gap: 2.5rem;
	margin-top: 4rem;
	padding-top: 3rem;
	padding-bottom: 2.5rem;
	background: var(--c-line);
	text-align: center;
}

.ia-r {
	order: -1;
}

.ia-s {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: .5rem;
}

.ia::before {
	bottom: 100%;
	background: var(--c-line);
}

.ia-t {
	flex-basis: 100%;
	margin: 0 0 .5rem;
	font-size: 1.3rem;
}

.ia .shr,
.ia .shr ul {
	display: contents;
}

.ia .shr li:has(> [hidden]) {
	display: none;
}

.ia .bm-s {
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 50%;
	background: var(--c-acc-d);
	color: #fff;
}

.ia .bm-s:hover,
.ia .bm-s:focus-visible {
	background: var(--c-acc);
	color: #fff;
}

.ia .bm-s svg {
	width: 1.25rem;
	height: 1.25rem;
}

.rt [hidden] {
	display: none !important;
}

.rt {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .75rem;
	color: var(--c-text);
}

.ia .rt {
	justify-content: center;
	width: min(100%, 22rem);
	margin-right: auto;
	margin-left: auto;
}

.rt-q {
	flex-basis: 100%;
	margin: 0;
	font: 300 1.3rem/1.3 var(--f-head);
}

.rt-bs {
	display: flex;
	gap: .5rem;
}

.rt-b {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	padding: 0;
	border: 2px solid var(--c-acc-d);
	border-radius: 50%;
	background: var(--c-bg);
	color: var(--c-acc-d);
	cursor: pointer;
}

.rt-b svg {
	flex: none;
	width: 1.25rem;
	height: 1.25rem;
}

.rt-b:hover {
	box-shadow: inset 0 0 0 1px var(--c-acc-d);
}

.rt-b[aria-pressed="true"] {
	background: var(--c-acc-d);
	color: #fff;
}

.rt-b:disabled {
	opacity: .5;
	cursor: default;
}

.rt-b:disabled:hover {
	box-shadow: none;
}

.rt-b:focus-visible,
.ht:focus-visible {
	outline: 2px solid var(--c-text);
	outline-offset: 2px;
}

.rt-v {
	flex-basis: 100%;
	margin: 0;
	font-size: .9rem;
}

.rt-d,
.fm-dlg {
	border: 0;
	border-radius: var(--r-box);
	background: var(--c-bg);
	color: var(--c-text);
}

.rt-d::backdrop,
.fm-dlg::backdrop {
	background: rgb(73 82 86 / .9);
}

.rt-d-t,
.fm-d-t {
	font-size: 1.25rem;
	font-weight: 700;
}

.rt-d-f textarea,
.fm-d-f textarea,
.fm-d-f > label input,
.fm-d-f select {
	padding: .6rem .9rem;
	border: 1px solid var(--c-mute);
	border-radius: var(--r-box);
	background: var(--c-bg);
	color: inherit;
	font: inherit;
}

.rt-d-f textarea,
.fm-d-f textarea {
	min-height: 6rem;
}

.rt-d-s,
.rt-d-x,
.fm-d-s,
.fm-d-x {
	padding: .55rem 1.5rem;
	border: 1px solid var(--c-acc-d);
	border-radius: var(--r-pill);
	background: var(--c-bg);
	color: var(--c-acc-d);
	font: 700 1rem var(--f-text);
	cursor: pointer;
}

.rt-d-x,
.fm-d-x {
	border-color: transparent;
	color: var(--c-mute);
}

.rt-d-s:hover,
.rt-d-s:focus-visible,
.fm-d-s:hover,
.fm-d-s:focus-visible {
	background: var(--c-acc-d);
	color: #fff;
}

.rt-d-x:hover,
.rt-d-x:focus-visible,
.fm-d-x:hover,
.fm-d-x:focus-visible {
	color: var(--c-text);
	text-decoration: underline;
}

.rt-d-s:disabled,
.rt-d-x:disabled,
.fm-d-s:disabled,
.fm-d-x:disabled {
	opacity: .5;
	cursor: default;
}

.ia-add {
	padding: .35rem 1rem;
	border: 1px dashed var(--c-acc-d);
	border-radius: var(--r-pill);
	background: none;
	color: var(--c-acc-d);
	font: 700 .9rem var(--f-text);
	cursor: pointer;
}

.ia-add:hover,
.ia-add:focus-visible {
	border-style: solid;
}

.rt-d-e,
.fm-d-e {
	margin: 0;
	padding-left: .5rem;
	border-left: 4px solid var(--c-hi);
	font-size: .9rem;
}

.rt-v.is-thanks,
.rt-v.is-error {
	font-weight: 700;
}

.pg {
	display: flex;
	justify-content: center;
	margin: 2.5rem 0;
}

.pg-more,
.cm-more,
.cm-f .submit {
	display: inline-block;
	padding: .55rem 1.5rem;
	border: 1px solid var(--c-acc-d);
	border-radius: var(--r-pill);
	background: var(--c-bg);
	color: var(--c-acc-d);
	font: 700 1rem var(--f-text);
	text-decoration: none;
	cursor: pointer;
}

.pg-more:hover,
.pg-more:focus-visible,
.cm-more:hover,
.cm-more:focus-visible,
.cm-f .submit:hover,
.cm-f .submit:focus-visible {
	background: var(--c-acc-d);
	color: #fff;
}

.cm-f .cm-x {
	display: inline-block;
	margin-left: .5rem;
	padding: .55rem 1.5rem;
	border: 1px solid var(--c-line);
	border-radius: var(--r-pill);
	color: inherit;
	font: 700 1rem var(--f-text);
	text-decoration: none;
}

.cm-f .cm-x:hover,
.cm-f .cm-x:focus-visible {
	border-color: var(--c-acc-d);
	color: var(--c-acc-d);
}

.bm {
	color: var(--c-acc-d);
	font-size: .9rem;
	text-decoration: none;
}

.bm:hover,
.bm:focus-visible {
	color: var(--c-acc-h);
}

.bm.is-saved svg {
	fill: currentColor;
}

.art > .bm,
.fm > .bm {
	display: flex;
	width: fit-content;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.art > .bm {
	margin-left: max(0px, calc((100% - var(--w-c)) / 2));
}

.bm-s .bm-t {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.bm-d {
	border: 0;
	border-radius: var(--r-box);
	background: var(--c-bg);
	color: var(--c-text);
}

.bm-d::backdrop {
	background: rgb(73 82 86 / .9);
}

.bm-d-t {
	margin: 0 0 1rem;
	font-size: 1.5rem;
}

.bm-d-f::before {
	content: "";
	display: inline-block;
	width: 1.1rem;
	height: 1.1rem;
	margin-right: .6rem;
	border-radius: 50%;
	background: var(--c-bg-2);
	vertical-align: -.2rem;
}

.bm-d-f:hover::before,
.bm-d-f:focus-visible::before {
	background: var(--c-acc);
}

.bm-d-f.is-private::after {
	content: " \1F512";
	font-size: .8em;
}

.bm-d-n {
	padding-top: 1.5rem;
	border-top: 1px solid var(--c-line);
}

.bm-d-n input[name="title"] {
	padding: .6rem .8rem;
	border: 0;
	border-radius: var(--r-box);
	background: var(--c-bg-2);
	font: inherit;
}

.bm-d-s {
	padding: .55rem 1.5rem;
	border: 1px solid var(--c-acc-d);
	border-radius: var(--r-pill);
	background: var(--c-bg);
	color: var(--c-acc-d);
	font: 700 1rem var(--f-text);
	cursor: pointer;
}

.bm-d-s:hover,
.bm-d-s:focus-visible {
	background: var(--c-acc-d);
	color: #fff;
}

.bm-d-e {
	color: var(--c-hi);
}

.fld-p {
	display: inline-block;
	margin-left: .4em;
	padding: 0 .5em;
	border-radius: var(--r-pill);
	background: var(--c-bg-2);
	color: var(--c-mute);
	font-size: .8em;
}

.hm-user-newsletter-form {
	--hm-user-btn-cta-padding: 0 1.5rem;
	position: relative;
	margin: 2rem 0;
	padding: 1.25rem;
	border-radius: var(--r-box);
	background: var(--c-bg-2);
}

.hm-user-newsletter-form::before {
	content: "";
	position: absolute;
	top: 1.25rem;
	left: 1.25rem;
	width: 3.5rem;
	height: 3.5rem;
	background: url("../img/newsletter.svg") center / contain no-repeat;
}

.hm-user-newsletter-form .hm-user-newsletter-form-heading {
	display: flex;
	align-items: center;
	min-height: 3.5rem;
	margin: 0 0 1.25rem 4.25rem;
	color: var(--c-acc);
	font: 400 1.25rem/1.25 var(--f-text);
}

.hm-user-newsletter-form p:has(> .hm-user-btn),
.ct-f .ct-s {
	display: flex;
	justify-content: flex-end;
	margin: 0;
}

.hm-user-newsletter-form .hm-user-account-form .hm-user-btn-cta,
.ct-f.hm-user-account-form .hm-user-btn-cta {
	width: auto;
}

.hm-user-newsletter-form .hm-user-account-notice {
	margin: 0 0 1rem;
}

abbr.hm-user-required {
	text-decoration: none;
}

.ct {
	--hm-user-btn-cta-padding: 0 1.5rem;
	margin: 2rem 0;
	padding: 1.25rem;
	border-radius: var(--r-box);
	background: var(--c-bg-2);
}

.ct-f .ct-n {
	display: grid;
	gap: 0 1rem;
}

@media (min-width: 60em) {
	.ct {
		padding: 1.5rem 2rem 2rem;
	}

	.ct-f .ct-n {
		grid-template-columns: 1fr 1fr;
	}

	.hm-user-newsletter-form {
		padding: 1.5rem 1.5rem 2rem 9rem;
	}

	.hm-user-newsletter-form::before {
		top: 1.5rem;
		left: 1.5rem;
		width: 6rem;
		height: 6rem;
	}

	.hm-user-newsletter-form .hm-user-newsletter-form-heading {
		display: block;
		min-height: 0;
		margin: 1rem 0 1.5rem;
		font-size: 1.5rem;
	}
}

body {

	--hm-user-primary: var(--c-acc-d);
	--hm-user-primary-hover: var(--c-acc-h);
	--hm-user-ink: var(--c-text);
	--hm-user-text: var(--c-text);
	--hm-user-text-secondary: var(--c-mute);
	--hm-user-text-meta: var(--c-mute);
	--hm-user-paper: var(--c-bg);
	--hm-user-page-bg: var(--c-bg);
	--hm-user-on-primary: #fff;
	--hm-user-border-hairline: var(--c-line);
	--hm-user-success-bg: var(--c-pale);
	--hm-user-success-text: var(--c-acc-d);
	--hm-user-radius-sm: var(--r-box);
	--hm-user-radius-md: var(--r-box);
	--hm-user-radius-lg: var(--r-box);
	--hm-user-font-heading: var(--f-head);
	--hm-user-font-body: var(--f-text);

	--hm-user-card-width: 30rem;
	--hm-user-card-split-width: 55rem;
	--hm-user-card-padding: 1.25rem;
	--hm-user-card-bg: var(--c-bg-2);
	--hm-user-card-border: 0;
	--hm-user-card-radius: var(--r-box);
	--hm-user-card-shadow: none;
	--hm-user-card-margin-inline: auto;
	--hm-user-card-margin-block: 2rem;

	--hm-user-login-notice-padding: var(--hm-user-card-padding);
	--hm-user-login-notice-bg: var(--hm-user-card-bg);
	--hm-user-login-notice-radius: var(--hm-user-card-radius);

	--hm-user-input-border: 2px solid var(--c-bg);
	--hm-user-input-bg: var(--c-bg);
	--hm-user-input-text: var(--c-text);
	--hm-user-input-radius: var(--r-box);
	--hm-user-input-focus-ring: 2px solid var(--c-acc-d);
	--hm-user-input-focus-offset: 0;
	--hm-user-input-focus-border-color: var(--c-bg);

	--hm-user-btn-height: 2.75rem;
	--hm-user-btn-padding: 0 1.5rem;
	--hm-user-btn-radius: var(--r-pill);
	--hm-user-btn-font-size: 1rem;
	--hm-user-btn-font-weight: 700;
	--hm-user-btn-cta-height: 2.75rem;
	--hm-user-btn-cta-padding: 0 1.75rem;
	--hm-user-btn-cta-font-size: 1rem;
	--hm-user-btn-cta-font-weight: 700;

	--hm-user-btn-primary-bg: var(--c-bg);
	--hm-user-btn-primary-border: var(--c-acc-d);
	--hm-user-btn-primary-text: var(--c-acc-d);
	--hm-user-btn-primary-hover-bg: var(--c-acc-d);
	--hm-user-btn-primary-hover-text: #fff;

	--hm-user-btn-outline-bg: transparent;
	--hm-user-btn-outline-border: var(--c-mute-2);
	--hm-user-btn-outline-text: var(--c-text);
	--hm-user-btn-outline-hover-bg: var(--c-bg);
	--hm-user-btn-border: var(--c-mute-2);
	--hm-user-btn-bg: transparent;
	--hm-user-btn-text: var(--c-text);

	--hm-user-link: var(--c-acc-d);
	--hm-user-menu-item-hover-bg: var(--c-pale);
	--hm-user-menu-item-font-size: 1rem;
	--hm-user-menu-item-font-weight: 700;

	--hm-user-label-font-size: 1rem;
	--hm-user-label-font-weight: 400;
	--hm-user-input-font-size: 1rem;
	--hm-user-notice-font-size: 1rem;
	--hm-user-notice-font-weight: 400;
	--hm-user-checkbox-line-height: 1.4;
	--hm-user-hint-font-size: .875rem;
	--hm-user-heading-font-weight: 300;
	--hm-user-section-summary-font-weight: 300;
	--hm-user-profile-name-font-size: 1.1rem;
	--hm-user-profile-name-line-height: 1.3;
	--hm-user-profile-email-font-size: .8rem;
}

.hm-user-profile-menu {
	--hm-user-input-border: 1px solid #8b9091;
	--hm-user-input-bg: #fbf9f6;
	--hm-user-input-focus-border-color: var(--c-acc-d);
}

@media (min-width: 60em) {
	body {
		--hm-user-card-padding: 2rem;
	}
}

body .hm-user-btn-primary:focus-visible {
	--hm-user-btn-primary-bg: var(--c-acc-d);
	--hm-user-btn-primary-text: #fff;
}

body .hm-user-btn-outline:is(:hover, :focus-visible) {
	--hm-user-btn-outline-bg: var(--c-bg);
	--hm-user-btn-outline-border: var(--c-acc-d);
	--hm-user-btn-outline-text: var(--c-acc-d);
}

body .hm-user-btn:is(:hover, :focus-visible) {
	--hm-user-btn-bg: var(--c-bg);
	--hm-user-btn-border: var(--c-acc-d);
	--hm-user-btn-text: var(--c-acc-d);
}

body .hm-user-profile-header {
	--hm-user-font-heading: var(--f-text);
	--hm-user-font-mono: var(--f-text);
}

body .hm-user-login-notice > :first-child {
	margin-top: 0;
}

body .hm-user-login-notice > :last-child {
	margin-bottom: 0;
}

body .hm-user-login-notice p:has(> .hm-user-btn) {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem;
}

.acc {
	border: 0;
	border-radius: var(--r-box);
	background: var(--c-bg);
	color: var(--c-text);
	box-shadow: 0 4px 5px -2px rgb(73 82 86 / .8);
}

.acc::backdrop {
	background: rgb(73 82 86 / .9);
}

.acc-t {
	margin: 0 0 1rem;
}

.acc-l {
	display: inline-block;
	padding: .4rem 1.2rem;
	border: 2px solid var(--c-hi);
	border-radius: var(--r-pill);
	color: var(--c-hi);
	font-weight: 700;
	text-decoration: none;
}

.acc-l::after {
	content: " \2192";
}

.acc-l:hover,
.acc-l:focus-visible {
	background: var(--c-hi);
	color: #fff;
}

.acc-x {
	color: var(--c-text);
}

[aria-busy="true"] {
	opacity: .6;
	transition: opacity .2s;
}

.art-edit,
.comment-edit-link {
	display: inline-block;
	padding: 0 .4rem;
	border: 1px solid var(--c-hi) !important;
	border-radius: 0;
	background: none !important;
	color: var(--c-hi) !important;
	font-size: .75rem;
	font-weight: 700;
	line-height: 1.6;
	text-transform: uppercase;
	text-decoration: none;
}

.art-edit:hover,
.art-edit:focus-visible,
.comment-edit-link:hover,
.comment-edit-link:focus-visible {
	background: var(--c-hi) !important;
	color: #fff !important;
}

.art-edit {
	margin-top: .5rem;
}

.art-edit[hidden] {
	display: none;
}

.cm-msg {
	padding: .5rem .75rem;
	border-left: 4px solid var(--c-hi);
	background: var(--c-bg-2);
	font-size: .9rem;
}

.cm {
	margin-top: 3rem;
}

.cm-t {
	margin-bottom: .25rem;
}

.cm > .cm-f {
	margin: 0 0 2rem;
}

.cm > .cm-f .cm-ft {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.cm-l .cm-f {
	margin-bottom: 1.5rem;
	padding-left: 3.75rem;
}

.cm-l .cm-f .cm-ft {
	margin: 1rem 0 .5rem;
	font-size: 1rem;
}

.cm-f .comment-form-comment {
	margin: 0;
}

.cm-f textarea {
	display: block;
	resize: vertical;
	transition: min-height .2s;
}

.cm-f:not(.is-compact) textarea,
.cm-f:focus-within textarea,
.cm-f textarea:not(:placeholder-shown) {
	min-height: 8rem;
}

.cm-f.is-compact:not(:focus-within):has(textarea:placeholder-shown) .comment-form > :not(.comment-form-comment) {
	display: none;
}

.cm-f .comment-form > * + * {
	margin-top: .75rem;
}

.cm-f .comment-form-cookies-consent,
.cm-f .comment-form-privacy,
.cm-f .comment-form-subscribe {
	font-size: .85rem;
}

.cm-f .cm-reg {
	padding: .5rem .75rem;
	border-radius: var(--r-box);
	background: var(--c-bg-2);
	font-size: .85rem;
}

.cm-reg a {
	color: var(--c-acc-d);
	font-weight: 700;
}

.ia-sub {
	margin: 0 0 1.5rem;
	font-size: .9rem;
}

.ia-sub-l {
	color: var(--c-acc-d);
	font-weight: 700;
	text-decoration: none;
}

.ia-sub-l:hover,
.ia-sub-l:focus-visible {
	text-decoration: underline;
}

.ia-sub-l.is-on {
	color: inherit;
	font-weight: 400;
}

.cm-l,
.cm-l .children {
	margin: 0;
	padding: 0;
	list-style: none;
}

.cm-l .children {
	padding-left: 2rem;
}

.comment-body {
	--cm-av: 3rem;
	--cm-line: var(--c-line);
	--cm-line-w: 2px;
	position: relative;
	margin: 1.5rem 0;
	padding-left: calc(var(--cm-av) + .75rem);
}

.cm-l .children .comment-body {
	--cm-av: 2rem;
}

.comment-body::before {
	content: "";
	position: absolute;
	top: calc(var(--cm-av) + .5rem);
	bottom: 0;
	left: calc((var(--cm-av) - var(--cm-line-w)) / 2);
	width: var(--cm-line-w);
	background: var(--cm-line);
}

.comment-meta {
	font-size: .85rem;
	line-height: 1.5;
}

.comment-meta .fn {
	font-weight: 700;
}

.comment-meta .avatar {
	position: absolute;
	top: 0;
	left: 0;
	width: var(--cm-av);
	height: var(--cm-av);
	border-radius: 50%;
}

.comment-content {
	margin-top: .25rem;
}

.comment-content .yt {
	margin: 1rem 0;
}

.yt-ph {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 16 / 9;
	padding: 1rem;
	border: 1px solid var(--c-line);
	border-radius: var(--r-box);
	background: var(--c-pale);
	text-align: center;
}

.yt-ph-box {
	max-width: 32rem;
}

.yt-ph-note {
	margin: 0 0 .75rem;
	font-size: .875rem;
}

.yt-ph-acts {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: .5rem 1rem;
	margin: 0;
}

.yt-ph-link {
	font-size: .875rem;
}

.reply .cm-d {
	text-transform: none;
}

.reply {
	margin-top: .25rem;
	font-size: .75rem;
	text-transform: uppercase;
}

.reply,
.fm-acts {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .25rem 1.25rem;
}

.fm-acts {
	margin: 1rem 0;
	font-size: .75rem;
	text-transform: uppercase;
}

.reply a,
.reply button,
.fm-acts a,
.fm-acts button {
	padding: 0;
	border: 0;
	background: none;
	color: var(--c-acc-d);
	font: inherit;
	text-transform: inherit;
	text-decoration: none;
	cursor: pointer;
}

.lb {
	--lb-bg: rgb(73 82 86 / .8);
	--lb-fg: #fff;
	--lb-ctl-bg: rgb(73 82 86 / .55);
}

button.ht {
	display: inline-flex;
	align-items: center;
	gap: .3rem;
	min-width: 1.5rem;
	min-height: 1.5rem;
	padding: 0 .25rem;
	border: 0;
	background: none;
	color: var(--c-text);
	font: 700 .85rem var(--f-text);
	text-transform: none;
	cursor: pointer;
}

.ht svg {
	flex: none;
	width: 1.1rem;
	height: 1.1rem;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
}

button.ht:hover {
	color: var(--c-acc-d);
}

button.ht[aria-pressed="true"] {
	color: var(--c-acc-d);
}

.ht[aria-pressed="true"] svg {
	fill: currentColor;
}

button.ht:disabled {
	opacity: .55;
	cursor: default;
}

button.ht:disabled:hover {
	color: var(--c-text);
}

.ht-n:empty {
	display: none;
}

.is-solution > .comment-body {
	--cm-line: var(--c-acc-d);
	--cm-line-w: 3px;
}

.fm-sol-l {
	display: inline-block;
	margin: 0 0 .5rem;
	padding: 0 .5rem;
	border-radius: var(--r-pill);
	background: var(--c-acc-d);
	color: #fff;
	font-size: .75rem;
	font-weight: 700;
	text-transform: uppercase;
}

.fm-sol a {
	font-weight: 700;
}

.fm-s {
	display: inline-block;
	padding: .15em .6em;
	border-radius: var(--r-pill);
	background: var(--c-bg-2);
	color: var(--c-text);
	font: 700 .75rem/1.2 var(--f-text);
	vertical-align: middle;
}

.fm-s.is-solved {
	background: var(--c-acc-d);
	color: #fff;
}

.fm > * {
	max-width: var(--w-c);
	margin-right: auto;
	margin-left: auto;
}

.fm > .fm-h {
	position: relative;
	isolation: isolate;
	margin-top: calc(-1 * var(--gap));
	margin-bottom: 2.5rem;
	padding-top: 3rem;
	padding-bottom: 3rem;
	background: var(--cw-light);
	text-align: center;
}

.fm-bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgb(0 0 0 / .55);
}

.fm-h:has(> .fm-bg) {

	background-color: #2b2f30;
	color: #fff;
}

.fm-h:has(> .fm-bg) a {
	color: inherit;
}

.fm-bc {
	margin-bottom: .75rem;
	font-size: .85rem;
}

.fm-bc a {
	text-decoration: underline;
	text-underline-offset: .2em;
}

.fm-t {
	margin: 0;
}

.fm-fl {
	display: flex;
	flex-wrap: wrap;
	gap: .35rem;
	justify-content: center;
	margin: 0 0 .75rem;
}

.fm-d {
	margin: 1rem 0 0;
}

.fm-h > .art-edit {
	margin-top: .75rem;
}

.fm-h > .sf {
	max-width: 32rem;
	margin: 1.5rem auto 0;
}

.fm--forums > .fmcs {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(max(16rem, calc((100% - 6rem) / 3)), 1fr));
	gap: 3rem;
	max-width: var(--w-w);
	margin: 0 auto 3rem;
}

.fmc {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: var(--r-box);
	background: var(--c-bg);
	box-shadow: var(--sh-card);
}

.fmc > :not(.fmc-i) {
	margin-right: 1rem;
	margin-left: 1rem;
}

.fmc-i img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 0;
	aspect-ratio: 16 / 8.45;
	object-fit: cover;

	contain-intrinsic-size: none;
}

.fmc-t {
	margin-top: 1rem;
	margin-bottom: .5rem;
	font-size: clamp(1.15rem, 1rem + .5vw, 1.3rem);
	line-height: 1.5;
}

.fmc-t a {
	color: inherit;
	text-decoration: none;
}

.fmc-t a:hover {
	color: var(--c-acc-d);
}

.fmc-d {
	margin-top: 0;
	margin-bottom: 1rem;
	font-size: .95rem;
}

.fmc-n {
	margin-top: auto;
	margin-bottom: 0;
	padding: .75rem 0 1rem;
	border-top: 1px solid var(--c-line);
	color: var(--c-mute);
	font-size: .85rem;
}

.fm-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .75rem 1.5rem;
	margin-bottom: 2rem;
}

.fm-bar > p {
	margin: 0;
}

.fm-ro {
	color: var(--c-mute);
}

.fm-new-l {
	display: inline-block;
	padding: .5rem 1.25rem;
	border-radius: var(--r-pill);
	background: var(--c-acc-d);
	color: #fff;
	font-weight: 700;
	text-decoration: none;
}

.fm-new-l:hover,
.fm-new-l:focus-visible {
	background: var(--c-acc-h);
	color: #fff;
}

.fm-lt {
	margin-bottom: .5rem;
	font-size: 1.3rem;
}

.fm > .fmts {
	margin: 0 auto 2rem;
}

.fmt {
	display: grid;
	grid-template-columns: 2.5rem fit-content(40%) minmax(0, 1fr);
	grid-template-areas:
		"av fl fl"
		"av t t"
		"av n m";
	column-gap: 1rem;
	align-items: baseline;
	padding: 1rem 0;
	border-bottom: 1px solid var(--c-line);
}

.fmt > .fmt-a {
	display: contents;
}

.fmt > .fmt-a img {
	grid-area: av;
	align-self: start;
	width: 2.5rem;
	height: 2.5rem;
}

.fmt > .fmt-a > :not(img) {
	grid-area: n;
	color: var(--c-mute);
	font-size: .85rem;
	text-decoration: none;
}

.fmt-fl {
	display: flex;
	flex-wrap: wrap;
	grid-area: fl;
	gap: .35rem;
	margin-bottom: .25rem;
}

.fmt-t {
	grid-area: t;
	font-size: 1.05rem;
	line-height: 1.4;
}

.fmt-t a {
	color: inherit;
	text-decoration: none;
}

.fmt-t a:hover {
	color: var(--c-acc-d);
}

.fmt-m {
	grid-area: m;
	color: var(--c-mute);
	font-size: .85rem;
}

.fmt-m::before {
	content: "· ";
}

.fmp {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 1.25rem;
}

.fmp > * {
	min-width: 0;
}

.fmp > :not(.ht-t, .ht, .fm-acts, .fm-sol) {
	flex-basis: 100%;
}

.fmp > .ht-t,
.fmp > .fm-acts,
.fmp > .fm-sol {
	margin: 1rem 0 0;
}

.fmp-h {
	margin-bottom: 1rem;
	color: var(--c-mute);
	font-size: .9rem;
}

.fm--topic > .tags,
.fm--topic > .fm-closed {
	margin-top: 1.5rem;
}

.pf > .pf-h {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .5rem;
	margin-top: calc(-1 * var(--gap));
	margin-bottom: 0;
	padding-top: 3rem;
	padding-bottom: 5.5rem;
	background: var(--cw-light);
	text-align: center;
}

.pf > .pf-h:not(:has(+ .pf-nav)) {
	margin-bottom: 3rem;
	padding-bottom: 3rem;
}

.pf > .pf-h > .pf-a {
	width: 6rem;
	max-width: 6rem;
	height: 6rem;
	object-fit: cover;
}

.pf > .pf-h > .pf-t {
	margin: .5rem 0 0;
}

.pf > .pf-h > .pf-d {
	max-width: var(--w-c);
	font-size: .95rem;
}

.pf > .pf-h > .pf-s {
	color: var(--c-acc-d);
	font-family: var(--f-head);
}

.pf > .pf-nav {
	position: relative;
	margin-top: -3.75rem;
	margin-bottom: 3rem;
}

.pf > .pf-nav ul {
	justify-content: center;
	gap: .5rem;
	margin: 0;
}

.pf-nav a,
.pf-sub a {
	display: inline-block;
	padding: .35rem 1rem;
	border: 1px solid var(--c-acc-d);
	border-radius: var(--r-pill);
	background: var(--c-bg);
	color: var(--c-acc-d);
	font-size: .85rem;
	text-decoration: none;
}

.pf-nav a.is-active,
.pf-nav a:hover,
.pf-nav a:focus-visible,
.pf-sub a.is-active,
.pf-sub a:hover,
.pf-sub a:focus-visible {
	background: var(--c-acc-d);
	color: #fff;
}

.pf-sub ul {
	justify-content: center;
}

.pf-c > .none {
	text-align: center;
}

.fmrs--profile .fmr {
	margin-bottom: 1.25rem;
}

.fmr-t {
	margin: 0;
	font-weight: 700;
}

.fmr-x {
	margin: .25rem 0;
}

.fmr-d {
	color: var(--c-mute);
	font-size: .85rem;
}

.cm-f input:not([type="checkbox"]):not([type="submit"]),
.cm-f textarea {
	width: 100%;
	min-height: 52px;
	padding: .6rem .9rem;
	border: 0;
	border-radius: var(--r-box);
	background: var(--c-bg-2);
	color: inherit;
	font: inherit;
}

.ft {
	position: relative;
	margin-top: 4rem;
	background: var(--c-acc-d);
	color: #fff;
	font-size: .95rem;
	line-height: 1.6;
}

.ft a {
	color: inherit;
}

.ft-a {
	position: relative;
	padding: 2.5rem var(--gap);
	background: var(--c-pale);
	color: var(--c-text);
}

.ft-a::before {
	bottom: 100%;
	background: var(--c-pale);
}

.ft-a > * {
	max-width: var(--w-w);
	margin-right: auto;
	margin-left: auto;
}

.ft-a h3,
.ft-a .wp-block-site-title {
	margin-top: 0;
	font-size: 1.4rem;
}

.ft-b {
	position: relative;
	display: grid;
	gap: 1rem;
	justify-items: center;
	padding: 1.5rem max(var(--gap), calc((100% - var(--w-hd)) / 2 + 1.5rem));

	padding-bottom: 5rem;
	text-align: center;
}

.ft-b::before {
	bottom: 100%;
	background: var(--c-acc-d);
}

.ft-c {
	margin: 0;
}

.nav-s ul,
.nav-m ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: .5rem 1.25rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.nav-s ul {
	gap: .6rem;
}

.nav-s a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	border: 2px solid #fff;
	border-radius: 50%;
	background: #fff;
	color: var(--c-acc-d);
}

.nav-s a:hover,
.nav-s a:focus-visible {
	background: transparent;
	color: #fff;
}

.nav-s svg {
	width: 1.25rem;
	height: 1.25rem;
}

.nav-m a {
	text-decoration: none;
}

.nav-m a:hover {
	text-decoration: underline;
}

.rel {
	margin-top: 4rem;
	padding-bottom: 4rem;
	background: linear-gradient(transparent 14rem, var(--c-line) 14rem);
}

.rel-t {
	margin: 0 0 2rem;
	text-align: center;
}

.mn:has(> .rel:last-child) {
	padding-bottom: 0;
}

body:has(.mn > .rel:last-child) .ft {
	margin-top: 0;
}

.tb {
	background: var(--c-bg);
	border-top: 2px solid var(--c-line);
	font-size: .7rem;
	line-height: 1.2;
}

.tb a {
	gap: .15rem;
	color: var(--c-mute);
	text-decoration: none;
}

.tb a.is-active {
	color: var(--c-acc-d);
	font-weight: 700;
}

.tb-s {
	background: var(--c-bg);
	border-top: 1px solid var(--c-line);
	box-shadow: 0 -4px 12px rgba(0, 0, 0, .08);
}

.tb a.is-open {
	color: var(--c-acc-d);
}

.drawer {
	background: var(--c-bg);
	color: var(--c-text);
	box-shadow: -8px 0 20px rgba(0, 0, 0, .12);
}

.drawer::backdrop {
	background: rgb(73 82 86 / .6);
}

.drawer-b {
	padding: .5rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom, 0px));
}

.drawer-h {
	margin: 0 -.5rem .5rem 0;
}

.drawer-t {
	color: var(--c-acc-d);
	font: 700 1.25rem/1.3 var(--f-text);
}

.drawer-x {
	color: var(--c-text);
	font-size: 2rem;
}

.drawer-l li + li {
	border-top: 1px solid var(--c-line);
}

.drawer-l a {
	padding: .75rem 0;
	color: var(--c-text);
	font-size: 1.05rem;
	text-decoration: none;
}

.drawer-l a:hover,
.drawer-l a:focus-visible {
	color: var(--c-acc-d);
}

:root {

	--hm-helper-btn-bg: #fff;
	--hm-helper-btn-fg: var(--c-acc-d);
	--hm-helper-btn-border: var(--c-line);
	--hm-helper-btn-size: 2.75rem;
	--hm-helper-btn-icon-size: 1.25rem;
	--hm-helper-btn-shadow: 0 2px 8px rgba(0, 0, 0, .2);

	--hm-helper-btn-inset-block-end: calc(1rem + env(safe-area-inset-bottom, 0px));

	--hm-helper-badge-bg: #cd491b;
}

body:has(> .tb) {
	--hm-helper-btn-inset-block-end: calc(1rem + var(--tb-sz, 3.5rem));
}

body:has(> .tb.is-hidden) {
	--hm-helper-btn-inset-block-end: calc(1rem + env(safe-area-inset-bottom, 0px));
}

.btn-back-to-top {
	transition: opacity .25s ease, visibility .25s, inset-block-end .2s ease;
}

.btn-hm-comments {
	transition: inset-block-end .2s ease;
}

@media (prefers-reduced-motion: reduce) {
	.btn-back-to-top,
	.btn-hm-comments {
		transition: none;
	}
}

.shr ul {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin: 2rem 0;
	padding: 0;
	list-style: none;
}

.shr a,
.shr button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--c-acc-d);
	color: #fff;
	cursor: pointer;
}

.shr a:hover,
.shr a:focus-visible,
.shr button:hover,
.shr button:focus-visible {
	background: var(--c-acc);
	color: #fff;
}

.shr svg {
	width: 1.25rem;
	height: 1.25rem;
}

.shr a > span,
.shr button > span {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.toc {
	margin-bottom: 3rem;
	padding-top: 3rem;
	padding-bottom: 3rem;
	background: var(--c-bg-2);
}

.toc-l {
	margin: 0 0 1rem;
	font: 300 1.6rem/1.3 var(--f-head);
}

.toc ol {
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: toc;
}

.toc li {
	display: grid;
	grid-template-columns: 1.5rem 1fr;
	counter-increment: toc;
	font-size: .9rem;
	line-height: 1.8;
}

.toc li::before {
	content: counter(toc);
	color: var(--c-mute);
}

.toc a {
	color: var(--c-acc-d);
	text-decoration: none;
}

.toc a:hover {
	text-decoration: underline;
}

.rc [hidden] {
	display: none !important;
}

.rc {
	margin: 3rem 0;
	padding: 1.5rem var(--gap);
	border: 2px solid var(--c-line);
	border-radius: var(--r-box);
	scroll-margin-top: calc(var(--hd-cover) + 1rem);
}

.rc-t {
	margin: 0 0 1rem;
}

:where(.art-c) .rc-img {
	margin: 0 0 1rem;
}

.rc-img-i {
	display: block;
	width: 100%;
	height: auto;
}

.rc-sum {
	margin-bottom: 1rem;
}

.rc-sum > :last-child {
	margin-bottom: 0;
}

.rc-ic {
	display: inline-flex;
	width: 1.1em;
	height: 1.1em;
	margin-right: .35em;
	color: var(--cw-dark);
	vertical-align: -.15em;
}

.rc-ic svg {
	width: 100%;
	height: 100%;
}

.rc-meta {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem 1.5rem;
	margin: 0 0 1rem;
	padding: .75rem 0;
	border-top: 1px solid var(--c-line);
	border-bottom: 1px solid var(--c-line);
	font-size: .9rem;
}

.rc-meta dt {
	color: var(--c-mute);
	font-size: .8rem;
}

.rc-meta dd {
	margin: 0;
	font-weight: 700;
}

.rc-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: .75rem 1.25rem;
	margin: 0 0 1rem;
}

.rc-act {
	margin: 0;
}

.rt.rt--card {
	gap: .5rem .75rem;
	margin: 0;
	font-size: .9rem;
}

.rt--card .rt-q,
.rt--card .rt-v {
	flex-basis: auto;
	font: inherit;
}

.rt--card .rt-q {
	font-weight: 700;
}

.rt--card .rt-b {
	width: 2rem;
	height: 2rem;
}

.rt--card .rt-b svg {
	width: 1rem;
	height: 1rem;
}

.rc-print {
	display: inline-flex;
	align-items: center;
	padding: .45rem 1.1rem;
	border: 1px solid var(--cw-dark);
	border-radius: var(--r-pill);
	background: var(--c-bg);
	color: var(--cw-dark);
	font: inherit;
	font-size: .9rem;
	cursor: pointer;
}

.rc-print:hover {
	background: var(--cw-dark);
	color: #fff;
}

.rc-print:hover .rc-ic {
	color: inherit;
}

.rc-yield {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .4rem;
	margin: 1.5rem 0 0;
	font-weight: 700;
}

.rc-yield-dec,
.rc-yield-inc {
	width: 2rem;
	height: 2rem;
	padding: 0;
	border: 1px solid var(--cw-dark);
	border-radius: 50%;
	background: var(--c-bg);
	color: var(--cw-dark);
	font: 700 1.1rem/1 var(--f-text);
	cursor: pointer;
}

.rc-yield-dec:hover,
.rc-yield-inc:hover {
	background: var(--cw-dark);
	color: #fff;
}

.rc-yield-dec:disabled {
	opacity: .4;
	cursor: default;
}

.rc-yield-dec:disabled:hover {
	background: var(--c-bg);
	color: var(--cw-dark);
}

.rc-yield-n {
	min-width: 1.5em;
	text-align: center;
}

.rc-st {
	margin: 2rem 0 1rem;
	font-size: 1.3rem;
}

.rc-gh {
	margin: 1.25rem 0 .5rem;
	font-size: 1rem;
}

:where(.art-c) .rc-ing {
	margin: 0 0 1rem;
	padding: 0;
}

.rc-ing > li {
	position: relative;
	padding: .3rem 0 .3rem 2rem;
	border-bottom: 1px solid var(--c-line);
}

.rc-ing > li::before {
	content: "";
	position: absolute;
	top: .55rem;
	left: 0;
	width: 1.1rem;
	height: 1.1rem;
	margin: 0;
	border: 2px solid var(--cw);
	border-radius: 50%;
	box-sizing: border-box;
}

.rc-ing > li[role="checkbox"] {
	cursor: pointer;
}

.rc-ing > li:focus-visible {
	outline: 2px solid var(--cw-dark);
	outline-offset: 2px;
}

.rc-ing > li.is-checked {
	color: var(--c-mute);
	text-decoration: line-through;
}

.rc-ing > li.is-checked::before {
	background: var(--cw);
}

.rc-ing > li.is-checked::after {
	content: "";
	position: absolute;
	top: .8rem;
	left: .38rem;
	width: .32rem;
	height: .55rem;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.rc-q {
	font-weight: 700;
}

:where(.art-c) .rc-steps {
	margin: 0 0 1rem;
	padding-left: 1.75rem;
}

.rc-s {
	margin-bottom: 1rem;
	padding-left: .25rem;
	scroll-margin-top: calc(var(--hd-cover) + 1rem);
}

:where(.art-c) .rc-steps .rc-s::marker {
	color: var(--cw-dark);
}

:where(.art-c) .rc-s-img {
	margin: .75rem 0 0;
}

.rc-s-img-i {
	display: block;
	max-width: 100%;
	height: auto;
}

.rc-notes {
	margin-top: 2rem;
	padding: 1rem 1.25rem;
	border-radius: var(--r-box);
	background: var(--c-bg-2);
}

.rc-notes .rc-st {
	margin-top: 0;
}

.rc-notes > :last-child {
	margin-bottom: 0;
}

.rc-nut dl {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
	gap: .5rem 1rem;
	margin: 0;
	font-size: .9rem;
}

.rc-nut dt {
	color: var(--c-mute);
	font-size: .8rem;
}

.rc-nut dd {
	margin: 0;
	font-weight: 700;
}

.rc-jump {
	display: inline-block;
	margin: 0 0 .75rem;
	padding: .35rem 1rem;
	border-radius: var(--r-pill);
	background: var(--cw-dark);
	color: #fff;
	font-size: .9rem;
	font-weight: 700;
	text-decoration: none;
}

.rc-jump:hover {
	background: var(--cw);
	color: #fff;
}

@media print {
	.ad-slot,
	.cm-ad,
	.google-auto-placed,
	.adsbygoogle {
		display: none !important;
	}

	.rc {
		margin: 1rem 0;
		padding: 0;
		border: 0;
	}

	.rc-yield-dec,
	.rc-yield-inc,
	.rc-act,
	.rc-jump {
		display: none !important;
	}

	.rc-ing > li {
		padding-left: 1.5rem;
		break-inside: avoid;
	}

	.rc-s {
		break-inside: avoid;
	}

	html:not(.is-print-part) .rc-img {
		display: none !important;
	}

	html.is-print-part .rc-s-img,
	html.is-print-part .rc img:not(.rc-img img),
	html.is-print-part .rc picture:not(.rc-img picture),
	html.is-print-part .rc figure:has(img):not(.rc-img) {
		display: none !important;
	}
}

@media (min-width: 60em) {
	:root {
		--gap: 1.5rem;

		--hd-h: 5.5rem;

		--hd-cover: calc(var(--hd-h) + 6px);
		--hm-helper-btn-inset-block-end: 1.25rem;
	}

	body:has(> .tb),
	body:has(> .tb.is-hidden) {
		--hm-helper-btn-inset-block-end: 1.25rem;
	}

	.hd {
		position: sticky;
		top: 0;
		flex-wrap: nowrap;
		height: var(--hd-h);
	}

	.hd .nav {
		display: block;
		margin-left: auto;
	}

	.hd .sf {
		flex: 0 1 15rem;
		margin-left: 0;
	}

	.hd::before {
		content: "";
		position: absolute;
		top: calc(100% + 3px);
		left: 0;
		right: 0;
		height: 6px;
		background: linear-gradient(rgba(237, 231, 219, .4), transparent);
		pointer-events: none;
	}

	.hd-c {
		font-size: 1rem;
	}

	.ft-b {
		grid-template-columns: 1fr auto 1fr;
		align-items: center;
		text-align: left;
	}

	.ft-b > :first-child {
		justify-self: start;
	}

	.ft-b > .nav-m {
		justify-self: end;
	}

	.custom-logo {
		width: 10rem;
		max-height: calc(var(--hd-h) - 2.75rem);
		object-fit: contain;
		object-position: left;
	}
}

.color-einkaufen { --cw: #515b87; --cw-dark: #4f597d; --cw-light: #dcdee7; }
.color-ernaehrung { --cw: #f45720; --cw-dark: #c35028; --cw-light: #fdddd2; }
.color-familie { --cw: #ddb613; --cw-dark: #887317; --cw-light: #f8f0d0; }
.color-garten { --cw: #666740; --cw-dark: #606344; --cw-light: #e0e1d9; }
.color-gesundheit { --cw: #88b04b; --cw-dark: #5b7633; --cw-light: #e7efdb; }
.color-haushalt { --cw: #0061a3; --cw-dark: #0f5e94; --cw-light: #ccdfed; }
.color-koerperpflege { --cw: #ce3375; --cw-dark: #b3396f; --cw-light: #f5d6e3; }
.color-kreativitaet { --cw: #009499; --cw-dark: #0e8286; --cw-light: #cceaeb; }

@media print {

	.rt,
	.ht,
	.bm,
	.btn-back-to-top,
	.btn-hm-comments {
		display: none !important;
	}

	.art-c :is(figure, .wp-block-image):has(img):not(.wp-block-gallery *, .bkb *) {
		float: right;
		clear: right;
		width: 50%;
		margin: .25rem 0 1rem 1.5rem;
	}

	.art-c :is(h2, h3, h4, .rc, .bkb) {
		clear: both;
	}

	html:not(.is-print-part) .rc-s:has(> .rc-s-img) > .rc-s-t {
		float: left;
		width: calc(50% - 1.5rem);
	}

	.rc-s:has(> .rc-s-img)::after {
		content: "";
		display: block;
		clear: both;
	}

	.bkb:not(.bkb-plain) {
		--bkb-surface: transparent;
		--bkb-text-light: var(--c-text);
		--bkb-kicker: var(--c-mute);
		--bkb-micro: var(--c-mute);
		--bkb-line: var(--c-line);
		color: var(--c-text);
		break-inside: avoid;
	}

	.bkb:not(.bkb-plain) a,
	.bkb:not(.bkb-plain) .bkb-title,
	.bkb:not(.bkb-plain) .bkb-facts strong {
		color: var(--c-text);
	}

	.bkb:not(.bkb-plain) .bkb-in {
		border: 1px solid var(--c-line);
	}

	.bkb:not(.bkb-plain) .bkb-button {
		border: 1px solid currentColor;
	}

	.bkb-plain {
		break-inside: avoid;
	}

	@container bkb (min-width: 600px) {
		.bkb:not(.bkb-plain) [data-v]:not([data-v~="c"]) { display: none; }
		.bkb:not(.bkb-plain) [data-v~="c"]:not([data-v~="l"]) { display: revert; }
		.bkb:not(.bkb-plain) .bkb-head:not(:has(.bkb-badge[data-v~="c"])) { display: none; }
		.bkb:not(.bkb-plain) .bkb-in { gap: 16px; padding: 16px; }
		.bkb:not(.bkb-plain) .bkb-cover { box-shadow: none; }
		.bkb:not(.bkb-plain) .bkb-cover img { height: 137px; max-width: 140px; }
		.bkb:not(.bkb-plain) .bkb-body,
		.bkb:not(.bkb-plain) .bkb-act { gap: 8px; }
		.bkb:not(.bkb-plain) .bkb-core { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
		.bkb:not(.bkb-plain) .bkb-core > * { flex: 0 0 100%; }
		.bkb:not(.bkb-plain) .bkb-core > .bkb-head,
		.bkb:not(.bkb-plain) .bkb-core > .bkb-title-z { flex: 0 1 auto; }
		.bkb:not(.bkb-plain) .bkb-badge { font-size: 11px; padding: 3px 7px; }
		.bkb:not(.bkb-plain) .bkb-title { font-size: 20px; line-height: 26px; }
		.bkb:not(.bkb-plain) .bkb-button { min-height: 48px; padding: 0 20px; font-size: 16px; }
		.bkb:not(.bkb-plain) .bkb-probe { font-size: 15px; }
	}

	body {
		background: #fff;
		color: #000;
		font-size: 11pt;
	}

	.mn {
		max-width: none;
		padding: 0;
	}

	.art > .art-h {
		margin: 0;
		padding: 0;
		background: none;
	}

	.art-h::after {
		content: none;
	}

	.art-h + .art-i {
		margin-top: 0;
	}

	.prt-h {
		margin: 0 0 1.5rem;
		padding-bottom: .75rem;
		border-bottom: 2px solid var(--cw);
		text-align: center;
	}

	.prt-b {
		margin: 0;
	}

	.prt-b .custom-logo {
		max-height: 3rem;
		width: auto;
		margin: 0 auto;
		object-position: center;
	}

	.prt-n {
		font: 700 1.5rem/1.2 var(--f-text);
		color: var(--cw-dark);
	}

	.prt-c {
		margin: .25rem 0 0;
		font-style: italic;
	}

	.prt-u {
		margin: .5rem 0 0;
		font-size: 9pt;
	}

	.prt-u a,
	:where(.art-c, .editor-styles-wrapper) a {
		color: var(--cw-dark);
	}

	.prt-f {
		margin-top: 2rem;
		padding-top: .75rem;
		border-top: 2px solid var(--cw);
	}

	.prt-f p {
		margin: 0;
	}
}

html body .brlbs-cmpnt-widget > svg {
	display: none !important;
}