/* 一芽一 · 导航栏 logo
 * 配合 scripts/navbar-logo.js 在 navbar-brand 内 <strong> 前注入 <img class="navbar-logo">。
 * 让 navbar-brand 成为 inline-flex，让 logo 与「一芽一」三字垂直居中对齐。
 *
 * avatar1.webp 是 640x640 方形图（绿底白符号 + 底部金丝带），固定 32×32 既清晰又克制。
 * 导航栏深蓝底（#2f4154）下，绿底白图天然高对比，无需暗色模式特例。
 */

.navbar-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.navbar-brand .navbar-logo {
  height: 32px;
  width: 32px;
  object-fit: cover;
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15);
  flex: 0 0 auto;
}