/**
 * Hafdz Hadist — front-end stylesheet.
 *
 * Sand/ink palette consistent with the other Hafdz modules. Amiri (or any
 * system Naskh-style fallback) renders the Arabic body; the Indonesian
 * translation uses the theme body font.
 */
:root {
	--hhd-ink:    oklch(0.245 0.022 95);
	--hhd-ink-2:  oklch(0.40 0.018 92);
	--hhd-ink-3:  oklch(0.55 0.014 90);
	--hhd-paper:  oklch(0.985 0.005 88);
	--hhd-sand:   oklch(0.962 0.012 85);
	--hhd-sand-2: oklch(0.94 0.012 84);
	--hhd-line:   oklch(0.89 0.012 84);
	--hhd-line-2: oklch(0.86 0.013 84);
	--hhd-olive:      oklch(0.48 0.06 130);
	--hhd-olive-deep: oklch(0.34 0.05 130);

	--hhd-serif:  "Cormorant Garamond", "Newsreader", Georgia, "Times New Roman", serif;
	--hhd-sans:   "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", system-ui, sans-serif;
	--hhd-mono:   "Geist Mono", ui-monospace, SFMono-Regular, "JetBrains Mono", Consolas, monospace;
	--hhd-arabic: "Amiri", "Scheherazade New", "Noto Naskh Arabic", "Traditional Arabic", serif;
}

.hh-hadist {
	font-family: var(--hhd-sans);
	color: var(--hhd-ink);
	line-height: 1.6;
	max-width: 100%;
	margin: 0 auto;
	font-size: 16px;
}
.hh-hadist * { box-sizing: border-box; }

/* ─── Breadcrumb ─── */
.hh-hadist-breadcrumb {
	font-family: var(--hhd-mono);
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--hhd-ink-3);
	margin: 0 0 18px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
}
.hh-hadist-breadcrumb__link {
	color: var(--hhd-ink-3);
	text-decoration: none;
	border-bottom: 1px dotted transparent;
	padding-bottom: 1px;
}
.hh-hadist-breadcrumb__link:hover {
	color: var(--hhd-ink);
	border-bottom-color: var(--hhd-ink-3);
}
.hh-hadist-breadcrumb__sep {
	color: var(--hhd-line-2);
}
.hh-hadist-breadcrumb__current {
	color: var(--hhd-ink);
	font-weight: 500;
}

/* ─── Section head (list + index) ─── */
.hh-hadist__head {
	margin-bottom: 24px;
	padding-bottom: 16px;
	border-bottom: 1px dashed var(--hhd-line-2);
}
.hh-hadist__title {
	font-family: var(--hhd-serif);
	font-size: clamp(28px, 3.4vw, 44px);
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: -0.02em;
	margin: 0 0 8px;
	color: var(--hhd-ink);
	display: flex;
	align-items: baseline;
	gap: 14px;
	flex-wrap: wrap;
}
.hh-hadist__title em {
	font-style: italic;
	color: var(--hhd-olive);
}
.hh-hadist__title-ar {
	font-family: var(--hhd-arabic);
	font-size: 0.78em;
	color: var(--hhd-olive-deep);
	font-weight: 400;
}
.hh-hadist__sub {
	font-family: var(--hhd-mono);
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--hhd-ink-3);
	margin: 0;
}

