:root {
	--wp--preset--color--black: #000000;
	--wp--preset--color--cyan-bluish-gray: #abb8c3;
	--wp--preset--color--white: #ffffff;
	--wp--preset--color--pale-pink: #f78da7;
	--wp--preset--color--vivid-red: #cf2e2e;
	--wp--preset--color--luminous-vivid-orange: #ff6900;
	--wp--preset--color--luminous-vivid-amber: #fcb900;
	--wp--preset--color--light-green-cyan: #7bdcb5;
	--wp--preset--color--vivid-green-cyan: #00d084;
	--wp--preset--color--pale-cyan-blue: #8ed1fc;
	--wp--preset--color--vivid-cyan-blue: #0693e3;
	--wp--preset--color--vivid-purple: #9b51e0;
	--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
	--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
	--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
	--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
	--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
	--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
	--wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
	--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
	--wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
	--wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
	--wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
	--wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
}

main {
	h1,
	> p:has(iframe),
	> iframe,
	> figure,
	> img {
		grid-column: picture;
		margin-block: calc(var(--gap) * 3);
		@media(max-width:800px) {
			margin-block: calc(var(--gap) * 2) !important;
		}
		
		figcaption {
			padding: 0 calc(var(--gap) * 3);
		}
		img {
			display: block;
		}
		
		&:has(+figure) {
			margin-bottom: var(--gap);
		}
		
		+figure {
			margin-block: calc(var(--gap) / 2);
			@media(max-width:800px) {
				margin-block: calc(var(--gap) * 1) !important;
			}
			
			+*:not(figure) {
				margin-top: calc(var(--gap) * 3);
				@media(max-width:800px) {
					margin-block: calc(var(--gap) * 2) !important;
				}
			}
		}
		+*:not(figure) {
			margin-top: calc(var(--gap) * 3);
			@media(max-width:800px) {
				margin-block: calc(var(--gap) * 2) !important;
			}
		}
	}
	
	details {
		nav {
			counter-reset: item2;
			counter-reset: item3;
			counter-reset: item4;
			a {
				display: block;
				text-decoration: none;
				&.nav-h2 {
					counter-increment: item2;
					counter-reset: item3;
					&:before {
						content: counter(item2) ") ";
					}
				}
				&.nav-h3 {
					counter-increment: item3;
					counter-reset: item4;
					margin-left: var(--gap);
					&:before {
						content: counter(item2) "." counter(item3) ") ";
					}
				}
				&.nav-h4 {
					counter-increment: item4;
					margin-left: calc(var(--gap) * 2);
					&:before {
						content: counter(item2) "." counter(item3) "." counter(item4) ") ";
					}
				}
			}
		}
	}
	
	> nav {
		display: flex;
		gap: var(--gap);
		margin-block: var(--gap);
		a:has(.facebook) {
			background: var(--color-facebook);
			border-color: var(--color-facebook);
			color: white;
			&:hover {
				background: var(--color-facebook);
				border-color: var(--color-facebook);
				color: white;
				outline-color: white;
				.icon {
					background: white;
				}
			}
			.icon {
				background: white;
			}
			span {
				color: inherit;
			}
		}
		a:has(.threads) {
			background: var(--color-threads);
			border-color: var(--color-threads);
			color: white;
			&:hover {
				background: var(--color-threads);
				border-color: var(--color-threads);
				color: white;
				outline-color: white;
				.icon {
					background: white;
				}
			}
			.icon {
				background: white;
			}
			span {
				color: inherit;
			}
		}
		a:has(.twitter) {
			background: var(--color-twitter);
			border-color: var(--color-twitter);
			color: white;
			&:hover {
				background: var(--color-twitter);
				border-color: var(--color-twitter);
				color: white;
				outline-color: white;
				.icon {
					background: white;
				}
			}
			.icon {
				background: white;
			}
			span {
				color: inherit;
			}
		}
		a:has(.pinterest) {
			background: var(--color-pinterest);
			border-color: var(--color-pinterest);
			color: white;
			&:hover {
				background: var(--color-pinterest);
				border-color: var(--color-pinterest);
				color: white;
				outline-color: white;
				.icon {
					background: white;
				}
			}
			.icon {
				background: white;
			}
			span {
				color: inherit;
			}
		}
		a:has(.xing) {
			background: var(--color-xing);
			border-color: #48969e;
			color: white;
			&:hover {
				background: var(--color-xing);
				border-color: #48969e;
				color: white;
				outline-color: white;
				.icon {
					background: white;
				}
			}
			.icon {
				background: white;
			}
			span {
				color: inherit;
			}
		}
		a:has(.linkedin-square) {
			background: var(--color-linkedin);
			border-color: var(--color-linkedin);
			color: white;
			&:hover {
				background: var(--color-linkedin);
				border-color: var(--color-linkedin);
				color: white;
				outline-color: white;
				.icon {
					background: white;
				}
			}
			.icon {
				background: white;
			}
			span {
				color: inherit;
			}
		}
		@media(max-width:1000px) {
			a > span {
				display: none;
			}
		}
	}
	
	@media(max-width:800px) {
		> h2, 
		> h3,
		> h4,
		> h5,
		> h6,
		> p {
			padding-inline: var(--gap);
		}
	}
	
	.has-background {
		grid-column: picture;
		margin-block: calc(var(--gap) * 3);
		padding: calc(var(--gap) * 3);
		background: var(--lightgrey);
		/*box-shadow: 0 0 var(--gap) #000;*/
		text-wrap: pretty;
	}
	
	#advertising {
		border: 1px solid var(--red);
		padding: calc(var(--gap) / 4) calc(var(--gap) / 2);
		border-radius: 100vw;
		font-size: .75em;
		float: right;
	}
	
	.wp-block-gallery {
		&:has(>figure),
		ul {
			list-style: none;
			margin: 0;
			padding: 0;
			display: grid;
			gap: var(--gap);
			grid-template-columns: var(--columns-fit-3);
		}
		&.columns-4 {
			&:has(>figure),
			ul {
				grid-template-columns: var(--columns-fit-4);
			}
		}
		&.is-cropped {
			figure {
				width: 100%;
				height: 100%;
				overflow: clip;
				position: relative;
				
				img {
					object-fit: cover;
					width: 100%;
					height: 100%;
				}
				figcaption {
					position: absolute;
					bottom: 0;
					left: 0;
					right: 0;
					padding: var(--gap);
					color: white;
					text-align: center;
					background: linear-gradient(to bottom, transparent, black);
				}
			}
		}
	}
	
	.instagram-media {
		grid-column: content;
	}
	
	.tags {
		display: grid;
		grid-template-columns: var(--grid);
		grid-column: full-width;
		background: var(--primary-light);
		margin-block: var(--gap);
		
		ul {
			margin-block: var(--gap);
			grid-column: content;
			display: flex;
			gap: var(--gap);
			list-style: none;
			a {
				text-decoration: none;
			}
			svg {
				height: 1em;
			}
		}
	}
}

