/*
 * Design A: hexagon logo beside the text (source/logo-test.html).
 * Loaded after site.css. Only rules that differ between designs belong here.
 */

.logo { display: flex; align-items: center; gap: 14px; }
.logo-mark { width: 48px; height: 48px; }
.logo-facet { fill: var(--color-logo-facet); }
.logo-hex { fill: none; stroke: var(--color-logo-line); stroke-width: 4; stroke-linejoin: round; }
.logo-line { stroke: var(--color-logo-line); stroke-width: 2; }
.logo-text { font-size: 32px; letter-spacing: -0.5px; }