/* AP Fare rule detail */
.rule-detail .title {
    font: var(--f-20-140-inter-semi);
    color: var(--bluedark-color);
    margin-bottom: 1em;
}

.rule-detail .summary-field {
    color: var(--bluedark-color);
}

    .rule-detail .summary-field label {
        text-transform: uppercase;
        font: var(--f-14-140-inter-bold);
    }

    .rule-detail .summary-field p {
        font: var(--f-16-150-inter-regular);
    }

.rule-detail .summary-title-field > label {
    font: var(--f-12-150-inter-bold);
    color: var(--dark-text);
    text-transform: uppercase;
    margin: 0.5em 0;
}

.rule-detail .contrast-content {
    padding: 0.25rem;
    background: var(--whitegrey-color);
    border-radius: 3px;
}