/* sinjab supplementary stylesheet (W2 polish layer) — NEVER edit main.css.
   Scope: a11y focus targets, TOC, print, cite button. Loaded after main.css. */

/* ---- WCAG 2.2 focus: solid, higher-contrast, 3px offset (2.4.11/1.4.11) ---- */
:where(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
	outline: 3px solid #2563eb;
	outline-offset: 2px;
	border-radius: 2px;
}
[data-theme="dark"] :where(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
	outline-color: #60a5fa;
}

/* ---- desktop icon-button targets 44px (2.5.8 Target Size Minimum) ---- */
@media (min-width: 900px) {
	.site-header .icon-btn {
		min-width: 44px;
		min-height: 44px;
	}
}

/* ---- reading aids: table of contents (RTL via logical properties) ---- */
.toc {
	margin-block: 1.25rem;
	padding: 1rem 1.25rem;
	border: 1px solid color-mix(in oklab, currentColor 14%, transparent);
	border-radius: var(--radius-lg, 14px);
	background: color-mix(in oklab, currentColor 4%, transparent);
}
.toc__title {
	font-family: var(--font-mono, "JetBrains Mono", monospace);
	font-size: 0.75rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	opacity: 0.7;
	margin-block-end: 0.6rem;
}
.toc ol {
	list-style: none;
	margin: 0;
	padding-inline-start: 0;
	display: grid;
	gap: 0.35rem;
}
.toc li--sub { padding-inline-start: 1.1rem; }
.toc a {
	text-decoration: none;
	font-size: 0.95rem;
	line-height: 1.4;
}
.toc a:hover { text-decoration: underline; }
.toc__lv3 { padding-inline-start: 1.2rem; font-size: 0.9rem; opacity: 0.9; }

/* heading anchor links (keyboard-accessible, revealed on focus/hover) */
.prose :is(h2, h3) { position: relative; }
.head-anchor {
	position: absolute;
	inset-inline-start: -1.6em;
	opacity: 0;
	text-decoration: none;
	font-size: 0.8em;
	line-height: 1;
	padding: 0.2em;
}
.prose :is(h2, h3):hover > .head-anchor,
.head-anchor:focus-visible { opacity: 0.65; }
[dir="rtl"] .head-anchor { inset-inline-start: auto; inset-inline-end: -1.6em; }

/* ---- cite button (publication BibTeX) ---- */
.cite-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.45em;
}
.cite-confirm {
	position: absolute;
	inset-inline-start: 100%;
	margin-inline-start: 0.5em;
	font-size: 0.8rem;
	white-space: nowrap;
	opacity: 0;
	transition: opacity 0.15s ease;
}
.cite-confirm[aria-hidden="false"] { opacity: 1; }

/* ---- empty states (search / filters) ---- */
.empty-state--panel {
	display: grid;
	gap: 1rem;
	padding: 2.25rem 1.5rem;
	border: 1px solid color-mix(in oklab, currentColor 14%, transparent);
	border-radius: var(--radius-lg, 14px);
	background: color-mix(in oklab, currentColor 4%, transparent);
	text-align: start;
}
.empty-state--panel .empty-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}