/* Academy uses the header's shared .container for every section. */
body.home-page.academy-page {
  --academy-container-width: min(1200px, calc(100% - 96px));
}

body.home-page.academy-page :is(.site-header, .blog-hub) > .container {
  width: var(--academy-container-width);
  margin-inline: auto;
}

@media (min-width: 1600px) {
  body.home-page.academy-page { --academy-container-width: min(1320px, calc(100% - 120px)); }
}
@media (max-width: 1024px) {
  body.home-page.academy-page { --academy-container-width: calc(100% - 64px); }
}
@media (max-width: 767px) {
  body.home-page.academy-page { --academy-container-width: calc(100% - 40px); }
}

.home-page.academy-page .blog-hub .hub-glass {
  background: linear-gradient(135deg, #ffffff0d, #ffffff04);
  border-color: #d5e7f038;
  box-shadow: inset 0 1px 0 #ffffff08;
}

.home-page.academy-page .blog-hub .icp-card {
  background: #153f5e;
  border-color: #b9ddf0a6;
  box-shadow: inset 0 1px 0 #ffffff24, 0 12px 28px #09263945;
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.home-page.academy-page .blog-hub .icp-card:hover {
  background: #194968;
  border-color: #e1f3ff;
  box-shadow: inset 0 1px 0 #ffffff30, 0 16px 32px #09263955;
}

.home-page.academy-page .story-people-section {
  margin-top: 40px;
}

/* Reserve equal heading space when names wrap at narrower widths. */
.home-page.academy-page .story-people-grid {
  align-items: stretch;
}
.home-page:is(.academy-page,.understanding-page) .person-story-card .person-image-square {
  flex-shrink: 0;
  width: 100%;
}

@media (max-width: 767px) {
  .home-page.academy-page .story-people-section { margin-top: 32px; }
}