/* POINTFENG: independent responsive content container. */
.pf-two-columns {
    --pf-gap: 32px;
    --pf-min-height: 0px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--pf-gap);
    align-items: start;
    min-height: var(--pf-min-height);
    width: 100%;
    box-sizing: border-box;
}
.pf-two-columns--ratio-25 { grid-template-columns: minmax(0, 25fr) minmax(0, 75fr); }
.pf-two-columns--ratio-33 { grid-template-columns: minmax(0, 33fr) minmax(0, 67fr); }
.pf-two-columns--ratio-40 { grid-template-columns: minmax(0, 40fr) minmax(0, 60fr); }
.pf-two-columns--ratio-50 { grid-template-columns: minmax(0, 50fr) minmax(0, 50fr); }
.pf-two-columns--ratio-60 { grid-template-columns: minmax(0, 60fr) minmax(0, 40fr); }
.pf-two-columns--ratio-67 { grid-template-columns: minmax(0, 67fr) minmax(0, 33fr); }
.pf-two-columns--ratio-75 { grid-template-columns: minmax(0, 75fr) minmax(0, 25fr); }
.pf-two-columns--stretch { align-items: stretch; }
.pf-two-columns--center { align-items: center; }
.pf-two-columns--end { align-items: end; }
.pf-two-columns__column {
    min-width: 0;
    overflow-wrap: anywhere;
    box-sizing: border-box;
}
.pf-two-columns__column img { max-width: 100%; height: auto; }
.pf-two-columns__column > .frame:first-child:not([class*="frame-space-before-"]) { margin-top: 0; }
.pf-two-columns__column > .frame:last-child:not([class*="frame-space-after-"]) { margin-bottom: 0; }
@media (max-width: 767px) {
    .pf-two-columns {
        grid-template-columns: minmax(0, 1fr);
        min-height: 0;
        align-items: start;
        gap: min(var(--pf-gap), 32px);
    }
}