/* ==============================================
   WebBase — shared CSS for all WebBase clients
   ============================================== */

/* Page sections (PageSection.RenderHtml) */
.pagesection {
    display: grid;
    gap: 1rem;
    padding: 1rem 0;
    align-items: center;
}

.pagesection-img-left  { grid-template-columns: auto 1fr; }
.pagesection-img-right { grid-template-columns: 1fr auto; }

.pagesection img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 650px) {
    .pagesection-img-left,
    .pagesection-img-right {
        grid-template-columns: 1fr;
    }
    .pagesection img {
        width: 100%;
    }
}