/* Explore-specific image/reading treatment. Layout, type and action states are shared. */
.ssm-explore-hero--deep { --ssm-hero-background:var(--ssm-deep); --ssm-hero-color:var(--ssm-paper); background:var(--ssm-deep); color:var(--ssm-paper); }
.ssm-explore-hero--teal { --ssm-hero-background:var(--ssm-teal); --ssm-hero-color:var(--ssm-ink-on-teal); background:var(--ssm-teal); color:var(--ssm-ink-on-teal); }
.ssm-explore-section--paper { background:var(--ssm-paper); }
.ssm-explore-section--cream { background:var(--ssm-cream); }
.ssm-explore-reading { max-width:80ch; margin-inline:auto; }
.ssm-explore-photo { margin:var(--ssm-component-space) 0; }
.ssm-explore-photo img { display:block; width:100%; height:auto; }
.ssm-explore-photo--document img { max-height:36rem; object-fit:contain; }
.ssm-explore-artifact { min-height:0; }
.ssm-explore-artifact .ssm-explore-photo { margin:0; }
.ssm-explore-artifact img { width:100%; height:100%; max-height:24rem; aspect-ratio:4/3; object-fit:contain; }
.ssm-explore-gallery { margin-block:var(--ssm-component-space); }
.ssm-explore-hero__credit { position:absolute; bottom:1rem; right:1rem; color:var(--ssm-paper); text-shadow:0 1px 3px var(--ssm-ink); }
.ssm-explore-faq { border-block-end:1px solid var(--ssm-line); padding-block:var(--ssm-component-space); }
.ssm-explore-faq summary { cursor:pointer; }
.ssm-explore-faq[open] > div { margin-top:var(--ssm-component-space); }
.ssm-explore-video { aspect-ratio:16/9; margin-block:var(--ssm-component-space); }
.ssm-explore-video iframe { width:100%; height:100%; border:0; }
.ssm-explore-table-wrap { overflow-x:auto; margin-block:var(--ssm-component-space); }
.ssm-explore-table-wrap table { border-collapse:collapse; width:100%; min-width:28rem; }
.ssm-explore-table-wrap th,.ssm-explore-table-wrap td { border:1px solid var(--ssm-line); padding:var(--ssm-component-space); text-align:left; }
.ssm-explore-page .ssm-story-split + .ssm-equal-card-grid { margin-top:var(--ssm-grid-gap); }
#garden-club-about,#garden-membership,#garden-volunteer { scroll-margin-top:var(--ssm-anchor-offset, 8rem); margin-block:var(--ssm-grid-gap); }

.ssm-explore-page .ssm-equal-card-grid + .ssm-equal-card-grid, .ssm-explore-page .ssm-media-row-list + .ssm-equal-card-grid { margin-top:var(--ssm-grid-gap); }

/* Opt-in media treatments; shared type, buttons, section spacing and TV frame remain canonical. */
.ssm-explore-hero__media--rule-deep { border-bottom:2px solid var(--ssm-deep); }
.ssm-explore-article { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.8fr); gap:var(--ssm-grid-gap); border:1px solid var(--ssm-line); --ssm-info-card-background:var(--ssm-cream); --ssm-info-card-media-ratio:3/4; }
.ssm-explore-article:first-child { border-left:1px solid var(--ssm-line); }
.ssm-explore-article .ssm-info-card__media img { object-fit:contain; }
.ssm-explore-article__copy { display:flex; flex-direction:column; align-items:flex-start; min-width:0; }
.ssm-explore-article > .ssm-content-subheading { grid-column:1/-1; margin:0; }
.ssm-explore-article__copy > p { margin-top:0; padding-top:0; }
.ssm-explore-article__copy .ssm-button { margin-top:var(--ssm-article-cta-margin, auto); }
.ssm-explore-logo-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--ssm-grid-gap); width:min(100%,26rem); }
.ssm-explore-logo-grid > div { display:flex; align-items:center; justify-content:center; min-width:0; height:8rem; }
.ssm-explore-logo-grid img { display:block; width:100%; height:100%; max-height:8rem; object-fit:contain; }
@media (max-width:600px) {
  .ssm-explore-article { grid-template-columns:minmax(0,1fr); }
  .ssm-explore-article .ssm-info-card__media { max-width:18rem; width:100%; margin-inline:auto; }
}

/* Equity in Metadata: portrait tablets pair the two archival images between the prose blocks.
   Preserve the existing desktop split and phone reading order. */
@media (min-width: 761px) and (max-width: 1100px) and (orientation: portrait) {
  #metadata-reading > .site-shell > .ssm-reading-stack {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--ssm-reading-gap, 2em) var(--ssm-grid-gap);
    align-items: start;
  }
  #metadata-project, #metadata-cataloguing,
  #metadata-project > .ssm-story-split, #metadata-cataloguing > .ssm-story-split {
    display: contents;
  }
  #metadata-project .ssm-story-split__copy { grid-area: 1 / 1 / 2 / -1; }
  #metadata-project .ssm-editorial-figure { grid-area: 2 / 1 / 3 / 2; }
  #metadata-cataloguing .ssm-editorial-figure { grid-area: 2 / 2 / 3 / 3; order: 0; }
  #metadata-cataloguing .ssm-story-split__copy { grid-area: 3 / 1 / 4 / -1; }
  #metadata-video { grid-area: 4 / 1 / 5 / -1; margin-top: 0; }
  #metadata-video > .ssm-story-split { grid-template-columns: minmax(0, 1fr); gap: var(--ssm-reading-gap, 2em); row-gap: var(--ssm-story-stack-gap); }
}

/* Master Plan: TAKEN stamped across the claimed Pocket Garden card, corrected 2026-10-15. */
#support-campus #pocket-garden { position: relative; }
#support-campus #pocket-garden .master-plan-taken-stamp {
  position: absolute;
  inset-block-start: 54%;
  inset-inline-start: 50%;
  z-index: 1;
  display: block;
  box-sizing: border-box;
  width: 80%;
  max-width: 14rem;
  margin: 0;
  padding: .14em .22em;
  border: 6px double currentColor;
  border-radius: 2px;
  color: var(--ssm-ink);
  background: transparent;
  font-family: var(--ssm-font-display);
  font-size: clamp(2rem, 3.5vw, 2.75rem);
  font-weight: 700;
  line-height: 1;
  letter-spacing: .06em;
  text-align: center;
  white-space: nowrap;
  pointer-events: none;
  transform: translate(-50%, -50%) rotate(-15deg);
  transform-origin: center;
}
/* Keep the overlaid stamp clear of the card edges once the grid stacks. */
@media (max-width: 900px) {
  #support-campus #pocket-garden { padding-block: calc(var(--ssm-block-inset) + .5rem); }
  #support-campus #pocket-garden .master-plan-taken-stamp { inset-block-start: 50%; }
}