/* ─── Search form ─── */
.hh-hadist-search {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: stretch;
	margin: 18px 0 0;
}
.hh-hadist-search__field {
	flex: 1 1 220px;
	display: flex;
}
.hh-hadist-search__field input[type="search"] {
	width: 100%;
	padding: 11px 14px;
	border: 1px solid var(--hhd-line);
	border-radius: 999px;
	background: var(--hhd-paper);
	color: var(--hhd-ink);
	font-family: var(--hhd-sans);
	font-size: 15px;
	-webkit-appearance: none;
	appearance: none;
}
.hh-hadist-search__field input[type="search"]:focus {
	outline: 2px solid var(--hhd-olive);
	outline-offset: 1px;
	border-color: var(--hhd-olive-deep);
}
.hh-hadist .hh-hadist-search__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 18px;
	border-radius: 999px;
	background: var(--hhd-ink);
	color: var(--hhd-sand);
	border: 1px solid var(--hhd-ink);
	font-family: var(--hhd-mono);
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	cursor: pointer;
}
.hh-hadist .hh-hadist-search__submit:hover,
.hh-hadist .hh-hadist-search__submit:focus {
	background: var(--hhd-olive-deep);
	border-color: var(--hhd-olive-deep);
	color: var(--hhd-paper);
}
.hh-hadist .hh-hadist-search__reset,
.hh-hadist .hh-hadist-search__reset:link,
.hh-hadist .hh-hadist-search__reset:visited {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 14px;
	border-radius: 999px;
	border: 1px solid var(--hhd-line);
	color: var(--hhd-ink-3);
	text-decoration: none;
	font-family: var(--hhd-mono);
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.hh-hadist .hh-hadist-search__reset:hover {
	border-color: var(--hhd-ink);
	color: var(--hhd-ink);
}

/* Search hit highlight inside body copy. */
.hh-hadist .hh-hadist-hit {
	background: oklch(0.94 0.10 95);
	color: var(--hhd-ink);
	padding: 0 0.15em;
	border-radius: 3px;
	font-weight: 500;
}

/* ─── Items ─── */
.hh-hadist-items {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.hh-hadist-item {
	background: var(--hhd-paper);
	border: 1px solid var(--hhd-line);
	border-radius: 16px;
}
.hh-hadist-item__body {
	padding: 22px 24px;
}
.hh-hadist-item__head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 14px;
	border-bottom: 1px dashed var(--hhd-line-2);
	padding-bottom: 10px;
	gap: 12px;
	flex-wrap: wrap;
}
.hh-hadist-item__num {
	font-family: var(--hhd-mono);
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--hhd-ink-3);
}
.hh-hadist-item__hash {
	color: var(--hhd-ink);
	font-weight: 500;
	margin-left: 6px;
}
.hh-hadist-item__actions {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
}

/* Action pills — inline triggers for the modal popups, share, and the
 * Detail link. Selectors include the ancestor + :link/:visited so theme
 * anchor styles can't repaint the Detail link.
 */
.hh-hadist .hh-hadist-pill,
.hh-hadist a.hh-hadist-pill,
.hh-hadist a.hh-hadist-pill:link,
.hh-hadist a.hh-hadist-pill:visited {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 6px 12px;
	border-radius: 999px;
	border: 1px solid var(--hhd-line);
	background: var(--hhd-sand);
	color: var(--hhd-ink-2);
	font-family: var(--hhd-mono);
	font-size: 10.5px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	cursor: pointer;
	text-decoration: none;
	transition: border-color 0.1s ease, background 0.1s ease, color 0.1s ease;
}
.hh-hadist .hh-hadist-pill:hover,
.hh-hadist a.hh-hadist-pill:hover,
.hh-hadist a.hh-hadist-pill:focus {
	border-color: var(--hhd-ink);
	background: var(--hhd-ink);
	color: var(--hhd-sand);
}
/* Detail pill — primary action, dark ink fill so it reads as "open this". */
.hh-hadist .hh-hadist-pill--detail,
.hh-hadist a.hh-hadist-pill--detail:link,
.hh-hadist a.hh-hadist-pill--detail:visited {
	background: var(--hhd-ink);
	border-color: var(--hhd-ink);
	color: var(--hhd-sand);
}
.hh-hadist .hh-hadist-pill--detail:hover,
.hh-hadist a.hh-hadist-pill--detail:hover {
	background: var(--hhd-olive-deep);
	border-color: var(--hhd-olive-deep);
	color: var(--hhd-paper);
}
/* Share pill — olive accent so it reads as "share this" not "open detail". */
.hh-hadist .hh-hadist-pill--share {
	border-color: var(--hhd-olive);
	color: var(--hhd-olive-deep);
	background: color-mix(in oklab, var(--hhd-olive) 8%, var(--hhd-paper));
}
.hh-hadist .hh-hadist-pill--share:hover {
	background: var(--hhd-olive);
	color: var(--hhd-paper);
	border-color: var(--hhd-olive);
}
.hh-hadist .hh-hadist-pill--prominent {
	padding: 8px 18px;
	font-size: 11.5px;
}

/* Toast — clipboard-copy feedback. */
.hh-hadist-toast {
	position: fixed;
	bottom: 24px;
	left: 50%;
	transform: translateX(-50%) translateY(10px);
	background: var(--hhd-ink);
	color: var(--hhd-sand);
	padding: 10px 18px;
	border-radius: 999px;
	font-family: var(--hhd-mono);
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	box-shadow: 0 16px 32px -16px oklch(0 0 0 / 0.4);
	opacity: 0;
	transition: opacity 0.15s ease, transform 0.15s ease;
	z-index: 10001;
	pointer-events: none;
}
.hh-hadist-toast.is-shown {
	opacity: 1;
	transform: translateX(-50%) translateY(0);
}

