private icon not showing on post

Hello, I’m working on customizing Libretto for my personal blog, and I noticed that when I have a post set up as private, I get a lock icon at the top of the post on my main page. But, when I click on the post and go to its own page, the icon switches to the thumbtack that is the default.

I found in style.css this code:

/* Post format icons */
.post .entry-header:before,
.entry-footer:before,
.single .title-block:before,
.page .entry-header:before {
  background: #faf9f5;
  border: 1px solid #d9d6d0;
  border-radius: 50%;
  box-shadow: 0 0 0 4px #faf9f5;
  color: #a09a92;
  content: "p";
  display: inline-block;
  font-family: libretto-icons;
  font-size: 21px;
  line-height: 21px;
  margin: 1rem auto 2rem;
  padding: 10px;
  text-shadow: none;
}

which is telling it to default to "p".

I assumed that this would override it:

.post-password-required .entry-header:before,
.status-private .entry-header:before {
  content: "w";
}

But that only seems to affect the front page.

Any help on how I can get the lock icon to stay on the front page as well as the specific post page would be most appreciated.

Thanks in advance.