.orderbook-item {
    display: grid;
    gap: var(--ses-spacing-sm);
    grid-template-columns: 150px minmax(0, 1fr);
    align-items: start;
}

.orderbook-item-details {
    display: grid;
    gap: var(--ses-spacing-sm);
    align-content: start;
    align-items: start;
}

.item-details.secondary {
    display: grid;
    gap: calc(var(--ses-spacing-xs) / 2);
    color: var(--ses-color-brand-plum);
}

.item-details .author {
    color: var(--ses-color-brand-eggplant);
    font-weight: var(--ses-font-weight-medium);
    font-size: var(--ses-font-size-lg);
    line-height: var(--ses-line-height-reset);
}

.item-details.tertiary {
    display: flex;
    gap: var(--ses-spacing-sm);
    align-items: center;
}

.item-details.tertiary :is(p, div, span) {
    font-size: var(--ses-font-size-sm);
}

.item-details.tertiary .details-item {
    color: var(--ses-color-brand-plum);
    display: flex;
    gap: calc(var(--ses-spacing-xs) / 2);
    align-items: center;
}

.item-details img {
    display: inline-block;
    block-size: 1rem;
    inline-size: 1rem;
    color: inherit;
}

.order-button {
    grid-column: 1 / -1;
    justify-self: end;
}

.item-cover {
    inline-size: clamp(150px, 20vw, 250px);
}

.button-group {
    display: flex;
    gap: var(--ses-spacing-sm);
}