/* Always-on: fonts, cloak, skip link. Independent of the Vite manifest. */

@font-face {
	font-family: Vazirmatn;
	src: url('../fonts/vazirmatn.woff2') format('woff2');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'JetBrains Mono';
	src: url('../fonts/jetbrains-mono.woff2') format('woff2');
	font-weight: 100 800;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0020-007E, U+00A0-00FF;
}

[x-cloak] {
	display: none !important;
}

.skip-link {
	position: absolute;
	inset-inline-start: 12px;
	top: -48px;
	z-index: 100;
	padding: 8px 14px;
	background: #DC5F27;
	color: #fff;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 700;
}

.skip-link:focus {
	top: 12px;
	color: #fff;
}

.pf-num {
	font-family: 'JetBrains Mono', Vazirmatn, ui-monospace, monospace;
	font-variant-numeric: tabular-nums;
	direction: ltr;
	unicode-bidi: isolate;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}