:root {
	--di-content-width: 1200px;
	--di-gutter: clamp(1rem, 4vw, 3rem);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; }
img, svg, video { display: block; max-width: 100%; height: auto; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.site-header, .site-footer { padding-inline: var(--di-gutter); }
.site-main > .entry-content:not(:has(> [class])) { width: min(var(--di-content-width), calc(100% - 2 * var(--di-gutter))); margin-inline: auto; }
.site-navigation ul { display: flex; flex-wrap: wrap; gap: 1rem; padding: 0; margin: 0; list-style: none; }