.details {
    display: grid;
    grid-template-columns: auto 2px 1fr;
    gap:  0;
    list-style: none;
    padding:  0;
    margin: 0;
    position: relative;

    /* Create the vertical divider spanning all rows */
    &::before {
        content: '';
        grid-column: 2;
        grid-row: 1 / -20;
        background-color: var(--accent);
        width: 2px;
    }

    li {
        display:  contents;
    }

    .label {
        font-weight: bold;
        text-align: end;
        grid-column: 1;
        padding-right: 1rem;
        padding-block: 0.5rem;
    }

    .value {
        grid-column: 3;
        padding-left: 1rem;
        padding-block: 0.5rem;
        white-space: pre-line;
    }
}