html { box-sizing: border-box; }

*, *::before, *::after { box-sizing: inherit; }

body {
	margin: 0;
	font-family: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 16px;
	background: #ffffff;
	color: #444;
}
em, i {
  font-family: "Source Sans 3", "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-style: italic;
}
img,
svg,
video,
canvas { max-width: 100%; height: auto; display: block; }

button,
input,
textarea,
select { font: inherit; }

h1, h2, h3, h4, h5, h6, ul, blockquote, p { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: 300; }

ul { list-style: none; }

a { text-decoration: none; color: #107483; } a:hover { color: #444; }

ul.with-line li {
	display: flex;
	align-items: center;
	gap: 0.5rem; /* space between label/line/count */
}

/* Keep text from breaking weirdly */
ul.with-line .label,
ul.with-line .count { white-space: nowrap; }

/* The line between label and count */
ul.with-line li::before {
	content: "";
	flex: 1;
	border-bottom: 1px solid #ddd;
	order: 1;         /* sits between label (0) and count (2) */
}

/* Make sure label is left, count is right, line in middle */
ul.with-line .label { order: 0; }

ul.with-line .count {
	order: 2;
	text-align: right;
}