body:has(.kev-coffee-single-article) {
	background: #080a0b;
	color: #d9d1c7;
}

body:has(.kev-coffee-single-article) .wp-site-blocks,
body:has(.kev-coffee-single-article) main {
	background: #080a0b;
}

.kev-coffee-single-article {
	box-sizing: border-box;
	direction: rtl;
	margin-inline: auto;
	max-width: min(calc(100% - 3rem), 82rem);
	overflow: visible;
	padding-block: 1.5rem 4rem;
}

.kev-coffee-single-article__article {
	margin-inline: auto;
	max-width: 78rem;
	min-width: 0;
}

.kev-coffee-single-article__breadcrumb {
	align-items: center;
	color: #8d857c;
	display: flex;
	font-size: 0.75rem;
	gap: 0.5rem;
	margin: 0 0 1.4rem;
	min-width: 0;
	overflow: hidden;
	white-space: nowrap;
}

.kev-coffee-single-article__breadcrumb > :last-child {
	overflow: hidden;
	text-overflow: ellipsis;
}

.kev-coffee-single-article__breadcrumb a {
	color: #c79a5b;
	text-decoration: none;
}

.kev-coffee-single-article__breadcrumb-category a:not(:first-child) { display: none; }

.kev-coffee-single-article__header {
	margin: 0 0 1.4rem;
	max-width: 60rem;
	text-align: right;
}

.kev-coffee-single-article__title {
	color: #f7f1e8;
	font-size: clamp(1.75rem, 2.8vw, 2.55rem);
	font-weight: 800;
	letter-spacing: -0.025em;
	line-height: 1.45;
	margin: 0;
}

.kev-coffee-single-article__meta {
	align-items: center;
	color: #9b938a;
	display: flex;
	flex-wrap: wrap;
	font-size: 0.75rem;
	gap: 0.45rem 0.75rem;
	margin-top: 0.65rem;
}

.kev-coffee-single-article__meta > * + *::before {
	color: #c79a5b;
	content: "•";
	margin-inline-end: 0.75rem;
}

.kev-coffee-single-article__meta time::before {
	border: 1px solid currentcolor;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 0.55rem;
	margin-inline-end: 0.35rem;
	vertical-align: -0.05rem;
	width: 0.55rem;
}

.kev-coffee-single-article__categories a {
	color: #c79a5b;
	text-decoration: none;
}

.kev-coffee-single-article__featured-image {
	aspect-ratio: auto;
	background: #111313;
	border: 1px solid #2b2b28;
	border-radius: 0.55rem;
	margin: 0 0 2rem;
	overflow: hidden;
}

.kev-coffee-single-article__image {
	display: block;
	height: auto;
	max-width: 100%;
	object-fit: contain;
	width: 100%;
}

.kev-coffee-single-article__reading-layout {
	align-items: start;
	display: grid;
	gap: clamp(1.75rem, 3.5vw, 3.25rem);
	grid-template-columns: minmax(0, var(--kev-coffee-article-width, 46rem)) minmax(14rem, 16rem);
	justify-content: center;
	margin-inline: auto;
	min-width: 0;
}

.kev-coffee-single-article__reading-main,
.kev-coffee-single-article__content,
.kev-coffee-single-article__sharing {
	min-width: 0;
	width: 100%;
}

.kev-coffee-single-article__content {
	color: #c9c1b8;
	font-size: 0.95rem;
	line-height: 2.05;
	overflow-wrap: anywhere;
	text-align: right;
	--kevira-content-accent: #c98f48;
	--kevira-content-button-ink: #080a0b;
	--kevira-content-ink: #f5efe6;
	--kevira-content-line: #363632;
	--kevira-content-muted: #a79e94;
	--kevira-content-radius: 0.65rem;
	--kevira-content-surface: #101211;
	--kevira-content-surface-raised: #171918;
	--kevira-studio-table-max: min(49rem, calc(100vw - 3rem));
	--kevira-studio-toc-mobile-bottom: 6rem;
}

.kev-coffee-single-article__content > :where(p, ul, ol, blockquote, h2, h3, h4, h5, h6, .kevira-studio-block) { max-width: none; }

.kev-coffee-single-article__content > :first-child { margin-top: 0; }
.kev-coffee-single-article__content > :last-child { margin-bottom: 0; }

.kev-coffee-single-article__content :where(p, ul, ol, blockquote, figure, .wp-block-embed) {
	margin-block: 0 1.25rem;
}

.kev-coffee-single-article__content :where(h2, h3, h4, h5, h6) {
	color: #f5efe6;
	font-weight: 750;
	line-height: 1.65;
	margin: 1.9rem 0 0.55rem;
}

