/* 99 Power Tools design overrides */

:root {
	--mc-background: #f6f3ed;
	--mc-surface: #ffffff;
	--mc-surface-strong: #ece6dc;
	--mc-text: #292723;
	--mc-text-muted: #6d675f;
	--mc-border: #b9afa2;
	--mc-accent: #a5482e;
	--mc-accent-hover: #7f3523;
	--mc-focus: #436a64;
	--mc-code-background: #eee9e1;
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme]) {
		--mc-background: #1d1a17;
		--mc-surface: #27231f;
		--mc-surface-strong: #38312a;
		--mc-text: #f2ede6;
		--mc-text-muted: #c5baad;
		--mc-border: #74695e;
		--mc-accent: #e38c6e;
		--mc-accent-hover: #f0ad95;
		--mc-focus: #8bb3aa;
		--mc-code-background: #302a25;
	}
}

header {
	border-bottom: var(--mc-border-width) solid var(--mc-border);
	background: var(--mc-surface);
}

.brand {
	display: block;
	font-weight: 800;
	letter-spacing: -0.02em;
}

.site-logo {
	width: 12.5rem;
	height: auto;
}

.site-nav > ul {
	flex-wrap: nowrap;
}

.site-nav details.dropdown > summary {
	background: var(--mc-surface);
}

.site-nav .category-parent > a {
	font-weight: 700;
}

.site-nav .category-child > a {
	padding-inline-start: var(--mc-space-6);
	color: var(--mc-text-muted);
}

.home-hero {
	padding: clamp(2rem, 6vw, 4.5rem);
	border: var(--mc-border-width) solid var(--mc-border);
	border-radius: var(--mc-radius);
	background: var(--mc-surface);
	box-shadow: 0 0.5rem 1.5rem rgb(54 42 31 / 0.06);
}

.home-hero .eyebrow {
	margin-block-end: var(--mc-space-3);
	color: var(--mc-accent);
}

.home-hero > p:last-child {
	max-width: 42rem;
	color: var(--mc-text-muted);
	font-size: clamp(1.05rem, 1.5vw, 1.2rem);
}

.featured-media {
	margin-block: 0 var(--mc-space-6);
}

.featured-media img {
	width: 100%;
}

.category-list {
	padding: 0;
	list-style: none;
}

.category-list li {
	padding-block: var(--mc-space-3);
	border-bottom: var(--mc-border-width) solid color-mix(in srgb, var(--mc-border) 55%, transparent);
}

.category-list li + li {
	margin-block-start: 0;
}

.category-list a {
	font-weight: 650;
	text-decoration: none;
}

.category-children {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mc-space-2) var(--mc-space-4);
	padding: 0;
	list-style: none;
}

.category-children li + li {
	margin-block-start: 0;
}

.category-children a {
	font-weight: 600;
}

footer {
	background: var(--mc-surface);
}

@media (max-width: 40rem) {
	.site-nav > ul {
		gap: var(--mc-space-2);
	}

	.site-logo {
		width: 10.5rem;
	}

	.home-hero {
		padding: var(--mc-space-6);
	}
}