/* How We Work: numbered step cards on the alternate surface — page-colored panel, primary top rule, primary number. */
.ocf-commitments { background: var(--cardinal-bg-alt); }

.ocf-commitments-heading { margin-bottom: calc(var(--ocf-grid-gap) * 2); }
.ocf-commitments-heading .heading-2 { max-width: var(--ocf-section-heading-width); }

.ocf-commitments-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--ocf-grid-gap);
}

.ocf-commitment {
    display: flex;
    flex-direction: column;
    gap: calc(var(--ocf-space-unit) * 0.75);
    padding: calc(var(--ocf-space-unit) * 1.75);
    border-top: calc(var(--card-border-width) * 2.667) solid var(--ocf-primary);
    border-radius: var(--card-radius);
    background: var(--ocf-bg);
}

.ocf-commitment-num {
    color: var(--ocf-link);
    font-family: var(--ocf-font-heading), system-ui, sans-serif;
    font-size: calc(var(--font-h3-size) * 1.25);
    font-weight: var(--ocf-font-h2-weight);
    line-height: 1.07;
}

.ocf-commitment h3,
.ocf-commitment p { margin: 0; }

.ocf-commitment p {
    color: var(--ocf-body);
    font-size: calc(var(--font-body-size) * 0.889);
    line-height: 1.625;
}

@media (max-width: 900px) {
    .ocf-commitments-list { grid-template-columns: 1fr; }
}

/* OCF_AGENT_BLOCK:commitments-intro-white START */
.ocf-commitments-heading .ocf-section-intro {
    color: #FFFFFF;
}
/* OCF_AGENT_BLOCK:commitments-intro-white END */