/* One disclosure treatment for Home menus, retaining native keyboard behavior. */
.home-intro :is(.intro-note, .grant-deadlines) > summary {
  display: flex;
  align-items: center;
  gap: .8rem;
  padding: .75rem 1rem .75rem 2.75rem;
}
.home-intro details > summary,
.visitor-map-details > summary {
  position: relative;
  list-style: none;
}
.home-intro details > summary::-webkit-details-marker,
.visitor-map-details > summary::-webkit-details-marker {
  display: none;
}
.home-intro details > summary::marker,
.visitor-map-details > summary::marker {
  content: "";
}
.home-intro details > summary::after,
.visitor-map-details > summary::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
  left: 1rem;
  top: 50%;
  width: .5rem;
  height: .5rem;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: translateY(-50%) rotate(-45deg);
}
.home-intro details[open] > summary::after,
.visitor-map-details[open] > summary::after {
  transform: translateY(-75%) rotate(45deg);
}
.visitor-map-details > summary {
  padding-left: 2.25rem;
}
.home-intro .home-fold-title {
  display: block;
  flex: 1;
  min-width: 0;
  margin: 0;
}
.home-intro details > summary :is(.home-kawaii-emoji, .grant-deadlines__mascot) {
  display: block;
  flex: 0 0 3rem;
  width: 3rem;
  height: 3rem;
  max-width: none;
  margin: 0;
  padding: 0;
  object-fit: contain;
}
@media (max-width: 480px) {
  .home-intro :is(.intro-note, .grant-deadlines) > summary {
    gap: .6rem;
    padding: .7rem .7rem .7rem 2.75rem;
  }
  .home-intro details > summary :is(.home-kawaii-emoji, .grant-deadlines__mascot) {
    flex-basis: 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
  }
}