/* Source website columns must fit the space available inside an app. */
.app-json-content { container-type:inline-size; min-width:0; max-width:100%; }
.app-json-content img { max-width:100% !important; height:auto !important; }
.app-json-content iframe { max-width:100% !important; }
.app-json-content .b-col, .app-json-content .b-block-content, .app-json-content .b-text-image-col { min-width:0; overflow-wrap:break-word; }
@container (max-width:640px) {
    .app-json-content .b-row-inner,
    .app-json-content .b-text-image-row,
    .app-json-content .wp-block-columns,
    .app-json-content .elementor-container,
    .app-json-content .elementor-row { display:flex !important; flex-direction:column !important; gap:20px !important; width:100% !important; min-width:0 !important; }
    .app-json-content .b-col,
    .app-json-content .b-text-image-col,
    .app-json-content .wp-block-column,
    .app-json-content .elementor-column { width:100% !important; max-width:100% !important; flex-basis:auto !important; margin:0 !important; padding:0 !important; }
    .app-json-content .b-row { padding-top:16px !important; padding-bottom:16px !important; }
    .app-json-content .b-block-content { width:100% !important; padding:0 !important; }
    .app-json-content .b-text-image-image-wrapper { height:auto !important; width:100% !important; }
    .app-json-content .b-text-image-image-wrapper img { max-height:240px; object-fit:contain !important; }
}

/* Older webviews without container queries still need the mobile layout. */
@media (max-width:640px) {
    .app-json-content .b-row-inner,
    .app-json-content .b-text-image-row,
    .app-json-content .wp-block-columns,
    .app-json-content .elementor-container,
    .app-json-content .elementor-row { display:flex !important; flex-direction:column !important; gap:20px !important; width:100% !important; min-width:0 !important; }
    .app-json-content .b-col,
    .app-json-content .b-text-image-col,
    .app-json-content .wp-block-column,
    .app-json-content .elementor-column { width:100% !important; max-width:100% !important; flex-basis:auto !important; margin:0 !important; padding:0 !important; }
    .app-json-content .b-row { padding-top:16px !important; padding-bottom:16px !important; }
    .app-json-content .b-block-content { width:100% !important; padding:0 !important; }
    .app-json-content .b-text-image-image-wrapper { height:auto !important; width:100% !important; }
    .app-json-content .b-text-image-image-wrapper img { max-height:240px; object-fit:contain !important; }
}

/* Keep imported body links recognizable, using the app bar's current color. */
:is(.app-json-content, .remote-feed-value) a[href]:not(.remote-feed-pdf-button):not(.mab-feed-pdf-button):not(.remote-pdf-image-download),
:is(.app-json-content, .remote-feed-value) a[href]:not(.remote-feed-pdf-button):not(.mab-feed-pdf-button):not(.remote-pdf-image-download) * {
    color:var(--mab-preview-app-header-bg,var(--app-header-bg,#2271b1)) !important;
    text-decoration-line:underline !important;
    text-decoration-color:currentColor !important;
    text-decoration-thickness:1px !important;
    text-underline-offset:2px;
}