body, button, input, select, textarea {
	color: var(--color-text);
	font-family: var(--font-primary);
	font-size: var(--font-size-body);
	line-height: var(--line-height-body);
}
body { background-color: var(--color-background); }
h1, h2, h3, h4, h5, h6 {
	color: var(--color-heading);
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-heading);
	overflow-wrap: anywhere;
}
h1 { font-size: var(--font-size-h1); }
h2 { font-size: var(--font-size-h2); }
h3 { font-size: var(--font-size-h3); }
p, li, a { overflow-wrap: anywhere; }
a, a:visited { color: var(--color-primary); }
a:hover, a:active { color: var(--color-heading); }
a:focus { color: var(--color-primary); }
:focus-visible { outline: 3px solid var(--color-primary); outline-offset: 4px; }
img { max-width: 100%; height: auto; }
pre { overflow: auto; background: var(--color-background-alt); }
code, pre { font-family: var(--font-code); }
input, select, textarea { max-width: 100%; border: 1px solid var(--color-border); border-radius: var(--radius-sm); padding: var(--space-sm); }
button, input[type="submit"], input[type="button"], input[type="reset"], .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: var(--space-sm) var(--space-md);
	border: 1px solid var(--color-action);
	border-radius: var(--radius-sm);
	background: var(--color-action);
	color: var(--color-secondary);
	line-height: var(--line-height-body);
	cursor: pointer;
	text-decoration: none;
	transition: background var(--transition-fast);
}
button:hover, input[type="submit"]:hover, .button:hover {
	border-color: var(--color-heading);
	background: var(--color-heading);
	color: var(--color-secondary);
}
.button:visited { color: var(--color-secondary); }
.container, .site-main:not(.site-main--home), .widget-area {
	width: min(var(--container-width), calc(100% - var(--container-padding) * 2));
	margin-inline: auto;
}
.container--narrow { max-width: var(--container-narrow); }
.site-main:not(.site-main--home) { padding-block: var(--space-xl) var(--space-2xl); }
.entry-content { overflow-wrap: anywhere; }
.entry-content > * { max-width: 100%; }