:root {
    font-family: Georgia, 'Times New Roman', Times, serif;
	font-family: "Helvetica Neue", sans-serif;
    font-size: 22px;
    line-height: 1.45rem;
    padding: 1em;
	color: #333;
}

@view-transition {
    navigation: auto;
}

article :is(p, > ul, > ol, blockquote) {
    width: clamp(0ch, 100%, 90ch);
}

p {
    hyphens: auto;
    text-wrap: pretty;
}

h1, h2, h3, h4, h5, h6 {
    margin-block: 1rlh;
}

body > * {
    margin-block: 2rlh;
}

p + p {
    text-indent: 1lh;
}

[role="banner"] h1 {
    margin-block: 0;
    font-size: inherit;
	
	&::before {
		content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!-- Icon from Iconoir by Luca Burgio - https://github.com/iconoir-icons/iconoir/blob/main/LICENSE --%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3 12h3l3-9l6 18l3-9h3'/%3E%3C/svg%3E");
		margin-inline-end: 0.25em;
	}
}

nav {
    display: flex;
    column-gap: 1rlh;
}

a {
    color: inherit;
    text-underline-offset: 0.15em;
}

:is(header, footer) a:not(:hover) {
    text-decoration: none;
}

a.menu::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!-- Icon from Iconoir by Luca Burgio - https://github.com/iconoir-icons/iconoir/blob/main/LICENSE --%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3 5h18M3 12h18M3 19h18'/%3E%3C/svg%3E");
	margin-inline-end: 0.25em;
}

a.home::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!-- Icon from Iconoir by Luca Burgio - https://github.com/iconoir-icons/iconoir/blob/main/LICENSE --%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M17 21H7a4 4 0 0 1-4-4v-6.292a4 4 0 0 1 1.927-3.421l5-3.03a4 4 0 0 1 4.146 0l5 3.03A4 4 0 0 1 21 10.707V17a4 4 0 0 1-4 4m-8-4h6'/%3E%3C/svg%3E");
	margin-inline-end: 0.25em;
}

time {
	font-weight: bold;
}

kbd {
	background: #666;
	color: white;
	hyphens: none;
	padding: 0.15em;
}