.hh-hadist-item__ar {
	font-family: var(--hhd-arabic);
	font-size: clamp(22px, 2.4vw, 30px);
	line-height: 1.95;
	color: var(--hhd-olive-deep);
	margin: 0 0 18px;
	letter-spacing: 0;
	text-align: right;
	padding: 12px 16px;
	background: var(--hhd-sand);
	border-radius: 10px;
}

.hh-hadist-item__id {
	font-family: var(--hhd-serif);
	font-size: 17px;
	line-height: 1.65;
	color: var(--hhd-ink-2);
	margin: 0;
	text-wrap: pretty;
}

/* ─── Modal (sanad + similar popups) ─── */
.hh-hadist-modal {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px 16px;
}
.hh-hadist-modal[hidden] { display: none; }
.hh-hadist-modal__backdrop {
	position: absolute;
	inset: 0;
	background: oklch(0 0 0 / 0.45);
	cursor: pointer;
	border: 0;
	padding: 0;
}
.hh-hadist-modal__panel {
	position: relative;
	background: var(--hhd-paper);
	border: 1px solid var(--hhd-line);
	border-radius: 16px;
	max-width: 640px;
	width: 100%;
	max-height: calc(100vh - 48px);
	display: flex;
	flex-direction: column;
	box-shadow: 0 30px 60px -30px oklch(0 0 0 / 0.4);
	overflow: hidden;
}
.hh-hadist-modal__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 16px 20px;
	border-bottom: 1px solid var(--hhd-line-2);
}
.hh-hadist-modal__title {
	font-family: var(--hhd-serif);
	font-size: 20px;
	line-height: 1.2;
	font-weight: 500;
	letter-spacing: -0.005em;
	color: var(--hhd-ink);
	margin: 0;
}
.hh-hadist-modal__close {
	background: transparent;
	border: 1px solid var(--hhd-line);
	border-radius: 999px;
	width: 32px;
	height: 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	line-height: 1;
	color: var(--hhd-ink-2);
	cursor: pointer;
	flex-shrink: 0;
}
.hh-hadist-modal__close:hover {
	background: var(--hhd-ink);
	color: var(--hhd-sand);
	border-color: var(--hhd-ink);
}
.hh-hadist-modal__body {
	overflow-y: auto;
	padding: 18px 20px;
	font-size: 14.5px;
}

body.hh-hadist-modal-open {
	overflow: hidden;
}

/* ─── Sanad (rendered inside the modal body) ─── */
.hh-hadist-sanad__chains {
	display: flex;
	flex-direction: column;
	gap: 22px;
}
.hh-hadist-sanad__chains > * + *::before {
	content: "";
	display: block;
	height: 1px;
	background: var(--hhd-line-2);
	margin-top: 12px;
}
.hh-hadist-sanad__chain {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-family: var(--hhd-serif);
}
.hh-hadist-sanad__chain li {
	padding: 8px 14px;
	background: var(--hhd-sand);
	border: 1px solid var(--hhd-line-2);
	border-radius: 8px;
	position: relative;
}
.hh-hadist-sanad__chain li + li::before {
	content: "↓";
	display: block;
	font-family: var(--hhd-mono);
	color: var(--hhd-ink-3);
	font-size: 14px;
	margin: -2px 0 4px 12px;
}
.hh-hadist-sanad__chain strong {
	font-weight: 500;
	color: var(--hhd-ink);
}
.hh-hadist-sanad__meta {
	font-family: var(--hhd-mono);
	font-size: 10.5px;
	color: var(--hhd-ink-3);
	letter-spacing: 0.04em;
}

