.vo-interaction-eyebrow {
    font-size: 10px;
}

.vo-interaction-section-head h2,
.vo-interaction-dialog-head h2 {
    font-size: 22px;
}

.vo-interaction-section-head p:not(.vo-interaction-eyebrow),
.vo-interaction-dialog-head p:not(.vo-interaction-eyebrow) {
    font-size: 13px;
    line-height: 20px;
}

.vo-interaction-status,
.vo-interaction-due {
    min-height: 32px;
    padding: 7px 11px;
    font-size: 11px;
}

.vo-interaction-summary > div {
    padding: 16px 22px;
}

.vo-interaction-summary span {
    font-size: 10px;
}

.vo-interaction-summary strong {
    margin-top: 6px;
    font-size: 17px;
}

.vo-interaction-list {
    padding-top: 14px;
    padding-bottom: 22px;
}

.vo-interaction-entry {
    padding-top: 13px;
    padding-bottom: 13px;
}

.vo-interaction-entry-body {
    padding: 15px 17px;
}

.vo-interaction-type {
    font-size: 13px;
}

.vo-interaction-entry time,
.vo-interaction-entry small {
    font-size: 10.5px;
}

.vo-interaction-value-stack strong {
    font-size: 14px;
}

.vo-interaction-variance {
    font-size: 10.5px;
}

.vo-interaction-entry-body > p {
    margin-top: 9px;
    font-size: 14px;
    line-height: 22px;
}

.vo-interaction-entry-body > small {
    margin-top: 9px;
    line-height: 17px;
}

.vo-interaction-empty {
    font-size: 13px;
}

@media (max-width: 767px) {
    .vo-interaction-section-head h2 {
        font-size: 20px;
    }

    .vo-interaction-summary strong {
        font-size: 16px;
    }

    .vo-interaction-entry-body {
        padding: 13px 14px;
    }

    .vo-interaction-entry-body > p {
        font-size: 13.5px;
        line-height: 21px;
    }
}