@media print {
	::details-content { content-visibility: visible; }
}
@media screen {
	main section, header section { min-height: 70vh; }
	.flex-1 { flex: 1; }
	.flex-2 { flex: 2; }
	.flex-4 { flex: 4; }
	.flex-5 { flex: 5; }
}
@media screen and (min-width: 1140px) {
	nav ::details-content { content-visibility: visible; }
	.wide-collapse, .wide-collapse.icofont { display: none; }
}
.align-self-end { align-self: flex-end; }
.bg.blue { background-color: #006C88FF; color: #FFFFFFFF; }
.bg.canvas { background-color: Canvas; color: CanvasText; }
.bg.green { background-color: #24A8B4FF; color: #FFFFFFFF; }
.bg.white { background-color: #FFFFFFFF; color: initial; }
.blue { color: #006C88FF; }
.button { display: inline-block; padding-inline: 15px; padding-block: 10px; border-radius: 40px; font-weight: 700; text-wrap: nowrap; overflow-x: clip; }
.button.bg.white { color: #24A8B4FF; }
.canvas { color: CanvasText; }
.card > .content { max-width: 300px; height: 100%; }
.card { box-shadow: #00000022 0 0 15px; padding: 16px; margin: 16px; border-radius: 8px; }
.column { display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: stretch; }
.flow-row { display: flex; flex-flow: row wrap; justify-content: center; }
.green { color: #24A8B4FF; }
.icofont { display: inline-block; font-size: 24px; margin: 8px; }
.logo { height: 40px; }
.row { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.shelf > .card > .content.column { max-width: 600px; justify-content: space-between; align-items: flex-start; }
.shelf > .card { flex: none; max-width: 70vw; }
.shelf { display: flex; flex-flow: row nowrap; overflow-x: scroll; }
.sticky-start { position: sticky; inset-block-start: 0; }
.text-align-center { text-align: center; }
.white { color: #FFFFFFFF; }
a { color: inherit; }
article.card:target { box-shadow: #00000099 0 0 15px; }
article[id], img[id] { scroll-margin-block-start: 147px; }
blockquote { margin: 0; text-align: justify; }
body > section nav summary { margin-inline: 8px; }
body { margin: 0; font-family: ui-sans-serif, sans-serif; }
details { max-width: 100%; }
figure figcaption { font-style: italic; text-align: end; }
figure { margin: 0; }
footer section > .content.flow-row { justify-content: flex-start; align-items: flex-start; }
h1 { font-size: 3.2rem; }
h1, h2, h3, h4 { line-height: 1em; }
h2 { font-size: 1.8rem; text-align: center; }
h4 { font-size: 1.3rem; }
header .shelf { gap: 16px; }
html { color-scheme: light; }
img { max-width: 100%; border-radius: 8px; }
main .icofont { font-size: 64px; margin: 16px; }
main nav, header nav, body > section nav { padding-block: 16px; text-align: center; }
main section > .content > div, header section > .content > div { min-width: 300px; max-width: 100%; }
main section, header section, footer section { padding: 24px; }
nav a { text-decoration: inherit; font-weight: 700; }
nav details.flow-row { gap: 0; row-gap: 8px; }
nav.column { gap: 8px; }
nav.flow-row, nav .flow-row { align-items: center; gap: 8px; }
ol { padding-inline-start: 24px; }
section > .content { max-width: 1140px; width: 100%; margin-inline: auto; }
section > .content.flow-row { align-items: center; gap: 16px; }
section > .content.max-width-full { max-width: 100%; }
section[id] { scroll-margin-block-start: 147px; }
summary h3 { margin: 0; }
summary { display: inline-block; cursor: pointer; }
ul { padding-inline-start: 20px; }
