.biography {
  width: 80%;
  float: left;
}

.description {
  width: 70%;
  float: left;
}

.details {
  width: 30%;
  float: right;
  margin-top: 25px;
  font-size: 85%;
  color: var(--color-text-light);
  text-align: center;

  .price {
    color: var(--color-text);
    font-size: 1.4em;
    font-weight: bold;
  }
}

/* Usare .cover-thumb--small e .cover-thumb--medium eliminando la gerarchia di elementi? (v. sotto) */
.photo .cover-thumb,
.details .cover-thumb {
  width: 120px;
  height: 170px;
}

.pubblications {
  padding-top: 30px;
}

.subtitle {
  color: var(--color-text-light);
  font-weight: normal;
}

.unpublished {
  color: var(--color-text-warning);
}

ul.cathegories {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
  float: left;

  li {
    font-size: 11px;
    display: inline;
    margin-right: 0px;
    padding: 2px 4px;
    white-space: nowrap;
    color: var(--color-tag-fg);
    background-color: var(--color-tag-bg);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;

    &:hover {
      color: var(--color-tag-bg);
      background-color: var(--color-tag-fg);
    }

    a {
      text-decoration: none;

      &:hover {
        color: inherit;
        background-color: inherit;
      }
    }
  }
}

/* INDEX */

.book {
  margin-top: 25px;

  .photo {
    width: 15%;
    float: left;
    font-size: 85%;
    color: var(--color-text-light);
    text-align: left;

    /* Usare .cover-thumb--small e .cover-thumb--medium eliminando la gerarchia di elementi? (v. sopra) */
    .cover-thumb {
      width: 80px;
      height: 120px;
    }

    /* FIXME Inutilizzato? Eliminare? */
    a {
      text-decoration: none;

      &:hover {
        color: inherit;
        background-color: var(--color-link-hover);
      }
    }
  }

  .head {
    width: 85%;
    float: right;

    h1 {
      font-size: 18px;
      margin-top: 0;

      a {
        text-decoration: none;

        &:hover {
          color: inherit;
          background-color: var(--color-link-hover);
        }
      }
    }

    h2 {
      margin: 0;
      font-size: 1em;
      font-weight: normal;
    }
  }
}