/* Rawi bio reveal — native <details>, lives inside each sanad <li>. */
.hh-hadist-rawi__bio {
	margin-top: 8px;
}
.hh-hadist-rawi__bio summary {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	border: 1px solid var(--hhd-line-2);
	border-radius: 999px;
	background: var(--hhd-paper);
	color: var(--hhd-olive-deep);
	font-family: var(--hhd-mono);
	font-size: 10px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	cursor: pointer;
	list-style: none;
}
.hh-hadist-rawi__bio summary::-webkit-details-marker { display: none; }
.hh-hadist-rawi__bio summary::after {
	content: "▾";
	font-size: 9px;
	color: var(--hhd-ink-3);
}
.hh-hadist-rawi__bio[open] summary::after { content: "▴"; }
.hh-hadist-rawi__bio summary:hover {
	background: var(--hhd-olive-deep);
	color: var(--hhd-paper);
	border-color: var(--hhd-olive-deep);
}
.hh-hadist-rawi__komentar {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
	gap: 4px 14px;
	margin: 10px 0 0;
	font-family: var(--hhd-serif);
	font-size: 14px;
}
.hh-hadist-rawi__komentar dt {
	font-weight: 500;
	color: var(--hhd-ink-2);
}
.hh-hadist-rawi__komentar dd {
	margin: 0;
	color: var(--hhd-ink);
}
@media ( max-width: 520px ) {
	.hh-hadist-rawi__komentar {
		grid-template-columns: 1fr;
		gap: 2px 0;
	}
	.hh-hadist-rawi__komentar dd {
		margin-bottom: 6px;
	}
}

/* ─── Similar list (rendered inside the modal body) ─── */
.hh-hadist-similar__list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-family: var(--hhd-serif);
}
.hh-hadist-similar__list li {
	background: var(--hhd-sand);
	border: 1px solid var(--hhd-line-2);
	border-radius: 8px;
	transition: border-color 0.1s ease;
}
.hh-hadist-similar__list li:hover {
	border-color: var(--hhd-ink);
}
.hh-hadist-similar__list a {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	padding: 9px 14px;
	color: var(--hhd-ink);
	text-decoration: none;
}
.hh-hadist-similar__list a:hover {
	color: var(--hhd-ink);
}
.hh-hadist-similar__num {
	font-family: var(--hhd-mono);
	font-size: 11px;
	color: var(--hhd-ink-3);
	flex-shrink: 0;
}

/* ─── Pagination ─── */
.hh-hadist-pagination {
	margin-top: 28px;
	padding-top: 18px;
	border-top: 1px dashed var(--hhd-line-2);
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
	justify-content: center;
	font-family: var(--hhd-mono);
	font-size: 12px;
	letter-spacing: 0.04em;
}
.hh-hadist-pagination__link,
.hh-hadist-pagination__current {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	padding: 0 12px;
	border-radius: 999px;
	border: 1px solid var(--hhd-line);
	background: var(--hhd-paper);
	color: var(--hhd-ink-2);
	text-decoration: none;
}
.hh-hadist-pagination__link:hover {
	border-color: var(--hhd-ink);
	color: var(--hhd-ink);
}
.hh-hadist-pagination__current {
	background: var(--hhd-ink);
	color: var(--hhd-sand);
	border-color: var(--hhd-ink);
	font-weight: 500;
}
.hh-hadist-pagination__gap {
	color: var(--hhd-ink-3);
	padding: 0 4px;
}

/* ─── Books index ─── */
.hh-hadist-books {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 14px;
}
.hh-hadist-book {
	background: var(--hhd-paper);
	border: 1px solid var(--hhd-line);
	border-radius: 16px;
	min-height: 160px;
	display: flex;
	flex-direction: column;
	transition: border-color 0.1s ease, transform 0.05s ease, box-shadow 0.1s ease;
	position: relative;
}
.hh-hadist-book__link {
	color: inherit;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 18px 20px;
	gap: 10px;
}
.hh-hadist-book.is-ready:hover {
	border-color: var(--hhd-ink);
	transform: translateY(-1px);
	box-shadow: 0 6px 14px -10px oklch(0 0 0 / 0.18);
}
.hh-hadist-book.is-empty {
	opacity: 0.6;
	background: var(--hhd-sand);
}
.hh-hadist-book.is-empty .hh-hadist-book__head,
.hh-hadist-book.is-empty .hh-hadist-book__foot {
	padding: 0 20px;
}
.hh-hadist-book.is-empty .hh-hadist-book__head { padding-top: 18px; }
.hh-hadist-book.is-empty .hh-hadist-book__foot { padding-bottom: 18px; }
.hh-hadist-book__head {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.hh-hadist-book__name {
	font-family: var(--hhd-serif);
	font-size: 20px;
	line-height: 1.2;
	font-weight: 500;
	letter-spacing: -0.005em;
	color: var(--hhd-ink);
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.hh-hadist-book__name-ar {
	font-family: var(--hhd-arabic);
	font-size: 19px;
	color: var(--hhd-olive-deep);
	font-weight: 400;
}
.hh-hadist-book__imam {
	font-size: 13px;
	color: var(--hhd-ink-3);
}
.hh-hadist-book__foot {
	margin-top: auto;
	padding-top: 8px;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 8px;
}
.hh-hadist-book__count {
	font-family: var(--hhd-mono);
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--hhd-ink-3);
}
.hh-hadist-book__count--empty {
	font-style: italic;
}
.hh-hadist-book__cta {
	font-family: var(--hhd-mono);
	font-size: 10.5px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--hhd-olive-deep);
	opacity: 0;
	transition: opacity 0.1s ease;
}
.hh-hadist-book.is-ready:hover .hh-hadist-book__cta {
	opacity: 1;
}

