.drawer-mask {
  display: none;
  border: 0;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1500;
}

.toc-title {
  text-align: center;
}

.toc .toc-level-2 {
  margin-left: 0.5rem;
}

.toc .toc-level-3 {
  margin-left: 1rem;
}

.toc .toc-level-4 {
  margin-left: 1.5rem;
}

.post-term .material-icons {
  font-size: 16px;
  margin-right: 3px;
  vertical-align: text-bottom;
}

.mobile-pagination {
  margin: 0;
}

.post-updated-at {
  color: #777;
  font-size: 0.875rem;
  padding: 0 35px;
}

/* The dark-mode toggle is a button while the other pagination actions are links. */
.extra-container .pagination .pagination-action {
  appearance: none;
  background: transparent;
  border: 0;
  color: inherit;
  font: inherit;
}

body.night .post-updated-at,
body.night .post-updated-at time,
body.night .stream-container .post .post-pagination .newer-posts,
body.night .stream-container .post .post-pagination .older-posts,
body.night .stream-container .post-list-footer {
  color: #ccc;
}

.content-embed {
  position: relative;
  width: 100%;
  height: 0;
  margin: 1.5rem 0;
  overflow: hidden;
  padding-bottom: 56.25%;
}

.content-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.content-figure {
  max-width: 100%;
  margin: 1.5rem auto;
}

.content-figure-left {
  margin-left: 0;
}

.content-figure-right {
  margin-right: 0;
}

.content-figure img {
  display: block;
  max-width: 100%;
}

.content-figure figcaption {
  margin-top: 0.5rem;
  color: #777;
  font-size: 0.875rem;
  text-align: center;
}

body.night .content-figure figcaption {
  color: #ccc;
}

@media screen and (max-width: 1020px) {
  .post-updated-at {
    padding: 0 20px;
  }
}