.ilwu-resource-grid,
.ilwu-quick-links-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap: var(--ilwu-grid-gap);
}

.ilwu-program-card,
.ilwu-benefit-card,
.ilwu-resource-card,
.ilwu-download-card,
.ilwu-contact-panel,
.ilwu-eligibility-box,
.ilwu-highlight-callout {
  border: 1px solid var(--ilwu-color-border);
  border-radius: var(--ilwu-radius-lg);
  background: var(--ilwu-color-white);
  box-shadow: var(--ilwu-shadow-sm);
}

.ilwu-program-card,
.ilwu-benefit-card,
.ilwu-resource-card,
.ilwu-download-card {
  padding: clamp(20px, 3vw, 30px);
}

.ilwu-cta-banner {
  padding: clamp(24px, 4vw, 42px);
  border-radius: var(--ilwu-radius-lg);
  background: linear-gradient(135deg, var(--ilwu-color-navy), var(--ilwu-color-navy-800));
  color: var(--ilwu-color-white);
}

.ilwu-cta-banner a {
  color: var(--ilwu-color-yellow);
}

.ilwu-eligibility-box,
.ilwu-highlight-callout {
  padding: clamp(22px, 4vw, 36px);
  border-left: 6px solid var(--ilwu-color-yellow);
}

.ilwu-download-card a::before {
  content: "Download";
  display: inline-flex;
  margin-right: var(--ilwu-space-2);
  padding: 0.15rem 0.5rem;
  border-radius: 999px;
  background: var(--ilwu-color-yellow);
  color: var(--ilwu-color-navy);
  font-size: var(--ilwu-text-xs);
  font-weight: var(--ilwu-font-weight-bold);
  text-transform: uppercase;
}