nav hr {
	margin-left: 0.6rem;
	border-bottom: 1px solid;
}

:root {
	--dh-color-dark-blue: #0a0f21;
	--dh-color-purple: #1e184d;
	--dh-color-purple-light: #38227b;
	--dh-color-blue: #2878be;
	--dh-color-gold: #f3c267;
	--dh-color-gold-light: #fef790;
	--dh-color-off-white: #f2f3f4;
	--dh-color-off-black: #1c1c1c;
	--dh-border-purple: #6d6795;
	--dh-space-xs: 0.25rem;
	--dh-space-sm: 0.5rem;
	--dh-space-md: 0.75rem;
	--dh-space-lg: 1rem;
	--dh-space-xl: 1.5rem;
	--dh-radius-md: 6px;
	--dh-radius-lg: 8px;
	--dh-radius-xl: 10px;
	--md-primary-fg-color: var(--dh-color-purple);
	--md-primary-fg-color--light: var(--dh-color-purple-light);
	--md-primary-fg-color--dark: var(--dh-color-dark-blue);
	--md-accent-fg-color: var(--dh-color-gold);
	--md-typeset-a-color: var(--dh-color-gold);
	--md-default-fg-color--light: rgba(242, 243, 244, 0.8);
}

[data-md-color-scheme='default'] {
	--md-default-bg-color: #fafafa;
	--md-default-fg-color: #1b1b1b;
	--md-primary-fg-color: var(--dh-color-purple);
	--md-accent-fg-color: var(--dh-color-gold);
	--md-code-bg-color: #f3f4f6;
	--md-code-fg-color: #111111;
	--dh-card-bg: #ffffff;
	--dh-card-border: rgba(0, 0, 0, 0.08);
	--dh-card-shadow: rgba(0, 0, 0, 0.08);
	--dh-card-shadow-hover: rgba(0, 0, 0, 0.15);
	--dh-card-hover-border: var(--dh-color-blue);
}

[data-md-color-scheme='slate'] {
	--md-default-bg-color: #0b0a13;
	--md-default-fg-color: var(--dh-color-off-white);
	--md-primary-fg-color: var(--dh-color-purple);
	--md-accent-fg-color: var(--dh-color-gold);
	--md-code-bg-color: rgba(11, 10, 19, 0.85);
	--md-code-fg-color: var(--dh-color-off-white);
	--dh-card-bg: rgba(11, 10, 19, 0.9);
	--dh-card-border: rgba(243, 194, 103, 0.2);
	--dh-card-shadow: rgba(0, 0, 0, 0.4);
	--dh-card-shadow-hover: rgba(0, 0, 0, 0.6);
	--dh-card-hover-border: var(--dh-color-gold);
}

html,
body {
	background-color: var(--md-default-bg-color);
}

.md-header {
	background: linear-gradient(135deg, rgba(11, 10, 19, 0.95) 0%, rgba(30, 24, 77, 0.9) 100%);
	border-bottom: 2px solid var(--dh-color-gold);
	box-shadow: 0 6px 25px rgba(0, 0, 0, 0.8);
}

.md-header__title {
	letter-spacing: 2px;
	text-transform: uppercase;
}

.md-nav {
	background: transparent;
}

.md-nav__list {
	padding-right: var(--dh-space-md);
}

.md-nav__link {
	border-radius: var(--dh-radius-md);
}

.md-nav__link:hover,
.md-nav__link:focus {
	color: var(--dh-color-gold);
	background: rgba(243, 194, 103, 0.08);
}

.md-nav__item .md-nav__link--active {
	color: var(--dh-color-gold);
}

.md-sidebar--primary {
	border-right: 1px solid rgba(243, 194, 103, 0.2);
}

.md-main__inner {
	padding-top: var(--dh-space-xl);
}

.md-content {
	background: transparent;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
	color: var(--dh-color-gold);
	text-transform: uppercase;
	letter-spacing: 2px;
}

.md-typeset h1 {
	letter-spacing: 3px;
}

.md-typeset h2 {
	font-weight: 800;
	font-size: 1.6rem;
}

.md-typeset a {
	color: var(--dh-color-gold);
	text-decoration: none;
}

.md-typeset a:hover {
	color: var(--dh-color-gold-light);
	text-decoration: underline;
}

.md-typeset p,
.md-typeset li {
	color: var(--md-default-fg-color);
}

.md-typeset h1:first-child {
	font-size: 2rem;
}

.md-typeset h1:first-child + p {
	font-size: 1.05rem;
	opacity: 0.9;
}

.md-typeset h2 + ul {
	list-style: none;
	padding-left: 0;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--dh-space-xl);
}

.md-typeset h2 + ul > li {
	background: var(--dh-card-bg);
	border: 1px solid var(--dh-card-border);
	border-radius: var(--dh-radius-lg);
	padding: var(--dh-space-lg);
	box-shadow: 0 6px 16px var(--dh-card-shadow);
	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease,
		border-color 0.2s ease;
}

.md-typeset h2 + ul > li:hover {
	transform: translateY(-2px);
	border-color: var(--dh-card-hover-border);
	box-shadow: 0 10px 24px var(--dh-card-shadow-hover);
}

