/* Pico Overrides ------ */

:root,
:host {
	--pico-font-size: 100%;
	--pico-nav-element-spacing-vertical: 0rem;
	--pico-nav-element-spacing-horizontal: 0.5rem;
}

@media (min-width: 576px) {
	:root,
	:host {
		--pico-font-size: 100%;
	}
}

@media (min-width: 768px) {
	:root,
	:host {
		--pico-font-size: 100%;
	}
}

@media (min-width: 1024px) {
	:root,
	:host {
		--pico-font-size: 106.25%;
	}
}

@media (min-width: 1280px) {
	:root,
	:host {
		--pico-font-size: 106.25%;
	}
}

@media (min-width: 1536px) {
	:root,
	:host {
		--pico-font-size: 106.25%;
	}
}


button,
[role=button] {
	margin: 0;
}

article > header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

dialog>article {
    max-height: calc(100svh - var(--pico-spacing) * 2);
}

blockquote p:last-child, 
blockquote ul:last-child, 
blockquote ol:last-child {
	margin-bottom: 0;
}

aside li a {
	display: flex;
	align-items: center;
	gap: .75em;
}

aside li a:hover {
	text-decoration: none;
}

.container-fluid {
	max-width: 800px;
}