/* Visual bridge for More-than-Human Materialien. No functional selectors. */
body.mth-theme :where(.mth-material-tabs, .mth-material-login-required, .mth-material-empty) {
	--mth-material-accent: var(--mth-accent);
	--mth-material-ink: var(--mth-ink);
	--mth-material-muted: var(--mth-muted);
	--mth-material-line: var(--mth-line);
	--mth-material-surface: var(--mth-surface);
	width: 100%;
	max-width: var(--mth-wide);
	margin-block: clamp(1rem, 3vw, 2rem);
}

body.mth-theme .mth-material-tablist {
	gap: 0.25rem;
	border-color: var(--mth-line);
	-webkit-overflow-scrolling: touch;
}

body.mth-theme .mth-material-tab {
	min-height: 42px;
	padding: 0.7rem 0.9rem;
	border-bottom-width: 2px;
	border-radius: 0.4rem 0.4rem 0 0;
}

body.mth-theme .mth-material-tab:hover {
	background: rgba(8, 122, 103, 0.06);
}

body.mth-theme .mth-material-panel {
	padding: clamp(1.25rem, 3vw, 2.5rem) clamp(0rem, 1.5vw, 1rem);
	border-color: var(--mth-line);
}

body.mth-theme .mth-material-panel-header {
	max-width: 900px;
	margin-bottom: 1.5rem;
	border-left-color: var(--mth-accent);
}

body.mth-theme .mth-material-panel-header h2 {
	color: var(--mth-ink);
	font-size: clamp(1.65rem, 1.25rem + 1.6vw, 2.65rem);
}

body.mth-theme .mth-material-content {
	max-width: 960px;
}

body.mth-theme :where(.mth-material-login-required, .mth-material-empty) {
	border: 1px solid var(--mth-line);
	border-left: 4px solid var(--mth-accent);
	border-radius: 0.55rem;
	background: var(--mth-surface);
	box-shadow: var(--mth-shadow);
}

@media (prefers-color-scheme: dark) {
	body.mth-theme :where(.mth-material-tabs, .mth-material-login-required, .mth-material-empty) {
		--mth-material-ink: #e9f8f3;
		--mth-material-muted: #aec3b8;
	}

	body.mth-theme .mth-material-panel-header h2 {
		color: #e9f8f3;
	}

	body.mth-theme .mth-material-tab:hover {
		background: rgba(233, 248, 243, 0.06);
	}
}