/* Job Fair What to Expect (acf/job-fair-expect). Shared tokens: css/job-fair-base.css
   Icon cards on the light-blue band; pairs with the Job Fair Photo block below it. */
.jf-block.jf-expect { padding-block: 4rem; background: var(--jf-ice); }
.jf-block.jf-expect .jf-expect__header { max-width: 44rem; margin-inline: auto; text-align: center; }
.jf-block.jf-expect .jf-expect__intro { margin-top: 1rem; }
.jf-block.jf-expect .jf-expect__grid { display: grid; gap: 1.25rem; margin-top: 2.5rem; }
.jf-block.jf-expect .jf-expect__card { padding: 1.75rem; border: 1px solid var(--jf-rule); border-radius: 12px; background: #fff; }
.jf-block.jf-expect .jf-expect__badge { display: inline-flex; align-items: center; justify-content: center; width: 3.25rem; height: 3.25rem; border-radius: 50%; background: #dcebfa; color: var(--jf-brand); }
.jf-block.jf-expect .jf-expect__icon { width: 1.625rem; height: 1.625rem; stroke-width: 1.8; }
.jf-block.jf-expect .jf-expect__card-title { margin-top: 1.25rem; font-size: 1.25rem; line-height: 1.3; font-weight: 700; letter-spacing: -.015em; color: var(--jf-navy); }
.jf-block.jf-expect .jf-expect__card-text { margin-top: .75rem; font-size: 1rem; line-height: 1.6; color: var(--jf-muted); }
.jf-block.jf-expect .jf-expect__card-lead { font-weight: 700; color: var(--jf-navy); }

@media (min-width: 768px) {
  .jf-block.jf-expect { padding-block: 5rem; }
  .jf-block.jf-expect .jf-expect__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; margin-top: 3rem; }
  .jf-block.jf-expect .jf-expect__card-title { font-size: 1.375rem; }
  .jf-block.jf-expect .jf-expect__card-text { font-size: 1.0625rem; }
}
@media (min-width: 1024px) {
  .jf-block.jf-expect .jf-expect__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}