/* Real classroom photographs: scoped to the pages that include this file. */
.broca-photo-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:start; }
.broca-photo-card { min-width:0; margin:0; overflow:hidden; border:1px solid #e1eae5; border-radius:20px; background:#fff; }
.broca-photo-card a { display:block; background:#edf3ef; }
.broca-photo-card img { display:block; width:100%; height:auto; }
.broca-photo-card a:focus-visible { outline:3px solid #eabf37; outline-offset:-4px; }
.broca-photo-card figcaption { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:16px 18px; color:#214f3e; font-size:15px; line-height:1.6; font-weight:700; }
.broca-photo-zoom { flex:none; color:#677c70; font-size:19px; }
.page-about .broca-about-photo-panel { padding:18px; min-width:0; }
.page-about .broca-about-photo-panel .broca-photo-card { border-radius:18px; }
.page-about .broca-about-photo-panel .hero-panel-meta { margin-top:16px; }
.broca-history-link { display:inline-flex; align-items:center; gap:10px; margin:16px 8px 0; color:#fff; font-size:14px; font-weight:700; text-decoration:underline; text-underline-offset:4px; }
.broca-photo-section { max-width:1180px; margin:0 auto; padding:0 24px 90px; }
.broca-photo-section .section-head { margin-bottom:26px; }
.broca-learning-photos img { aspect-ratio:4/3; object-fit:contain; }
.broca-more-moments { margin-top:24px; }
.broca-photo-archive { margin-top:28px; border-top:1px solid #dce7df; }
.broca-photo-archive summary { padding:22px 4px; cursor:pointer; color:#245a44; font-size:16px; font-weight:700; }
.broca-photo-archive summary:focus-visible { outline:3px solid #eabf37; outline-offset:2px; }
@media(max-width:640px) {
  .broca-photo-grid { grid-template-columns:minmax(0,1fr); gap:20px; }
  .broca-photo-card { border-radius:16px; }
  .broca-photo-card figcaption { padding:13px 15px; font-size:14px; }
  .page-about .broca-about-photo-panel { padding:12px; }
  .broca-photo-section { padding:0 18px 72px; }
  .broca-learning-photos img { aspect-ratio:auto; object-fit:contain; }
}

.broca-gallery-heading { margin:0 0 18px; color:#214f3e; font-size:21px; line-height:1.5; }
.broca-gallery-camp { margin-top:34px; margin-bottom:8px; }
.broca-gallery-intro { margin:0 0 22px; color:#5b6d62; line-height:1.8; }
.broca-classroom-highlight { grid-template-columns:minmax(0,1fr); max-width:640px; }

.broca-photo-featured { grid-column:1 / -1; }