/* Custom styles */

/*
Reveal.js utility classes for slides that tend to overflow.

Usage in Quarto headings:
	## Title {.compact}
	## Title {.code-compact}
*/

.reveal section.compact {
	font-size: 0.92em;
}

.reveal section.compact :is(p, li) {
	line-height: 1.15;
}

.reveal section.compact :is(ul, ol) {
	margin-block: 0.25em;
}

.reveal section.compact pre {
	margin: 0.25em auto;
}

.reveal section.code-compact pre code {
	font-size: 0.78em;
	line-height: 1.15;
}

.reveal section.table-compact table {
	font-size: 0.84em;
}

/* Center and widen Mermaid diagrams on specific slides */
.reveal section.mermaid-wide .mermaid {
	display: flex;
	justify-content: center;
}

.reveal section.mermaid-wide .mermaid svg {
	width: min(1150px, 100%);
	height: auto;
}

.reveal section.mermaid-wide .mermaid text {
	font-size: 22px;
}

/* Landing Page Brand Colors - pkgdown Alignment */
:root {
	--brand-red: #BF281B;
	--navbar-bg: #BF281B;
	--navbar-text: #f8f9fa;
}

/* Navbar: Dark background with light text */
.navbar {
	background-color: var(--navbar-bg) !important;
	border-top: 3px solid var(--brand-red);
	border-bottom: none;
}

.navbar-brand,
.navbar-nav .nav-link {
	color: var(--navbar-text) !important;
}

.navbar-nav .nav-link:hover {
	color: #ced4da !important;
}

/* Content headings */
h1,
h2,
h3,
h4 {
	color: #333;
	font-weight: 700;
}

/* Specific brand accent for the main landing page title */
#title-block-header.quarto-title-block.default .quarto-title .title {
	color: var(--brand-red) !important;
}

/* Content Links */
a {
	color: var(--brand-red);
	text-decoration: none;
}

a:hover {
	color: #a02217;
	text-decoration: underline;
}