/* Stable brand geometry; colors follow the current theme. */
.topbar__brand {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	flex-shrink: 0;
	text-decoration: none;
}
.iwd-brand-mark { display: inline-flex; flex-shrink: 0; }
.iwd-brand-mark svg { display: block; }
.iwd-brand-mark__tile { fill: var(--theme-accent, var(--blue)); }
.iwd-brand-mark__ring {
	fill: none;
	stroke: var(--theme-surface, var(--bg-soft));
	stroke-width: 2.5;
}
.iwd-brand-mark__dot { fill: var(--theme-surface, var(--bg-soft)); }
.iwd-brand-name {
	color: var(--text);
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -.6px;
	line-height: 1;
}
.iwd-brand-name > span { font-weight: 800; }
.topbar__brand:focus-visible { outline: 2px solid var(--control-focus); outline-offset: 4px; }
@media (max-width: 640px) {
	.iwd-brand-name { font-size: 16px; }
	.iwd-brand-mark svg { width: 25px; height: 25px; }
	.topbar__brand { gap: 7px; }
}