/* ─── Detail-view: prev/back/next nav + inline section headings ───
 * Selectors are doubled with `.hh-hadist` ancestor + :link/:visited
 * to outrank theme link styles (which often set `a:link { color: ... }`
 * at higher specificity than a single class).
 */
.hh-hadist-onenav {
	margin-top: 24px;
	padding-top: 18px;
	border-top: 1px dashed var(--hhd-line-2);
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 12px;
	align-items: center;
	font-family: var(--hhd-mono);
	font-size: 12px;
	letter-spacing: 0.04em;
}
.hh-hadist .hh-hadist-onenav__prev,
.hh-hadist .hh-hadist-onenav__prev:link,
.hh-hadist .hh-hadist-onenav__prev:visited,
.hh-hadist .hh-hadist-onenav__next,
.hh-hadist .hh-hadist-onenav__next:link,
.hh-hadist .hh-hadist-onenav__next:visited {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 9px 14px;
	border-radius: 999px;
	border: 1px solid var(--hhd-line);
	color: var(--hhd-ink-2);
	background: var(--hhd-paper);
	text-decoration: none;
}
.hh-hadist .hh-hadist-onenav__prev:hover,
.hh-hadist .hh-hadist-onenav__next:hover {
	border-color: var(--hhd-ink);
	color: var(--hhd-ink);
}
.hh-hadist-onenav__prev { justify-self: start; }
.hh-hadist-onenav__next { justify-self: end; }

.hh-hadist .hh-hadist-onenav__back,
.hh-hadist .hh-hadist-onenav__back:link,
.hh-hadist .hh-hadist-onenav__back:visited {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 9px 14px;
	border-radius: 999px;
	background: var(--hhd-ink);
	color: var(--hhd-sand);
	border: 1px solid var(--hhd-ink);
	text-decoration: none;
}
.hh-hadist .hh-hadist-onenav__back:hover,
.hh-hadist .hh-hadist-onenav__back:focus {
	background: var(--hhd-olive-deep);
	color: var(--hhd-paper);
	border-color: var(--hhd-olive-deep);
}

/* Inline section blocks inside the detail card — sanad + similar
 * shown expanded since the reader is committed to one hadith.
 */
.hh-hadist-section {
	margin-top: 22px;
	padding-top: 18px;
	border-top: 1px dashed var(--hhd-line-2);
}
.hh-hadist-section__title {
	font-family: var(--hhd-mono);
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--hhd-olive-deep);
	font-weight: 500;
	margin: 0 0 12px;
}

/* Pill button for empty / error states */
.hh-hadist-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 18px;
	border-radius: 999px;
	background: var(--hhd-ink);
	color: var(--hhd-sand);
	border: 1px solid var(--hhd-ink);
	font-family: var(--hhd-mono);
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: none;
}
.hh-hadist-btn:hover {
	color: var(--hhd-paper);
}

/* ─── Empty / loading state ─── */
.hh-hadist-empty {
	background: var(--hhd-sand);
	border: 1px dashed var(--hhd-line);
	border-radius: 12px;
	padding: 24px 22px;
	text-align: center;
	color: var(--hhd-ink-2);
	font-family: var(--hhd-serif);
	font-size: 16px;
}
.hh-hadist-empty__hint {
	margin-top: 14px;
	font-family: var(--hhd-mono);
	font-size: 11px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--hhd-ink-3);
}
.hh-hadist-empty__hint code {
	display: inline-block;
	margin-top: 6px;
	padding: 6px 10px;
	background: var(--hhd-paper);
	border: 1px solid var(--hhd-line-2);
	border-radius: 6px;
	font-family: var(--hhd-mono);
	font-size: 12px;
	letter-spacing: 0;
	text-transform: none;
	color: var(--hhd-ink);
	user-select: all;
}