/* Shared page header for the API docs and MCP inspector pages.
   Injected by site-header.js (see that file for the markup and link logic).
   Self-contained — uses literal colours so it doesn't depend on any page's CSS variables. */
.site-header {
	background-color: rgb(2, 46, 52);
	color: #fff;
	padding: 1.5rem 2.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	font-family: "Open Sans", sans-serif;
}

.site-header .title {
	font-weight: 700;
	display: flex;
	align-items: baseline;
	gap: 1rem;
	color: #8CEAA7;
	font-size: 1.5rem;
}

.site-header .logo { max-height: 1.375rem; }

.site-header .links {
	display: flex;
	align-items: center;
	gap: 1.5rem;
}

.site-header a {
	color: inherit;
	font-size: 1rem;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.site-header a:hover { color: #8CEAA7; }

@media (max-width: 600px) {
	.site-header {
		padding: 1.5rem;
	}

	.site-header .title {
		flex-direction: column;
		font-size: 1.125rem;
		font-weight: 600;
		gap: 0.5rem;
	}

	.site-header .links { gap: 1rem; }

	.site-header .link-text { display: none; }
}