.site-preheader {
	position: sticky;
	top: 0;
	z-index: 900;
	min-height: 56px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: 16px;
	padding: 8px clamp(14px, 3vw, 22px);
	border-bottom: 1px solid color-mix(in oklab, CanvasText 18%, transparent);
	color: CanvasText;
	background: color-mix(in oklab, Canvas 94%, CanvasText 6%);
	box-shadow: 0 4px 16px color-mix(in oklab, CanvasText 10%, transparent);
	font: 14px/1.25 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.site-preheader__brand {
	overflow: hidden;
	font-weight: 750;
	letter-spacing: .2px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.site-preheader__brand small {
	color: color-mix(in oklab, CanvasText 55%, transparent);
	font-size: 10px;
	font-weight: 650;
	letter-spacing: .3px;
}
.site-preheader__session {
	display: flex;
	align-items: baseline;
	justify-content: center;
	gap: 6px;
	white-space: nowrap;
}
.site-preheader__session strong {
	min-width: 5ch;
	color: color-mix(in oklab, oklch(62% 0.18 255) 88%, CanvasText);
	font-variant-numeric: tabular-nums;
	text-align: left;
}
.site-preheader__actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
}
.site-preheader__actions button {
	min-height: 38px;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 7px 11px;
	border: 1px solid color-mix(in oklab, CanvasText 18%, transparent);
	border-radius: 10px;
	color: inherit;
	background: color-mix(in oklab, Canvas 86%, CanvasText 14%);
	font: inherit;
	cursor: pointer;
}
.site-preheader__actions button:hover {
	background: color-mix(in oklab, Canvas 78%, CanvasText 22%);
}
.site-preheader__actions button:focus-visible {
	outline: 3px solid color-mix(in oklab, oklch(62% 0.18 255) 55%, transparent);
	outline-offset: 1px;
}
.site-preheader__actions svg {
	width: 19px;
	height: 19px;
	flex: 0 0 auto;
}
@media (max-width: 620px) {
	.site-preheader {
		min-height: 52px;
		gap: 8px;
		padding: 7px 10px;
		font-size: 12px;
	}
	.site-preheader__session {
		flex-direction: column;
		align-items: center;
		gap: 0;
		line-height: 1.1;
	}
	.site-preheader__session strong { text-align: center; }
	.site-preheader__actions { gap: 5px; }
	.site-preheader__actions button {
		min-width: 38px;
		padding: 7px;
		justify-content: center;
	}
	.site-preheader__actions button span { display: none; }
}