/* A shared grid and measured spacing for the philosophy explorer. */
#explore { padding-block: clamp(64px, 7vw, 100px); }
#explore .explore-head {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
  align-items: end;
  gap: 40px clamp(36px, 5vw, 72px);
  margin-bottom: 44px;
}
#explore .explore-head .h2 { margin-top: 16px; }
#explore .explore-intro { max-width: 57ch; margin-top: 22px; color: var(--graphite); font-size: 16px; line-height: 1.7; }
#explore .explore-head .epi { margin: 0 0 5px; padding-left: 22px; }
#explore .explore-head .epi p { font-size: clamp(23px, 2vw, 29px); }
#explore .explore-head .epi cite { margin-top: 12px; }
#explore .atlas {
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
  gap: 36px clamp(36px, 5vw, 72px);
  align-items: start;
  margin-top: 0;
}
#explore .atlas__art { aspect-ratio: 3 / 2; }
#explore .atlas__q { margin-top: 26px; font-size: clamp(30px, 2.7vw, 39px); line-height: 1.2; }
#explore .atlas__fig { margin-top: 14px; max-width: 52ch; line-height: 1.65; }
#explore .atlas__list a { grid-template-columns: 40px minmax(0, 1fr); padding-block: 19px; }
#explore .atlas__list .name { font-size: clamp(23px, 2vw, 28px); line-height: 1.25; }
#explore .explore-actions { display: flex; flex-wrap: wrap; gap: 22px 36px; align-items: center; justify-content: flex-end; margin-top: 36px; padding-top: 26px; border-top: 1px solid var(--stone); }
@media (max-width: 900px) {
  #explore .explore-head { grid-template-columns: 1fr; gap: 28px; margin-bottom: 36px; }
  #explore .explore-head .h2 { max-width: none; }
  #explore .atlas { grid-template-columns: 1fr; gap: 32px; }
  #explore .atlas__list a { padding-block: 17px; }
  #explore .explore-actions { justify-content: flex-start; margin-top: 30px; padding-top: 24px; }
}