.latest-offerings { padding-block: 64px; background: var(--color-platinum); scroll-margin-block-start: 96px; }
.latest-offerings .offerings-heading { max-width: 760px; margin-block-end: 28px; }
.latest-offerings .offerings-heading p { color: var(--color-text-muted); margin-block-start: 12px; }
.latest-offerings .offerings-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.latest-offerings .offering-card { padding: 28px; background: white; border: 1px solid var(--color-slate-light); border-radius: 12px; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; min-width: 0; }
.latest-offerings .offering-card h3 { margin: 0; font-size: 1.4rem; overflow-wrap: anywhere; }
.latest-offerings .offering-card p { color: var(--color-text-muted); flex: 1; }
.latest-offerings .offering-number { color: var(--color-teal-primary); font-size: .85rem; font-weight: 600; }
.latest-offerings .btn { white-space: normal; text-align: start; min-height: 44px; }
.latest-offerings .offerings-note { margin-block-start: 24px; padding-inline-start: 16px; border-inline-start: 3px solid var(--color-gold); color: var(--color-text-muted); font-size: .92rem; }
@media (max-width: 850px) { .latest-offerings .offerings-grid { grid-template-columns: 1fr; } .latest-offerings { padding-block: 40px; } }