/*---------------------------------------------------------------------------*\
	#Elements
\*---------------------------------------------------------------------------*/

/*p {
	max-width: 80ch;
	margin-right: auto;
	margin-left: auto;
}*/





/*---------------------------------------------------------------------------*\
	#Entry-Content
\*---------------------------------------------------------------------------*/

.entry-content {
	hyphens: auto;
	hyphenate-limit-chars: 6;
}

.entry-content :where( h1, h2, h3, h4, h5, h6 ) {
	margin-bottom: var( --gap );
}

.entry-content :where( ul ) {
	margin-left: 2em;
	list-style-type: none;
}

.entry-content :where( li )::before {
	content: "◮";
	position: absolute;
	color: var( --color--primary );
	display: inline-block;
	transform: translateX( -1.5em ) rotate( 90deg );
}





/*---------------------------------------------------------------------------*\
	#Ast-Container overrides

	The container system is inconsistent and there is no option for some
	settings. Make it that Astra and theme.json work together.

	Optimised for Astra full width layout.
\*---------------------------------------------------------------------------*/

.ast-full-width-layout .ast-container {
	max-width: calc( var( --container--width ) + var( --gap ) * 2 );
	padding-right: var( --gap );
	padding-left: var( --gap );
}

.ast-full-width-layout.ast-narrow-container .site-content > .ast-container {
	max-width: calc( var( --container--width--narrow ) + var( --gap ) * 2 );
}

.ast-full-width-layout.ast-no-sidebar.ast-narrow-container .entry-content > .alignwide {
	--container--max-width: min( calc( 100vw - var( --gap ) * 2 ), var( --container--width ) );
	--container--min-width: min( calc( 100vw - var( --gap ) * 2 ), var( --container--width--narrow ) );
	--margin--offset: calc( ( var( --container--min-width ) - var( --container--max-width ) ) / 2 );
	margin-right: var( --margin--offset );
	margin-left: var( --margin--offset );
}

.ast-full-width-layout.ast-no-sidebar.ast-separate-container .entry-content > .alignfull,
.ast-full-width-layout.ast-no-sidebar.ast-narrow-container .entry-content > .alignfull {
	margin-left: calc( -50vw + 50%);
	margin-right: calc( -50vw + 50%);
}