/* QueenKeto Next Read
   Mid-article sideways links, styled as part of the article rather than as a
   promo box: a hairline rule in the site's green, the same Roboto Condensed
   the headings use, no shadow and no card. It sits between two prose sections
   and must not read as an ad, because Journey already inserts real ads a few
   hundred pixels above and below it. */

/* Sizes are in em, never rem: Foodica sets html{font-size:62.5%}, so 1rem is
   10px there and the 1.0.1 rem values rendered at 7.5px (label) and 13px
   (links) next to 20px body text (measured live 4 Oct 2026). em follows the
   body size, 20px desktop and 18px mobile, so no breakpoint is needed.

   The link rule carries :not(#qk-next-read) for specificity: the theme's
   .entry-content a{color:#23a955} and
   .entry-content a:not(.wp-element-button):not(.wpz-sc-button){font-weight:inherit}
   come later in WP Rocket's used CSS and otherwise win, which turned the
   links green and regular weight. */

.qk-next-read {
	--qk-accent: #23a955;
	--qk-text: #1c1c1c;
	--qk-muted: #6b7168;
	--qk-line: #e3e6e3;

	margin: 2.4em 0;
	padding: 0;
	background: none;
	border: 0;
}

.qk-next-read .qk-next-read__title {
	margin: 0 0 0.6em;
	font-size: 0.7em;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--qk-muted);
	line-height: 1.4;
}

.qk-next-read .qk-next-read__list {
	margin: 0;
	padding: 1em 0 0.2em;
	list-style: none;
	border-top: 2px solid var(--qk-accent);
	border-bottom: 1px solid var(--qk-line);
}

/* The theme sets a list-item marker; overridden so the block looks the same
   whether it lands inside or outside a themed list context. */
.qk-next-read .qk-next-read__list li {
	margin: 0 0 0.8em;
	padding: 0;
	list-style: none;
	line-height: 1.3;
}

.qk-next-read .qk-next-read__list li::marker {
	content: none;
}

.qk-next-read .qk-next-read__list a:not(#qk-next-read) {
	display: block;
	font-family: "Roboto Condensed", Inter, sans-serif;
	font-size: 1.1em;
	font-weight: 700;
	line-height: 1.3;
	color: var(--qk-text);
	text-decoration: none;
}

.qk-next-read .qk-next-read__list a:not(#qk-next-read):hover,
.qk-next-read .qk-next-read__list a:not(#qk-next-read):focus {
	color: var(--qk-accent);
	text-decoration: underline;
	text-underline-offset: 2px;
}

@media (max-width: 480px) {
	.qk-next-read {
		margin: 1.8em 0;
	}
}