/*
	(c)2026 - visuallizard.com

	General styles.
*/

/* Temporary-conternt Helper */
a[href="#temp"],
.temp {
    outline: 1px dashed red;
    outline-offset: .5rem;
}

.page-title {
	/* font-size: clamp(2rem, .75rem + 5vw, 4rem); */
	font-size: clamp(2rem, 1.5rem + 3vw, 4.5rem);
	text-wrap: balance;
	text-align: center;
}
.page-title:empty {
	display: none;
}

.pagination-links:not(:has( * ))  {
	display: none;
}

.metagrid {
	display: grid;
	grid-template-columns: max-content;
	grid-template-rows: 1fr;
	row-gap: .5rem;
	column-gap: 1rem;
	margin-block: 0;
}
.metagrid dd + dt,
.metagrid dt + dd,
.metagrid dd + dd {
	margin-top: 0;
}
.metagrid dt {
	grid-column-start: 1;
	grid-column-end: 2;
}
.metagrid dd {
	grid-column-start: 2;
	grid-column-end: 3;

	font-weight: normal;
}


.cke h3:first-child,
.cke .h3:first-child {
    margin-top: 0;
}


.world-map {
	display: block;
	margin: 2rem auto;
}

.attention {
	position: relative;
	margin-block: 2rem;
	padding: .75rem 2rem .75rem;

	font-size: 1.5rem;
	font-weight: 600;
	letter-spacing: 5%;
	text-wrap: balance;

	border-left: 1rem solid var(--color-5-muted);
	border-radius: var(--border-radius-4);
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;

	background-color: var(--color-4);
	color: var(--secondary);
}