/* 「今天」導覽上的未完成待辦數字（桌面側欄與手機底部導覽共用）。 */
.nav-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 10px;
  background: var(--accent);
  color: var(--on-accent);
  font-family: var(--f-sans);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.nav-badge[hidden] {
  display: none;
}

/* Mobile tab bar: each item is a stacked column, so pin the badge to the cell's top-right corner. */
@media (max-width: 699px) {
  .site-nav a {
    position: relative;
  }

  .site-nav .nav-badge {
    position: absolute;
    top: 4px;
    left: calc(50% + 10px);
  }
}

/* Desktop sidebar: the row is full width, so push the badge to the right edge. */
@media (min-width: 1360px) {
  .site-nav .nav-badge {
    margin-left: auto;
  }
}