/* Garden Club-only placement/media adapter. Shared patterns own grids, spacing, type, actions and gestures. */
.ssm-garden-club-page .garden-hero-actions { margin-top:var(--ssm-heading-gap); }
.ssm-garden-club-page .garden-archive-filters { display:flex; flex-wrap:wrap; align-items:flex-end; gap:var(--ssm-component-space); margin-block:var(--ssm-heading-gap); }
.ssm-garden-club-page .garden-archive-filters .ssm-review-form__field { flex:1 1 8rem; min-width:0; }
.ssm-garden-club-page [data-archive-kind][hidden] { display:none; }
.ssm-garden-club-page .garden-issue-body { max-width:80ch; margin-inline:auto; overflow-wrap:anywhere; }
.ssm-garden-club-page .garden-issue-body img { display:block; max-width:100%; height:auto; margin-inline:auto; }
.ssm-garden-club-page .garden-issue-body table { width:100%; max-width:100%; }

/* Page placement only: shared split/grid/card/action appearance remains authoritative. */
.ssm-garden-club-page .garden-updates-grid { position:relative; }
.ssm-garden-club-page .garden-updates-grid::before { content:""; position:absolute; inset-block:0; left:50%; border-left:1px solid var(--ssm-line); }
.ssm-garden-club-page .garden-update-slide { position:relative; min-width:0; scroll-snap-align:start; }
@media(max-width:960px) {
 .ssm-garden-club-page .garden-updates-grid::before { content:none; }
 .ssm-garden-club-page #garden-newsletters { border-top:1px solid var(--ssm-line); padding-top:var(--ssm-component-space); }
}

/* User-approved Garden Club composition: float a photo in the reading flow.
   Shared Layer Card, photo frame, headings, prose, lists and actions stay intact. */
.ssm-garden-club-page .garden-participation-wrap { display:flow-root; padding:calc(var(--ssm-panel-space) / 2); background:var(--ssm-cream); }
.ssm-garden-club-page .garden-participation-photo { float:right; width:40%; margin:0 0 var(--ssm-heading-gap) var(--ssm-component-space); }
.ssm-garden-club-page .garden-participation-wrap .ssm-bullet-list { display:flow-root; }
/* Reduce the one-card viewport itself, retaining the paged engine and full card typography. */
.ssm-garden-club-page #garden-updates :is(.ssm-image-slider,.garden-archive-filters) { width:80%; }
/* Native page crop metadata applies only to the matching source image on this page. */
.ssm-garden-club-page .garden-update-slide img { scale:var(--garden-card-image-scale,1); transform-origin:var(--garden-card-image-origin,50% 50%); }
@media(max-width:600px) {
 .ssm-garden-club-page .garden-participation-photo { float:none; width:100%; margin:0 0 var(--ssm-component-space); }
 .ssm-garden-club-page #garden-updates :is(.ssm-image-slider,.garden-archive-filters) { width:100%; }
}

/* The title spans the card; float begins with the first prose line below it. */
.ssm-garden-club-page .garden-participation-reading { display:flow-root; }
.ssm-garden-club-page .garden-opportunities-intro { margin-bottom:8px; }
.ssm-garden-club-page .garden-participation-wrap .garden-opportunities-intro + .ssm-bullet-list { margin-top:0; }

/* Year is evident from the options; retain its native accessible label.
   Decorative inset arrow leaves native selection, focus and shared field styling intact. */
.ssm-garden-club-page .garden-archive-filters .ssm-review-form__field { position:relative; }
.ssm-garden-club-page #garden-archive-year { appearance:none; margin-top:0; padding-inline:2.75rem; text-align:center; text-align-last:center; }
.ssm-garden-club-page .garden-archive-filters .ssm-review-form__field::after { content:""; position:absolute; inset-inline-end:1rem; top:50%; width:6px; height:6px; border-inline-end:1.5px solid var(--ssm-ink); border-bottom:1.5px solid var(--ssm-ink); transform:translateY(-70%) rotate(45deg); pointer-events:none; }
@media(forced-colors:active) {
 .ssm-garden-club-page #garden-archive-year { appearance:auto; padding-inline:.7rem; }
 .ssm-garden-club-page .garden-archive-filters .ssm-review-form__field::after { content:none; }
}

/* Center the two section headings and their actions/selector on the card axis. */
.ssm-garden-club-page #garden-updates .page-section-heading { text-align:center; }
.ssm-garden-club-page #garden-events > p { text-align:center; }
.ssm-garden-club-page #garden-updates .ssm-content-card__action { align-self:center; }
.ssm-garden-club-page .garden-archive-filters { margin-inline:auto; }
/* Participation composition: retain shared section padding and Orange layer,
 * remove inherited anchor margins and duplicate vertical surround spacing. */
.ssm-garden-club-page #garden-participation .garden-participation-wrap { margin-block:0; }
.ssm-garden-club-page .garden-participation-stack {
 margin-top:0;
 padding-top:0;
 padding-bottom:var(--ssm-layer-offset,18px);
}

/* Garden Club anchor menu: approved Cream surface via shared context bar token. */
.ssm-garden-club-page .ssm-context-bar--anchors { --ssm-context-bar-background:var(--ssm-cream); }

/* Garden rail canvas and clipping are page layout, independent of Visit CSS. */
.ssm-garden-club-page #garden-updates { overflow:hidden; }
.ssm-garden-club-page :is(#garden-events-track,#garden-newsletters-track) { background:var(--ssm-paper); }

/* Approved 2026-10-15: mobile participation cards use the full shell width.
 * No decorative layer or reserved surround; desktop presentation is retained. */
@media (max-width:760px) {
 .ssm-garden-club-page #garden-participation .garden-participation-stack {
  --ssm-layer-offset:0px;
  padding-inline:0;
  padding-bottom:0;
 }
 .ssm-garden-club-page #garden-participation .garden-participation-wrap { box-shadow:none; }
}