ul.tastic-post-list {
  list-style-type: none;
  padding: 0;

  & > li > span.tastic-r {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5rem;
    position: relative;

    & .tastic-r-0 {
      /** date + tags row */
      display: flex;
      flex-direction: row;
      width: 100%;
      justify-content: space-between;
    }
    & .tastic-r-0-0 {
      /** date */
      font-size: 0.8rem;
    }

    & .tastic-r-0-1 {
      /** tag icons */
      color: var(--secondary-tint);
      display: inline-flex;
      flex-direction: row;
      gap: 0.5rem;
    }
    & .tastic-r-1-0 {
      /** title */
      font-size: 2rem;
    }

    & .tastic-r-3 .rating {
      display: inline-block;
      margin: 0.5rem 0;
      color: var(--secondary-tint);
    }

    &::before {
      content: "";
      position: absolute;
      bottom: -0.75rem;
      left: 0;
      background: #e6e6e6;
      height: 2px;
      width: 60px;
    }
  }
}

nav.tastic-page-list {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;

  a {
    text-decoration: none;
    border-radius: 1rem;
    background: var(--bg-tint);
    color: var(--body-background);
    width: 1.5rem;
    height: 1.5rem;
    text-align: center;
  }
  a[href=""] {
    background: var(--body-background);
    outline: 2px solid var(--bg-tint);
    color: var(--bg-tint);
    cursor: default;
  }
}

div.book-header {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  gap: 0.25rem;

  & h1 {
    color: var(--color-link);
  }

  & .rating {
    color: var(--secondary);
    padding-bottom: 0.25rem;
  }

  & .bookInfo {
    display: flex;
    flex-direction: row;
    width: 100%;

    & > span {
      padding: 0 1rem;
      width: 100%;
    }

    & .left {
      border-right: 1px solid;
      text-align: right;
    }
  }
}