#author {
	grid-column: picture;
	background: var(--lightgrey);
	display: grid;
	grid-template-columns: 1fr 3fr;
	gap: var(--gap);
	align-items: center;
	margin-top: var(--gap);
	
	@media(max-width:800px) {
		grid-template-columns: 1fr;	
	}
	
	img {
		display: block;
	}
	> div {
		padding: var(--gap);
	}
}

body > aside {
	display: grid;
	grid-template-columns: var(--grid);	
	padding-block: calc(var(--gap) * 2);
	background: var(--primary-light);
	
	article {
		border-top: 5px solid var(--primary);
		padding-block: var(--gap);
	}
	
	> * {
		grid-column: content;
		
		time {
			display: block;
			font-size: .9em;
			font-weight: 100;
		}
		
		&.answer {
			padding-left: var(--gap);
			border-top: 0;
			border-left: 5px solid var(--primary);
		}
	}
}



p:empty {
	display: none;
}
p:has(strong:only-child) {
	font-size: 1.15rem !important;
	font-weight: 100 !important;
	* {
		font-size: inherit !important;
		font-weight: inherit !important;
	}
}



.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
	background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}

.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
	background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}

.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
	background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}

.has-luminous-vivid-orange-to-vivid-red-gradient-background {
	background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}

.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
	background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}

.has-cool-to-warm-spectrum-gradient-background {
	background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}

.has-blush-light-purple-gradient-background {
	background: var(--wp--preset--gradient--blush-light-purple) !important;
}

.has-blush-bordeaux-gradient-background {
	background: var(--wp--preset--gradient--blush-bordeaux) !important;
}

.has-luminous-dusk-gradient-background {
	background: var(--wp--preset--gradient--luminous-dusk) !important;
}

.has-pale-ocean-gradient-background {
	background: var(--wp--preset--gradient--pale-ocean) !important;
}

.has-electric-grass-gradient-background {
	background: var(--wp--preset--gradient--electric-grass) !important;
}

.has-midnight-gradient-background {
	background: var(--wp--preset--gradient--midnight) !important;
}