h1{     }

        /* published-page specific overrides */
        .page-content .text-block h1 { text-align:center;  margin: -15px 0 0;   }
        .page-content .text-block h2 { text-align:left; margin: 0 0 -20px;}
        .container { width:90%; max-width:1200px; margin:20px auto; }
        .section-wrapper { width:100%; max-width:1100px; margin:18px auto 30px; background:#fff; border-radius:6px; overflow:hidden; box-shadow:0 2px 6px rgba(0,0,0,.06); padding:16px; }
        .section-photo img { width:100%; height:auto; display:block; object-fit:contain; margin:0 auto; border-radius:6px; }
        .section-caption { padding:10px 12px 0; font-size:15px; color:#333; text-align:center; background:transparent; }
        .section-h2 { margin:0 0 8px; font-size:20px; text-align:left; color:#222; font-weight: 600}
        .section-text { font-size: 18px; line-height: 125%; margin: 0; padding: 15px 0; color: #333; text-align: left }

        /* Lightbox (full-screen) */
        .lightbox { display:none; position:fixed; z-index:9999; inset:0; background:#000; justify-content:center; align-items:center; padding-bottom:env(safe-area-inset-bottom,8px); touch-action:none; }
        .lightbox.active { display:flex; }
        .lightbox-content { position:relative; width:100%; height:100%; display:flex; justify-content:center; align-items:center; }
        .lightbox-content img { max-width:100%; max-height:100%; object-fit:contain; display:block; margin:auto; }
        .lightbox .caption { position:absolute; bottom:18px; left:50%; transform:translateX(-50%); background:rgba(0,0,0,0.45); padding:8px 12px; border-radius:6px; color:#fff; font-size:16px; max-width:90%; text-align:center; box-sizing:border-box; }
        .lightbox-controls { position:absolute; top:18px; right:18px; display:flex; align-items:center; gap:8px; z-index:10001; background:rgba(0,0,0,0.35); padding:6px; border-radius:6px; }
        .lightbox-counter { color:#fff; font-size:16px; user-select:none; padding:0 4px; }
        .lightbox-controls .close { color:#fff; font-size:30px; cursor:pointer; padding:2px 6px; background:transparent; border:0; }
        .lightbox .arrow { position:absolute; top:50%; transform:translateY(-50%); font-size:22px; color:#fff; cursor:pointer; z-index:10000; padding:10px 14px; border-radius:50%; background:rgba(0,0,0,0.25); }
        .lightbox .arrow.prev { left:18px; }
        .lightbox .arrow.next { right:18px; }
        @media (pointer: coarse), (hover: none) {
            .lightbox .arrow { display:none !important; }
        }

        .pagination { text-align:center; margin:20px 0; }
        .pagination a { display:inline-block; margin:0 5px; padding:6px 12px; background:#eee; border-radius:4px; color:#333; text-decoration:none; }
        .pagination a.active { background:#06c; color:#fff; }


/*.section-photo img {
    display: block;
    object-fit: contain;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 600px;
    border-radius: 5px;

}

.section-photo{
    background: #eee;
    border-radius: 5px;
    padding: 5px
}*/


.section-photo {
    background: #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border-radius: 8px;
    overflow: hidden;
}
.section-photo img {
    max-height: 80vh;
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
    object-fit: contain;
}
.small-break {
    display: block;
    margin-top: 0.7em; /* adjust spacing */
}