html {
	scroll-behavior: smooth;
	/* Keep in-page anchor targets clear of the sticky navigation. */
	scroll-padding-top: var(--navigation-height);
}

body {
	font-family: var(--font-family);
	font-size: var(--font-size-p);
	line-height: var(--line-height-p);
}

p + h1,
p + h2,
p + h3 {
	margin-top: 32px;
}

/*
 * h1/h2 sizing lives solely in theme.json (styles.elements.h1/h2), which
 * WordPress turns into plain `h1 { font-size: var(--wp--preset--font-size--h1) }`
 * rules of its own. A second same-specificity rule here previously fought that
 * one for the cascade — whichever stylesheet happened to print last won, which
 * differed between the front end and the editor iframe. Don't reintroduce it;
 * change sizes in theme.json instead.
 */

h3 {
	font-weight: 500;
	font-size: 24px;
	line-height: 1.3;
}

/*
 * Front-page scroll stage.
 * Owns the stacking context the fixed hero image sits behind, and zeroes the
 * block gap so hero / navigation / content butt together with no seams.
 */
.yogaacademie-home {
	isolation: isolate;
	--wp--style--block-gap: 0px;
}

.yogaacademie-home > * {
	margin-block: 0;
}

figure.wp-block-table {
	border: none;

	tr, thead, td, table, th  {
		border: none;
	}
	
}

.entry-content  a {
	color: var(--color-gold);
	font-weight: 600;
	text-decoration: none;
}

p + h2, p + h3 {
	margin-top: 50px !important;
}

ul + h3 {
	margin-top: 50px !important;
}

h3 + p {
	margin-top: 10px !important;
}