/* 站内统一的「回首页」按钮 —— 没有 Xi Notebook 字标顶栏的页面（页头直接是「← 页面标题」那种）都用它。
   原来这类页面有五种写法：文字 ‹、文字 ←、图标、带框的图标、带框的文字箭头，粗细和大小各不相同。
   现在一律是同一个 36px 圆形热区 + icons.js 里那个 back 图标（内联 SVG，不依赖 icons.js 加载），
   颜色跟随页头的文字色，所以放在浅色、深色页头上都成立。

   用法：<a class="nb-back" href="/" aria-label="返回首页" title="返回首页"><svg …/></a>
   ⚠ 带字标的标准顶栏（.brand.drive-back，在 style.css）不用这个。 */
.nb-back {
  display: inline-grid;
  place-items: center;
  flex: none;
  width: 36px;
  height: 36px;
  margin-left: -6px;               /* 让箭头本身跟下面的内容左对齐，热区往外扩 */
  border-radius: 50%;
  color: inherit;
  text-decoration: none;
  transition: background-color .16s ease;
  -webkit-tap-highlight-color: transparent;
}
.nb-back svg { display: block; width: 20px; height: 20px; }
.nb-back:hover { background: rgba(128, 128, 128, .14); }
.nb-back:active { background: rgba(128, 128, 128, .22); }
.nb-back:focus-visible { outline: 2px solid currentColor; outline-offset: 1px; }