/* Keep the familiar [o] identity crisp without depending on bracket font metrics. */
.brand-lockup{display:inline-flex;align-items:center;gap:10px;min-height:44px;flex-shrink:0}
.brand-lockup .brand-mark{display:block;width:32px;height:28px;flex:0 0 32px;color:var(--green);overflow:visible}
.brand-lockup .brand-wordmark{white-space:nowrap;line-height:1.4}
.brand-lockup:hover .brand-wordmark{text-decoration:underline;text-underline-offset:.2em}
.brand-lockup:focus-visible{outline-offset:5px;border-radius:3px}
@media(max-width:380px){.site-header .brand-lockup{gap:8px}.site-header .brand-lockup .brand-mark{width:25px;height:25px;flex-basis:25px}}
@media(forced-colors:active){.brand-lockup .brand-mark{color:LinkText}}