/* New gallery groups retain the official palette and existing inquiry/accessibility behavior. */
.oct24-project{grid-column:1/-1;min-width:0}.oct24-views{display:grid;gap:12px;border-radius:16px;overflow:hidden;background:var(--lavender-wash);padding:12px}.oct24-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.oct24-single{grid-template-columns:minmax(0,1fr);max-width:720px}.oct24-art{height:460px;padding:18px 18px 52px;min-width:0}.oct24-art img{object-fit:contain;width:100%;height:100%}.oct24-project figcaption{display:block}.oct24-project .work-type{margin-top:14px}
.card-complete-view{display:block;width:100%;height:auto;aspect-ratio:var(--sheet-ratio,.65);padding:12px;min-height:0;background:var(--lavender-wash);border-radius:14px}.card-complete-view img{width:100%;height:100%;object-fit:contain}.card-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px;background:var(--lavender-wash);border-radius:14px}.card-panel-grid .artwork{height:500px;padding:10px 10px 42px}.card-panel-grid .view-label{font-size:11px}.card-previous-views{margin:18px 0 0;border:1px solid var(--line);border-radius:10px;padding:10px 14px}.card-previous-views>summary{min-height:44px;display:list-item;padding:10px 0;cursor:pointer;color:var(--cobalt);font-weight:700}.card-previous-views .artwork{max-height:400px}.card-panel-note{font-size:14px;line-height:1.6;color:var(--navy);margin:14px 0}.cards-grid{max-width:900px}
@media(max-width:760px){.oct24-art{height:390px;padding:14px 14px 48px}.card-panel-grid .artwork{height:390px}.card-panel-grid{gap:8px;padding:8px}.oct24-views{padding:8px;gap:8px}}
@media(max-width:480px){.oct24-pair{grid-template-columns:1fr}.oct24-art{height:420px}.card-panel-grid .artwork{height:285px;padding:8px 8px 38px}.card-panel-grid .view-label{font-size:10px;left:8px;bottom:12px}.card-panel-grid .zoom-mark{width:26px;height:26px;right:6px;bottom:6px}.card-complete-view{padding:6px}.card-previous-views{padding:8px 11px}}
/* Each four-panel design stays together at a readable full-row width. */
#cards .extra-cards-grid{grid-template-columns:minmax(0,1fr);max-width:900px;gap:36px}#cards .extra-cards-grid>.design-card{grid-column:1/-1}.birthday-feature>.oct24-project{display:block}.birthday-feature>.oct24-project figcaption{padding:20px 0 0}.card-panel-grid img{height:100%;width:100%;object-fit:contain}
