/* Sidebar — only used on mobile menu. Hairline drawer, no shadow. */
.sidebar {
  position: fixed;
  top: 0; right: 0; bottom: 0;
  width: var(--sidebar-width);
  background: var(--paper);
  border-left: 1px solid var(--ink);
  z-index: var(--z-index-sidebar);
  transform: translateX(100%);
  transition: transform var(--dur-3) var(--ease-snap);
  padding: var(--s-5);
}
.sidebar.open { transform: translateX(0); }
.sidebar nav ul { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--s-3); }
.sidebar nav a {
  font-family: var(--font-mono);
  font-size: var(--t-14);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--ink);
  text-decoration: none;
  padding: var(--s-2) 0;
  border-bottom: 1px solid var(--rule);
  display: block;
}
.sidebar nav a:hover { color: var(--mark); border-bottom-color: var(--mark); }