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

@font-face {
	font-family: 'Geist Mono';
	src: url('./vendors/GeistMono-Variable.woff2') format('woff2');
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
}

:root {
	--font-family-headings: 'Geist', sans-serif;
	--font-family-body: 'Geist', sans-serif;
	--font-family-button: 'Geist', sans-serif;
	--font-family-dates: 'Geist Mono', monospace;
	--font-family-mono: 'Geist Mono', monospace;
}

:where(
	body,
	p,
	li,
	blockquote,
	figcaption,
	input,
	textarea,
	select,
	button,
	a,
	label,
	small,
	strong,
	em,
	i,
	cite,
	dfn,
	.nav-link,
	.section-button,
	.button,
	.logo,
	.section-hero-meta,
	.card-post-meta,
	.post-meta,
	.card-post-excerpt,
	.post-excerpt,
	.search-hint,
	.directory-disclosure,
	.form-alert,
	.post-card-author-bio,
	.theme-note-panel p,
	.kg-bookmark-metadata,
	.kg-file-card-metadata
) {
	font-style: normal;
	letter-spacing: normal;
}

:where(h1, h2, h3, h4, h5, h6, .kg-header-card-heading, .kg-signup-card-heading) {
	font-family: var(--font-family-headings);
	font-style: normal;
	letter-spacing: normal;
	font-weight: 700;
}

:where(
	.post-meta-date,
	.card-post-date,
	.post-meta > li > time[datetime],
	.section-hero-meta time[datetime],
	.post-meta,
	.card-post-meta,
	.section-hero-meta,
	.card-post-excerpt,
	.post-excerpt,
	.search-hint,
	.directory-disclosure,
	.form-alert,
	.post-card-author-bio,
	.theme-note-panel p,
	.kg-bookmark-metadata,
	.kg-file-card-metadata,
	code,
	kbd,
	pre,
	samp
) {
	font-family: var(--font-family-mono);
	font-style: normal;
}

:where(.post-content em, .post-content i, .kg-card em, .kg-card i) {
	font-style: normal !important;
}

.article-kicker {
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.gh-announcement-bar.accent {
	background-color: var(--announcement-bar-accent-color, var(--ghost-accent-color)) !important;
}

@media (min-width: 1200px) {
	[data-sidebar-collapsed='false'] .main > .footer {
		display: flex;
	}
}