/* Extend list-item hover surfaces across the full panel width. */
.list-panel > a {
  margin-left: -24px;
  margin-right: -24px;
  padding-left: 24px;
  padding-right: 24px;
  color: #4b4d54;
}

.list-panel > a:hover,
.list-panel > a:focus-visible {
  background: transparent;
  border-radius: 0;
  color: #000;
}

.list-panel:hover,
.list-panel:focus-within {
  border-color: var(--line);
  box-shadow: none;
}

@media (prefers-color-scheme: dark) {
  [data-theme="dark"] .list-panel > a { color: #c5c7cc; }
  [data-theme="dark"] .list-panel > a:hover,
  [data-theme="dark"] .list-panel > a:focus-visible { color: var(--ink); }
}