/* Sidebar buttons (nav) */
.sidebar{
  padding:0;
  margin:0 1rem 0 0;
  box-sizing:border-box;
}
.sidebar ul{ list-style:none; margin:0; padding:0; }
.sidebar li{ margin:6px 0; }

.sidebar a{
  display:block;
  width:120px;              /* adjust width to match screenshot */
  padding:6px 8px;
  text-align:center;
  text-decoration:none;
  font-family: Georgia, "Times New Roman", serif;
  font-weight:700;
  color:#fff;
  text-transform: none;

  /* flat button look with subtle bevel */
  background: linear-gradient(#6d5b9d, #4a3678);
  border: 1px solid rgba(0,0,0,0.55);
  border-radius:3px;

  box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 3px 0 rgba(0,0,0,0.35);
  transition: transform .06s ease, box-shadow .06s ease, background .12s ease, filter .12s ease;
}

.sidebar a:hover{
  background: linear-gradient(#7f6dd0, #5f49a9);
  transform: translateY(-1px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 6px 0 rgba(0,0,0,0.35);
}

.sidebar a:active{
  transform: translateY(0);
  box-shadow: inset 0 2px 0 rgba(0,0,0,0.25);
}

/* keyboard focus for accessibility */
.sidebar a:focus{
  outline:3px solid rgba(120,130,255,0.18);
  outline-offset:2px;
}

/* current page */
.sidebar a[aria-current="page"]{
  background: linear-gradient(#45306a, #2e224a);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
}

/* smaller text and spacing for a compact stacked nav */
.sidebar small{ display:block; font-weight:400; font-size:0.85rem; color:rgba(255,255,255,0.9); }