.changes {
    border: 1px solid #ddd;
    margin: 5px 0;
    font-family: Arial, Helvetica, sans-serif;
}

.old_summary,
.new_summary,
.changes_expand {
    padding: 1px 10px;
    border-radius: 2px;
    font-family: Arial;
    font-weight: bold;
    color: #4d4d4d;
}

.changes_expand {
    border: none;
    margin: 0;
    -webkit-appearance: none;
    background-color: #e8e8e8;
    line-height: 16px;
}

.old_summary {
    background-color: #fee8e9;
}

.new_summary {
    background-color: #dfd;
}

.changes_key {
    border-bottom: 1px solid #ddd;
}

.changes p {
    margin: 0;
    padding: 0 10px;
    color: #4a4a4a;
}

.changes .old span,
.changes .new span {
    margin-right: 10px;
}

.changes .old {
    background-color: #fee8e9;
}

.changes .new {
    background-color: #dfd;
}

.faux-table {
    display: flex;
    flex-direction: column;
}

.faux-row {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 0.5em 1em;
    border: 1px solid #eee;
    border-radius: 4px;
    margin-bottom: 0.5em;
    align-items: center;
}

.faux-row p {
    margin: 0;
    line-height: 1;
}