.sb-archive-breadcrumbs { background: var(--blue-pale); border-bottom: 1px solid var(--border); }
.sb-archive-breadcrumbs .sb-container { display: flex; gap: 8px; padding-bottom: 10px; padding-top: 10px; color: var(--muted); font-size: 0.8125rem; }
.sb-archive-breadcrumbs a { color: var(--blue); font-weight: 600; text-decoration: none; }

.sb-program-archive-hero { position: relative; overflow: hidden; min-height: 390px; color: var(--white); background: var(--blue-dark); }
.sb-program-archive-hero::before,
.sb-program-archive-hero::after { position: absolute; inset: 0; content: ""; }
.sb-program-archive-hero::before { background: var(--sb-program-hero-image) center 42% / cover no-repeat; opacity: 0.3; }
.sb-program-archive-hero::after { background: linear-gradient(105deg, rgba(14, 38, 80, 0.98), rgba(14, 38, 80, 0.68)); }
.sb-program-archive-hero__content { position: relative; z-index: 1; padding-bottom: 72px; padding-top: 72px; }
.sb-program-archive-hero .sb-eyebrow,
.sb-program-archive-hero .sb-highlight { color: var(--blue-light); }
.sb-program-archive-hero h1 { max-width: 720px; margin-bottom: 18px; color: var(--white); font-size: clamp(2.5rem, 5vw, 4rem); }
.sb-program-archive-hero .sb-lead { max-width: 650px; margin: 0; color: rgba(255, 255, 255, 0.78); }

.sb-program-filters { padding: 24px; background: var(--section); border-bottom: 1px solid var(--border); }
.sb-program-filters__form { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; }
.sb-program-filters__form > strong { align-self: center; margin-right: 4px; color: var(--muted); font-size: 0.8125rem; }
.sb-program-filters label { display: flex; flex-direction: column; gap: 4px; }
.sb-program-filters label > span { color: #718096; font-size: 0.625rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.sb-program-filters select { min-height: 38px; padding: 8px 34px 8px 12px; color: var(--muted); font: inherit; font-size: 0.8125rem; font-weight: 500; background: var(--white); border: 1.5px solid var(--border); border-radius: 8px; }
.sb-program-filters select:focus { border-color: var(--blue); outline: 2px solid var(--blue-light); outline-offset: 1px; }
.sb-program-filters__clear { align-self: center; color: var(--blue); font-size: 0.75rem; font-weight: 600; text-decoration: none; }
.sb-program-filters__clear[hidden] { display: none; }
.sb-program-filters__form.is-loading { pointer-events: none; opacity: 0.65; }
.sb-program-archive__results { transition: opacity 0.15s ease; }
.sb-program-archive__results.is-loading { opacity: 0.45; }

.sb-program-archive__count { margin: 0 0 32px; color: #718096; font-size: 0.8125rem; }
.sb-program-archive .sb-program-card h2 { margin-bottom: 10px; font-size: 1.35rem; font-weight: 600; line-height: 1.2; }
.sb-program-archive .sb-program-card h2 a { color: var(--ink); text-decoration: none; }
.sb-program-archive .page-numbers { display: flex; justify-content: center; gap: 8px; margin: 40px 0 0; padding: 0; list-style: none; }
.sb-program-archive .page-numbers a,
.sb-program-archive .page-numbers .current { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid var(--border); border-radius: 8px; text-decoration: none; }
.sb-program-archive .page-numbers .current { color: var(--white); background: var(--blue); border-color: var(--blue); }

.sb-program-archive__callout { display: flex; flex-wrap: wrap; gap: 24px; align-items: center; margin-top: 48px; padding: 36px; background: var(--section); border: 1px solid var(--border); border-radius: 16px; }
.sb-program-archive__callout > div:first-child { flex: 1; min-width: 240px; }
.sb-program-archive__callout h2 { margin-bottom: 8px; font-size: 1.3rem; }
.sb-program-archive__callout p:last-child { margin: 0; color: var(--muted); font-size: 0.875rem; line-height: 1.65; }
.sb-program-archive__callout-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.sb-program-archive__callout-actions .sb-btn { padding: 10px 20px; font-size: 0.8125rem; }

.sb-program-archive-cta { padding: 56px 24px; color: var(--white); background: var(--blue); }
.sb-program-archive-cta .sb-container { display: flex; gap: 32px; align-items: center; justify-content: space-between; }
.sb-program-archive-cta .sb-eyebrow { color: var(--blue-light); }
.sb-program-archive-cta h2 { margin-bottom: 8px; color: var(--white); }
.sb-program-archive-cta p:last-child { max-width: 700px; margin: 0; color: rgba(255, 255, 255, 0.78); }
.sb-program-archive-cta .sb-btn { flex: 0 0 auto; color: var(--blue-dark); background: var(--white); border-color: var(--white); }

@media (max-width: 800px) {
  .sb-program-archive-hero { min-height: 330px; }
  .sb-program-archive-hero__content { padding-bottom: 56px; padding-top: 56px; }
  .sb-program-filters__form > strong { width: 100%; }
  .sb-program-filters label { flex: 1 1 calc(50% - 12px); }
  .sb-program-filters select { width: 100%; }
  .sb-program-archive-cta .sb-container { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 480px) {
  .sb-program-filters { padding-left: 20px; padding-right: 20px; }
  .sb-program-filters label { flex-basis: 100%; }
  .sb-program-archive__callout { padding: 28px 22px; }
  .sb-program-archive__callout-actions,
  .sb-program-archive__callout-actions .sb-btn { width: 100%; }
}