/**
 * Record details list (label / value rows + labelled price row).
 *
 * One definition shared by the work detail purchase box and the Exhibitions
 * About panel (markup from RecordDetailFields::render / renderPrice).
 * dl selectors carry an element to beat `.c21-auth-app dl { margin: 0 }`.
 */

dl.c21-detail-fields {
    margin: 0 0 1rem;
    padding: 0;
}

/* Size / weight live on the price list so the Member Works "Price" Styler
   control (targets this dl) flows through to the row. */
dl.c21-detail-fields--price {
    margin: 0 0 0.75rem;
    font-size: 1.15rem;
    font-weight: 700;
}

.c21-detail-fields .c21-detail-fields__row {
    display: grid;
    grid-template-columns: minmax(5rem, 35%) 1fr;
    gap: 0.35rem 0.75rem;
    margin: 0 0 0.45rem;
    font-size: 0.85rem;
}

.c21-detail-fields .c21-detail-fields__row dt {
    margin: 0;
    font-weight: 600;
    color: #555;
}

.c21-detail-fields .c21-detail-fields__row dd {
    margin: 0;
    color: #111;
}

.c21-detail-fields .c21-detail-fields__row--price {
    margin-bottom: 0;
    font-size: inherit;
}

.c21-detail-fields .c21-detail-fields__row--price dt,
.c21-detail-fields .c21-detail-fields__row--price dd {
    font-weight: inherit;
    color: #111;
}