/* TOP page compact vertical rhythm / 2026-10-13
   Scope: TOP page sections 01-07 and sub-navigation.
   Only padding/margins are adjusted; font-size, line-height, images and cards are unchanged.
   Loaded AFTER researchmap-news-spacing-20261013.css to retain researchmap links and 03/UPDATES compact spacing.
*/

/* The same outside space for ABOUT, RESEARCH, UPDATES, PUBLICATIONS,
   PEOPLE, LAB LIFE and CONTACT. Base desktop: 109px; compact: 65px. */
#about.content-section,
#research.content-section,
#news.content-section,
#publications.content-section,
#people.content-section,
#events.content-section,
#contact.content-section {
  padding-top: 65px;
  padding-bottom: 65px;
}

/* Reduce empty space between a section heading and its content, not the text itself. */
#about .section-heading,
#research .section-heading,
#news .section-heading,
#publications .section-heading,
#people .section-heading,
#events .section-heading {
  margin-bottom: 34px;
}

/* Minor inner spacing adjustments for consistent visual rhythm. */
#about .about-facts { margin-top: 32px; }
#events .events-gallery-heading { margin-top: 38px; }
.quick-pages { padding-top: 19px; padding-bottom: 21px; }

@media (max-width: 900px) {
  #about.content-section,
  #research.content-section,
  #news.content-section,
  #publications.content-section,
  #people.content-section,
  #events.content-section,
  #contact.content-section {
    padding-top: 52px;
    padding-bottom: 52px;
  }
  #about .section-heading,
  #research .section-heading,
  #news .section-heading,
  #publications .section-heading,
  #people .section-heading,
  #events .section-heading { margin-bottom: 30px; }
}

@media (max-width: 540px) {
  #about.content-section,
  #research.content-section,
  #news.content-section,
  #publications.content-section,
  #people.content-section,
  #events.content-section,
  #contact.content-section {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  #about .section-heading,
  #research .section-heading,
  #news .section-heading,
  #publications .section-heading,
  #people .section-heading,
  #events .section-heading { margin-bottom: 25px; }
  #events .events-gallery-heading { margin-top: 30px; }
  .quick-pages { padding-top: 15px; padding-bottom: 17px; }
}