body[data-page="home"] .icon-disc:has(.external-svg) { border: 0; border-radius: 0; background: transparent; }
body[data-page="home"] .icon-disc { width: 64px; height: 64px; flex-basis: 64px; }
body[data-page="home"] .icon-disc .external-svg { display: block; width: 50px; height: 50px; }
body[data-page="home"] .schedule-step .icon-disc { width: 70px; height: 70px; flex-basis: 70px; border: 3px solid #b8ccdc; border-radius: 50%; background: #fff; }
body[data-page="home"] .schedule-step .icon-disc .external-svg { width: 48px; height: 48px; }
body[data-page="home"] .schedule {
  grid-template-columns: repeat(5, minmax(128px, 1fr));
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 10px;
}
body[data-page="home"] .schedule-step:not(:last-child)::after {
  z-index: 2;
  font-size: 1.65rem;
  font-weight: 900;
  -webkit-text-stroke: 1.4px currentColor;
}
body[data-page="home"] .facts small,
body[data-page="home"] .facts strong,
body[data-page="home"] .pillars h3,
body[data-page="home"] .pillars p,
body[data-page="home"] .schedule-step small,
body[data-page="home"] .schedule-step strong,
body[data-page="home"] .resource-link { font-weight: 900; }
body[data-page="home"] .facts.grid-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
body[data-page="home"] .facts .fact {
  grid-column: auto;
  border: 1px solid var(--line);
  border-top: 3px solid var(--blue);
  border-radius: var(--radius);
  background: #fff;
  box-shadow: var(--shadow);
}
body[data-page="home"] .facts .fact:last-child { border-right: 1px solid var(--line); }
body[data-page="home"] .facts .fact:first-child > div { min-width: 0; }
body[data-page="home"] .mini-faq a { border: 1px solid var(--line); border-left: 4px solid var(--blue); border-radius: var(--radius); background: #fff; }
body[data-page="home"] .mini-faq a:hover,
body[data-page="home"] .mini-faq a:focus-visible {
  border-color: var(--accent-edge);
  background: var(--accent-soft);
  box-shadow: 0 8px 20px var(--accent-shadow);
  transform: translateY(-3px);
}
body[data-page="home"] .section-heading-row { display: flex; align-items: center; justify-content: flex-start; gap: 3em; }
body[data-page="home"] .section-heading-row .section-heading { flex: 0 1 auto; margin-bottom: 0; }
body[data-page="home"] .section-more-link {
  position: relative;
  top: -8px;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 7px 16px;
  color: #fff;
  background: var(--teal-dark);
  border-radius: 999px;
  font-weight: 900;
  text-decoration: none;
  transition: transform .18s ease, background-color .18s ease;
}
body[data-page="home"] .section-more-link:hover,
body[data-page="home"] .section-more-link:focus-visible { color: var(--navy); background: var(--accent); transform: translateX(2px); }
body[data-page="home"] .pillars .card {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 10px;
  align-content: center;
  align-items: center;
  text-align: left;
}
body[data-page="home"] .pillars .card .icon-disc { grid-row: 1 / 3; }
body[data-page="home"] .pillars .card h3 { align-self: end; margin: 0 0 2px; }
body[data-page="home"] .pillars .card p { align-self: start; margin: 0; }

@media (max-width: 1100px) {
  body[data-page="home"] .facts .fact {
    min-height: 150px;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    padding: 8px 4px;
    text-align: center;
  }
  body[data-page="home"] .facts .fact > div { min-width: 0; width: 100%; }
  body[data-page="home"] .facts .fact strong { font-size: clamp(.9rem, 1.8vw, 1.18rem); overflow-wrap: normal; }
  body[data-page="home"] .pillars .card {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    justify-items: center;
    gap: 4px;
    text-align: center;
  }
  body[data-page="home"] .pillars .card .icon-disc { grid-row: auto; }
  body[data-page="home"] .pillars .card h3,
  body[data-page="home"] .pillars .card p { align-self: auto; margin: 0; }
}

.index-hero {
  position: relative;
  container-type: inline-size;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 39%);
  align-items: center;
  gap: clamp(24px, 3.5cqw, 48px);
  width: 100%;
  aspect-ratio: auto;
  min-height: 280px;
  margin: 0 0 36px;
  padding: clamp(22px, 3.4cqw, 42px);
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at 72% 18%, rgba(255,255,255,.72), transparent 22%),
    radial-gradient(circle at 8% 86%, rgba(255,255,255,.62), transparent 26%),
    linear-gradient(110deg, #fff 0%, var(--pale) 58%, var(--pale-blue) 100%);
}
.index-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .48;
  background: linear-gradient(115deg, rgba(255,255,255,.78), transparent 54%);
  pointer-events: none;
}
.index-hero-copy { min-width: 0; color: var(--ink); }
.index-hero-status {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  margin: 0 0 clamp(10px, 1.3cqw, 16px);
  padding: 4px 18px;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(100deg, var(--teal), var(--blue));
  box-shadow: 0 3px 9px rgba(11, 39, 77, .18);
  font-size: clamp(.75rem, 1.05cqw, .92rem);
  font-weight: 800;
  line-height: 1;
}
.index-hero-program { margin: 0 0 2px; font-size: clamp(.92rem, 1.55cqw, 1.25rem); font-weight: 800; }
.index-hero h1 {
  width: fit-content;
  margin: 0;
  color: var(--teal);
  font-family: "Arial Black", "Arial Narrow", Arial, sans-serif;
  font-size: clamp(4rem, 8cqw, 6.75rem);
  font-weight: 900;
  font-stretch: condensed;
  line-height: .98;
  letter-spacing: -.055em;
  transform: scaleX(.94);
  transform-origin: left center;
}
.index-hero-subtitle { margin: clamp(12px, 1.25cqw, 16px) 0 0; color: var(--blue); font: 700 clamp(.66rem, 1.05cqw, .9rem)/1.25 Arial, sans-serif; }
.index-hero-message { margin: clamp(12px, 1.6cqw, 20px) 0 0; font-size: clamp(.82rem, 1.25cqw, 1.04rem); font-weight: 800; }
.index-hero-organizers {
  display: flex;
  flex-wrap: wrap;
  gap: 5px clamp(18px, 2.4cqw, 32px);
  margin-top: clamp(12px, 1.7cqw, 22px);
  font-size: clamp(.66rem, .9cqw, .78rem);
  font-weight: 700;
}
.index-hero-side {
  position: relative;
  display: grid;
  grid-template-columns: minmax(230px, 1fr) clamp(54px, 7.5cqw, 86px);
  align-items: center;
  gap: clamp(10px, 1.4cqw, 18px);
  min-width: 0;
}
.motion-hero-actions {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 10px;
  width: 100%;
  padding: clamp(14px, 1.7cqw, 20px);
  border: 1px solid var(--line);
  border-radius: 10px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 7px 22px rgba(11, 39, 77, .12);
}
.motion-actions-heading { display: grid; justify-items: center; gap: 4px; color: var(--ink); text-align: center; }
.motion-actions-heading > span { font-size: clamp(.72rem, .88cqw, .82rem); }
.motion-actions-heading b { color: var(--blue); font-size: clamp(1rem, 1.48cqw, 1.28rem); line-height: 1.2; }
.motion-actions-heading time { white-space: nowrap; }
.motion-actions-heading small { margin-left: 4px; color: var(--blue); font-size: .72em; }
.motion-action {
  display: flex;
  align-items: center;
  min-height: 42px;
  padding: 8px 12px;
  border: 1px solid var(--teal);
  border-radius: 5px;
  color: var(--teal-dark);
  background: #fff;
  box-shadow: 0 2px 7px rgba(11, 39, 77, .08);
  font-size: clamp(.82rem, 1.05cqw, .96rem);
  font-weight: 800;
  text-decoration: none;
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}
.motion-action > span:first-child { flex: 1; text-align: center; }
.motion-action > span:last-child { font-size: 1.45em; font-weight: 500; line-height: .8; }
.motion-action-guide { color: #fff; background: linear-gradient(90deg, var(--teal), var(--navy)); }
.motion-action-forms,
.motion-action-apply { color: var(--teal-dark); background: rgba(255,255,255,.94); }
.motion-action:hover,
.motion-action:focus-visible { color: #fff; background: var(--navy); filter: brightness(1.06); transform: translateY(-2px); box-shadow: 0 6px 14px rgba(0,24,72,.2); outline: 2px solid #fff; outline-offset: 2px; }
.index-hero-icons { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(8px, 1.2cqw, 14px); opacity: .32; }
.index-hero-icons img { display: block; width: 100%; height: auto; }
.index-hero-icons img:last-child { grid-column: 1 / -1; width: 50%; justify-self: center; }
@media (max-width: 760px) {
  body[data-page="home"] .facts.grid-5,
  body[data-page="home"] .pillars,
  body[data-page="home"] .download-grid,
  body[data-page="home"] .resource-links,
  body[data-page="home"] .site-map-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-page="home"] .facts .fact { grid-column: auto; }
  body[data-page="home"] .home-lower { grid-template-columns: 1fr; }
  .index-hero {
    grid-template-columns: 1fr;
    gap: 24px;
    aspect-ratio: auto;
    min-height: 0;
    padding: 26px 22px;
  }
  .index-hero-organizers { flex-direction: column; gap: 4px; }
  .index-hero-side { grid-template-columns: 1fr; }
  .motion-hero-actions { width: min(100%, 440px); justify-self: center; }
  .index-hero-icons { display: none; }
}
@media (max-width: 480px) {
  body[data-page="home"] .facts.grid-5,
  body[data-page="home"] .pillars,
  body[data-page="home"] .download-grid,
  body[data-page="home"] .resource-links,
  body[data-page="home"] .site-map-grid,
  body[data-page="home"] .home-lower { grid-template-columns: 1fr; }
  .index-hero { padding: 22px 18px; }
  .index-hero h1 { font-size: clamp(3.5rem, 20vw, 5rem); }
  .index-hero-program { line-height: 1.45; }
  .motion-actions-heading b { display: grid; gap: 2px; }
  .motion-actions-heading small { margin-left: 0; }
}
