.blog .reading-position[hidden] { display: none; }
.blog .reading-position {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: .5em 1em;
	width: calc(100% - 24px);
	max-width: 776px;
	margin: 1em auto;
	padding: .75em 1em;
	border: 0;
	background-color: var(--table-header-bg);
	color: var(--font-color);
	border-radius: .5em;
	font-size: .7em;
	line-height: 1.5;
}
.reading-position-label {
	display: inline-flex;
	align-items: baseline;
	gap: .5em;
}
.reading-position-icon { flex: none; }
.reading-position button {
	appearance: none;
	background: none;
	border: 0;
	padding: .25em 0;
	font: inherit;
	color: var(--primary-color);
	text-decoration: underline;
	text-underline-offset: .15em;
	cursor: pointer;
}
.reading-position [data-reading-forget] { color: var(--font-color-description); }
.reading-position button:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }