h2 {
  padding-block-end: var(--small-padding);
  /* padding-inline-start: var(--padding-regular) */
    hyphens: auto;
    word-break:break-word;

}

h3.h3 {
  padding-left: 0rem;
}

/* h3 {
  padding-block-end: var(--small-padding); 
  text-transform: uppercase;
  margin-block-end: var(--padding-regular);
  position: sticky;
} */
/* 
img {
    max-width: 300px;

} */

li {
  max-width: auto;
}

.footer {
  padding-bottom: 1.2rem;
}
.h3 {
  margin-block-end: var(--padding-regular);
  padding-left: var(--padding);
  text-decoration: underline;
  font-size: var(--font-size-h4);
}

h3#upcoming {
  color:  var(--theme1-cream);
  position: sticky;
  /* top: 50px; */
}
li img {
  padding-top: var(--small-padding);
  object-fit: cover;
  padding-left: 0;
  padding-right: 0;
}

section {
  position: relative;
  max-width: 100vw;
}
.event-image {
  aspect-ratio: auto;
padding: 0;
}




/* .scroll {
  display: grid ;
  overflow-x: scroll;
  padding-inline-start: var(--padding-regular);
  padding-inline-end: var(--padding-regular);
gap: var(--padding-regular);
} */

.main-content {
  padding: 0;
    padding: .5rem 1rem;
      overflow: hidden;
  display: grid;
  grid-template-columns: 1fr; /* mobile: stack as rows */
  gap: var(--padding-regular);
  /* min-height: 80vh;  */
  /* allows vertical centering for On View */
  align-items: start;
}
.grid-e {
  max-width: 100vw;
}


.note-excerpt {
  position: relative;
  /* max-width: 300px; */
}
/* Order columns and alignment */
.past-exhibitions { order: 3; align-self: start; }
.on-view-exhibitions { order: 1; }
.future-exhibitions { order: 2; align-self: start; }

/* Center the On View column in both axes without centering text */
.on-view-exhibitions {
  /* Middle column should not scroll and should sit centered vertically */
  justify-self: stretch;   /* even left/right gutters */
  align-self: center;      /* vertical centering within the grid area */
  overflow: visible;       /* ensure no internal scroll on center */
}
.on-view-exhibitions .h3,
.on-view-exhibitions li { text-align: left; }
.grid-e {
  display: grid;
  grid-template-columns: 1fr; /* one column per section */
  gap: var(--padding-regular);

}

.past-events-link.h3{
  padding: var(--padding);
  margin-block-end: 0;
}

.past-events-link.h3:hover{
  color: var(--theme1-cream);
}

@media screen and (min-width: 45rem) {
section {
  position: relative;
  max-width: none;
  width: 100%;
}
  .main-content {
    position: relative;
    margin-block-start: 8vh;
    height: 82.75vh; /* create a fixed viewport area for column scrolling */
    overflow: hidden; /* contain column scrollbars */
    padding: 0 2rem;
    display: grid;
    grid-template-columns: 0.2fr 1fr 0.2fr; /* Past | On View | Future */
    column-gap: clamp(1rem, 4vw, 5rem);
    align-items: stretch; /* allow columns to take full height */
  }
.past-exhibitions .grid-e,
.future-exhibitions .grid-e {
  max-width: 40vw;
}
.on-view-exhibitions .grid-e {
  max-width: none;
}
.note-excerpt {
  position: relative;
  max-width: 700px;
}

.past-exhibitions { order: 1; align-self: start; }
.on-view-exhibitions { order: 2; }
.future-exhibitions { order: 3; align-self: start; }


  .on-view-exhibitions { justify-self: stretch; align-self: center; overflow: visible; padding-inline: clamp(1rem, 2vw, 2rem); }
  .past-exhibitions, .future-exhibitions { align-self: stretch; }
  .on-view-exhibitions .grid-e,
  .past-exhibitions .grid-e,
  .future-exhibitions .grid-e { grid-template-columns: 1fr; }

  .upcoming-events {
    padding-bottom: 2rem;
    width: 100vw;
  }
 
  .past-events {
    width: 100vw;
  }
  
  .grid-2 {
    /* overflow: scroll; */
    display: grid;
    overflow-y: scroll;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }

  /* Side columns scroll; center column does not */
  .past-exhibitions,
  .future-exhibitions {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* Ultra‑wide refinement for very large screens */
@media screen and (min-width: 90rem) { /* ~1440px+ */
  .main-content {
    /* Side columns flex around a capped readable center column */
    /* grid-template-columns:
      minmax(18rem, 1fr)
      min(80ch, 60vw)
      minmax(18rem, 1fr); */

    column-gap: clamp(3rem, 5vw, 8rem);
    /* Create three rows so the center column can sit perfectly centered */
    grid-template-rows: 1fr auto 1fr;
    margin-block-start: 4vh; /* reduce top margin at ultra‑wide so the center reads higher */
  }

  /* Keep center content nicely centered within its track */
  .on-view-exhibitions .grid-e {
    width: min(72ch, 100%);
    margin-inline: auto;
  }

  /* Center the On View heading to match the content width */
  .on-view-exhibitions { padding-inline: 0; }
  .on-view-exhibitions > .h3,
  .on-view-exhibitions > h3 {
    width: min(72ch, 100%);
    margin-inline: auto;
  }

  /* Slightly increase inner padding for balance on huge screens */
  .on-view-exhibitions {
    padding-inline: clamp(1rem, 1.5vw, 3rem);
  }

  /* Side columns span full height; center sits in the middle row */
  .past-exhibitions,
  .future-exhibitions { grid-row: 1 / -1; }

  .on-view-exhibitions { grid-row: 2; align-self: center; }
}