#header-text,
#header-default {
	display: none;
}
/* Make #header-image a flex container so the inner <img> gets vertically
   centered inside the 34px-tall #left-logo. Scoped to image mode only —
   text-mode and default-mode load their own CSS files. */
#header-image {
	display: flex;
	align-items: center;
	height: 34px;
}
#header-image img {
	display: inline-block !important;
}
/* Proportional scaling: image fits within max 300×34, locked to whichever
   boundary hits first. height/width: auto preserves aspect ratio. */
#header-constrain #header-image img {
	max-height: 34px;
	max-width: 300px;
	height: auto;
	width: auto;
}