@layer components {
  .adozione-libro {
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.2;
    padding: 0.125rem 0.375rem;
    border-radius: 0.375rem;
    position: relative;
  }

  .adozione-libro__titolo {
    font-size: var(--text-x-small);
    font-weight: 600;
  }

  .adozione-libro__footer {
    display: flex;
    justify-content: space-between;
    align-self: stretch;
    gap: 1ch;
  }

  .adozione-libro__editore {
    font-size: var(--text-xx-small);
    color: var(--color-ink-dark);
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-inline-size: 0;
  }

  .adozione-libro__prezzo {
    font-size: var(--text-xx-small);
    font-weight: 600;
    white-space: nowrap;
  }

  /* Book card for persona show */
  .libro-card {
    border: var(--border);
    border-radius: 0.375rem;
    display: flex;
    flex-direction: column;
    inline-size: 18ch;
    min-inline-size: 18ch;
    padding: 0.5rem 0.625rem;
    line-height: 1.3;
  }

  .libro-card__titolo {
    font-size: var(--text-xx-small);
    font-weight: 600;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .libro-card__editore {
    font-size: var(--text-xx-small);
    color: var(--color-ink-light);
    font-weight: 400;
    margin-block-start: 0.125rem;
  }

  .libro-hover--active {
    scale: 1.15;
    transition: scale 0.15s ease;
  }

  .libro-hover--dim {
    opacity: 0.25;
    transition: opacity 0.15s ease;
  }

  .adozioni-grid {
    display: flex;
    flex-direction: column;
    gap: var(--block-space-half);
  }
}