.ocf-roofing-resources { padding-block: clamp(16px, 2.5vw, 28px); }

.ocf-roofing-resources { background: var(--ocf-bg-alt); }
.ocf-resources-heading { display: flex; align-items: end; justify-content: space-between; gap: var(--ocf-grid-gap); margin-bottom: calc(var(--ocf-grid-gap) * 1.25); }
.ocf-resources-heading .heading-2 { max-width: var(--ocf-section-heading-width); margin: 0; }
.ocf-resources-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ocf-grid-gap); }
.ocf-resources-card { display: flex; flex-direction: column; align-items: flex-start; gap: calc(var(--ocf-space-unit) * .5); min-width: 0; padding: calc(var(--ocf-space-unit) * 1.25); background: var(--ocf-bg); border: var(--card-border-width) solid var(--ocf-border-light); }
.ocf-resources-card h3 { margin: 0; color: var(--ocf-heading); font-family: var(--ocf-font-heading), sans-serif; font-size: var(--font-h3-size); line-height: 1.2; }
.ocf-resources-card p { margin: 0; color: var(--ocf-body); }
.ocf-resources-card .ocf-text-link { margin-top: auto; }
@media (max-width: 640px) { .ocf-resources-heading { align-items: flex-start; flex-direction: column; } .ocf-resources-grid { grid-template-columns: 1fr; } }

/* OCF_AGENT_BLOCK:sentence-case-resource-card-headings START */
.ocf-roofing-resources .ocf-resources-card h3 { text-transform: none; letter-spacing: normal; }
/* OCF_AGENT_BLOCK:sentence-case-resource-card-headings END */