.md-typeset h2 + ul > li > a {
	display: block;
	text-decoration: none;
	color: inherit;
}

.md-typeset code {
	background: rgba(67, 63, 100, 0.25);
	border: 1px solid rgba(243, 194, 103, 0.3);
	border-radius: var(--dh-radius-md);
	padding: 0.1rem 0.3rem;
	color: var(--dh-color-gold-light);
}

.md-typeset pre > code {
	background: var(--md-code-bg-color);
	border: 1px solid rgba(243, 194, 103, 0.25);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

.md-typeset .admonition,
.md-typeset details {
	background: rgba(67, 63, 100, 0.2);
	border: 1px solid rgba(243, 194, 103, 0.35);
	border-radius: var(--dh-radius-lg);
}

.md-typeset .admonition > .admonition-title,
.md-typeset details > summary {
	background: rgba(243, 194, 103, 0.12);
	color: var(--dh-color-gold);
	border-bottom: 1px solid rgba(243, 194, 103, 0.25);
}

.md-button,
.md-typeset .md-button {
	background: rgba(243, 194, 103, 0.12);
	border: 1px solid rgba(243, 194, 103, 0.25);
	color: var(--dh-color-gold);
	border-radius: var(--dh-radius-md);
	text-transform: uppercase;
}

.md-button:hover,
.md-typeset .md-button:hover {
	background: rgba(243, 194, 103, 0.18);
	border-color: rgba(243, 194, 103, 0.35);
}

.md-typeset table:not([class]) {
	border: 1px solid rgba(243, 194, 103, 0.25);
	border-radius: var(--dh-radius-lg);
}

.md-typeset table:not([class]) th,
.md-typeset table:not([class]) td {
	border-color: rgba(243, 194, 103, 0.15);
}

.md-search__form {
	background: rgba(67, 63, 100, 0.3);
	border: 1px solid rgba(243, 194, 103, 0.25);
}

.md-search__input::placeholder {
	color: rgba(242, 243, 244, 0.7);
}

.md-footer {
	background: linear-gradient(135deg, rgba(30, 24, 77, 0.9) 0%, rgba(11, 10, 19, 0.95) 100%);
	border-top: 1px solid rgba(243, 194, 103, 0.2);
}

.md-typeset blockquote {
	border-left: 3px solid var(--dh-color-gold);
	background: rgba(243, 194, 103, 0.08);
}

.md-typeset hr {
	border-bottom: 1px solid rgba(243, 194, 103, 0.25);
}

.md-tabs {
	background: transparent;
	border-bottom: 1px solid rgba(243, 194, 103, 0.2);
}

.md-tabs__link--active,
.md-tabs__link:hover {
	color: var(--dh-color-gold);
}

[data-md-color-scheme='default'] .md-header {
	background: linear-gradient(135deg, #ffffff 0%, #f5f6fa 100%);
	border-bottom: 2px solid var(--dh-color-gold);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

[data-md-color-scheme='default'] .md-header__title,
[data-md-color-scheme='default'] .md-header__title a,
[data-md-color-scheme='default'] .md-header__title .md-ellipsis,
[data-md-color-scheme='default'] .md-header__topic {
	color: var(--dh-color-blue);
}

[data-md-color-scheme='default'] .md-header__button,
[data-md-color-scheme='default'] .md-header__button .md-icon,
[data-md-color-scheme='default'] [data-md-toggle='palette'] .md-icon {
	color: var(--dh-color-blue);
	fill: currentColor;
}

[data-md-color-scheme='default'] .md-logo,
[data-md-color-scheme='default'] .md-logo svg {
	color: var(--dh-color-blue);
	fill: currentColor;
}

[data-md-color-scheme='default'] .md-logo img {
	filter: brightness(0) saturate(100%) invert(34%) sepia(61%) saturate(541%) hue-rotate(174deg) brightness(90%)
		contrast(93%);
}

[data-md-color-scheme='default'] .md-footer {
	background: #fafafa;
	border-top: 1px solid rgba(243, 194, 103, 0.25);
}

[data-md-color-scheme='default'] .md-typeset code {
	background: var(--md-code-bg-color);
	border: 1px solid rgba(0, 0, 0, 0.08);
	color: var(--md-code-fg-color);
}

[data-md-color-scheme='slate'] .md-header {
	background: linear-gradient(135deg, rgba(11, 10, 19, 0.95) 0%, rgba(30, 24, 77, 0.9) 100%);
	border-bottom: 2px solid var(--dh-color-gold);
	box-shadow: 0 6px 25px rgba(0, 0, 0, 0.8);
}

[data-md-color-scheme='slate'] .md-footer {
	background: linear-gradient(135deg, rgba(30, 24, 77, 0.9) 0%, rgba(11, 10, 19, 0.95) 100%);
	border-top: 1px solid rgba(243, 194, 103, 0.2);
}

@media (max-width: 1200px) {
	.md-typeset h2 + ul {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 768px) {
	.md-typeset h2 + ul {
		grid-template-columns: 1fr;
		gap: var(--dh-space-lg);
	}
	.md-typeset h1:first-child {
		font-size: 1.6rem;
	}
}