.kev-coffee-single-article__content a:not(.wp-block-button__link) {
	color: var(--kev-color-link, #e8b56e) !important;
	text-decoration: underline;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.22em;
	overflow-wrap: anywhere;
}

.kev-coffee-single-article__content a:not(.wp-block-button__link):hover {
	color: var(--kev-color-link-hover, #fffaf3) !important;
}

.kev-coffee-single-article__content a:focus-visible {
	outline: 2px solid var(--kev-color-link, #e8b56e);
	outline-offset: 3px;
}

html[data-kevira-color-mode="light"] .kev-coffee-single-article__content :is(p, li, td, blockquote) {
	color: var(--kev-color-text) !important;
}

html[data-kevira-color-mode="light"] .kev-coffee-single-article__content :is(h2, h3, h4, h5, h6, strong, th) {
	color: var(--kev-color-heading) !important;
}

html[data-kevira-color-mode="light"] .kev-coffee-single-article__content blockquote {
	background: var(--kev-color-surface-soft);
	border-color: var(--kev-color-link);
}

html[data-kevira-color-mode="light"] .kev-coffee-single-article :is(.post-navigation a, .kev-coffee-single-article__sharing a, .kev-coffee-single-article__related-title) {
	color: var(--kev-color-link);
}

.kev-coffee-single-article__content h2 { font-size: 1.3rem; }
.kev-coffee-single-article__content h3 { color: #d7a15a; font-size: 1.1rem; }
.kev-coffee-single-article__content h4 { font-size: 1rem; }
.kev-coffee-single-article__content :where(ul, ol) { padding-inline-start: 1.25rem; }
.kev-coffee-single-article__content li { margin-block: 0.22rem; }
.kev-coffee-single-article__content li::marker { color: #d7a15a; }

.kev-coffee-single-article__content blockquote {
	background: #101211;
	border-inline-start: 3px solid #c98f48;
	color: #d6cec4;
	padding: 0.9rem 1.1rem;
}

.kev-coffee-single-article__content blockquote > :last-child { margin-bottom: 0; }

.kev-coffee-single-article__content :where(img, video, iframe, embed, object, svg) {
	height: auto;
	max-width: 100%;
}

.kev-coffee-single-article__content :where(figure, .wp-block-image, .wp-block-video, .wp-block-embed) {
	box-sizing: border-box;
	max-width: 100%;
}

.kev-coffee-single-article__content iframe { aspect-ratio: 16 / 9; border: 0; width: 100%; }
.kev-coffee-single-article__content pre,
.kev-coffee-single-article__content table { max-width: 100%; overflow-x: auto; }
.kev-coffee-single-article__content table { display: block; }
.kev-coffee-single-article__content .kevira-studio-block--table table { display: table; max-width: none; overflow: visible; }

.kev-coffee-single-article__page-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: 1.5rem;
}

.kev-coffee-single-article__sharing {
	align-items: center;
	display: flex;
	gap: 0.55rem;
	margin-top: 2rem;
}

.kev-coffee-single-article__sharing-label { color: #817b74; font-size: 0.7rem; }
.kev-coffee-single-article__sharing-line { background: #292925; flex: 1 1 auto; height: 1px; }

.kev-coffee-single-article__sharing a {
	align-items: center;
	background: #171918;
	border: 1px solid #363632;
	border-radius: 50%;
	color: #e3dbd0;
	display: inline-flex;
	height: 2.25rem;
	justify-content: center;
	text-decoration: none;
	transition: background-color 160ms ease, border-color 160ms ease;
	width: 2.25rem;
}

.kev-coffee-single-article__share-icon {
	width: 1.05rem;
	height: 1.05rem;
	fill: none;
	stroke: currentcolor;
	stroke-width: 1.65;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.kev-coffee-single-article__sharing a:hover,
.kev-coffee-single-article__sharing a:focus-visible { background: #a96f32; border-color: #d7a15a; }

.kev-coffee-single-article__related {
	margin: 0;
	padding: 0;
}

.kev-coffee-single-article__related h2 {
	color: #f4eee5;
	font-size: 1.15rem;
	margin: 0 0 0.85rem;
}

.kev-coffee-single-article__related-grid {
	display: grid;
	gap: 0.8rem;
	grid-template-columns: minmax(0, 1fr);
}

.kev-coffee-single-article__sidebar {
	align-self: start;
	min-width: 0;
	position: sticky;
	top: 6.25rem;
}

.kev-coffee-single-article__related-grid .kev-coffee-article-card__card { border-color: #2e2e2a; }
.kev-coffee-single-article__related-grid .kev-coffee-article-card__media { aspect-ratio: 16 / 9; }
.kev-coffee-single-article__related-grid .kev-coffee-article-card__content { padding: 0.75rem; }
.kev-coffee-single-article__related-grid .kev-coffee-article-card__title { font-size: 0.9rem; }

.kev-coffee-single-article .post-navigation {
	border-top: 1px solid #282824;
	margin: 2rem auto 0;
	max-width: var(--kev-coffee-article-width, 46rem);
	padding-top: 1.25rem;
}

.kev-coffee-single-article .nav-links { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.kev-coffee-single-article .nav-next { text-align: end; }
.kev-coffee-single-article .post-navigation a { color: #d4cbc0; display: block; min-width: 0; text-decoration: none; }
.kev-coffee-single-article__nav-label { color: #c98f48; display: block; font-size: 0.7rem; font-weight: 700; margin-bottom: 0.2rem; }
.kev-coffee-single-article__nav-title { display: block; font-size: 0.8rem; font-weight: 700; overflow-wrap: anywhere; }

.kev-coffee-single-article-comments {
	box-sizing: border-box;
	color: #c9c1b8;
	margin: 0 auto;
	max-width: min(calc(100% - 3rem), var(--kev-coffee-article-width, 46rem));
	padding-block: 0 4rem;
}

.kev-coffee-single-article-comments :where(h2, h3) { color: #f5efe6; }
.kev-coffee-single-article-comments :where(input:not([type="submit"]), textarea) {
	background: #111313;
	border: 1px solid #343430;
	box-sizing: border-box;
	color: #f5efe6;
	max-width: 100%;
}

.kev-coffee-single-article--narrow { --kev-coffee-article-width: 40rem; }
.kev-coffee-single-article--comfortable { --kev-coffee-article-width: 46rem; }
.kev-coffee-single-article--wide { --kev-coffee-article-width: 50rem; }

@media (max-width: 1100px) {
	.kev-coffee-single-article__reading-layout {
		grid-template-columns: minmax(0, var(--kev-coffee-article-width, 46rem));
	}

	.kev-coffee-single-article__sidebar {
		border-top: 1px solid #282824;
		padding-top: 1.25rem;
		position: static;
	}

	.kev-coffee-single-article__related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
	.kev-coffee-single-article {
		max-width: calc(100% - 1.5rem);
		padding-block: 1rem 6.25rem;
	}

	.kev-coffee-single-article__breadcrumb { font-size: 0.64rem; margin-bottom: 1rem; }
	.kev-coffee-single-article__header { margin-bottom: 1rem; }
	.kev-coffee-single-article__title { font-size: 1.35rem; line-height: 1.55; }
	.kev-coffee-single-article__meta { font-size: 0.64rem; gap: 0.3rem 0.55rem; margin-top: 0.45rem; }
	.kev-coffee-single-article__meta > * + *::before { margin-inline-end: 0.55rem; }
	.kev-coffee-single-article__author,
	.kev-coffee-single-article__categories { display: none; }
	.kev-coffee-single-article__featured-image { aspect-ratio: auto; border-radius: 0.45rem; margin-bottom: 1.1rem; }
	.kev-coffee-single-article__content { font-size: 0.9rem; line-height: 2.05; --kevira-studio-table-max: calc(100vw - 1.5rem); }
	.kev-coffee-single-article__content :where(p, ul, ol, blockquote, figure, .wp-block-embed) { margin-bottom: 1rem; }
	.kev-coffee-single-article__content :where(h2, h3, h4, h5, h6) { margin-top: 1.55rem; }
	.kev-coffee-single-article__content h2 { font-size: 1.05rem; }
	.kev-coffee-single-article__content h3 { font-size: 0.95rem; }
	.kev-coffee-single-article__content blockquote { padding: 0.7rem 0.85rem; }
	.kev-coffee-single-article__sharing { margin-top: 1.35rem; }
	.kev-coffee-single-article__sharing a { height: 2.25rem; width: 2.25rem; }
	.kev-coffee-single-article__related { margin-top: 0; padding-top: 0; }
	.kev-coffee-single-article__related h2 { font-size: 1rem; }
	.kev-coffee-single-article__related-grid { gap: 0.65rem; grid-template-columns: 1fr; }
	.kev-coffee-single-article__related-grid .kev-coffee-article-card__content { padding: 0.6rem; }
	.kev-coffee-single-article__related-grid .kev-coffee-article-card__title { font-size: 0.72rem; line-height: 1.65; }
	.kev-coffee-single-article .nav-links { grid-template-columns: 1fr; }
	.kev-coffee-single-article .nav-next { text-align: start; }
	.kev-coffee-single-article-comments { max-width: calc(100% - 1.5rem); padding-block: 0 6.25rem; }
}

@media (prefers-reduced-motion: reduce) {
	.kev-coffee-single-article__sharing a { transition: none; }
}
