/* Shared by the editor and front end; tokens live in theme.json. */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-padding-top: 2rem;
	font-synthesis: none;
}

body {
	margin: 0;
}

:where(button, input, select, textarea) {
	font: inherit;
}

img {
	max-width: 100%;
	height: auto;
}

.qrno-default-logo {
	color: var(--wp--preset--color--contrast);
	line-height: 0;
}

.qrno-default-logo a {
	display: inline-block;
	color: inherit;
}

.qrno-default-logo svg {
	display: block;
	max-width: 100%;
	height: auto;
}

:where(a, button, input, select, textarea, summary):focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 4px;
}

:where(p, h1, h2, h3, h4, h5, h6) {
	overflow-wrap: anywhere;
}

:where(a) {
	text-underline-offset: 0.2em;
}

:where(.wp-block-button__link, .wp-block-navigation-item__content):hover {
	text-decoration: underline;
}

.wp-block-query-pagination {
	gap: 1rem;
}

@media (max-width: 600px) {
	.wp-block-post-template.is-layout-grid {
		grid-template-columns: 1fr;
	}
}