@charset "UTF-8";

/* Shared responsive publishing primitives; page-specific layouts stay in their page CSS. */
.pub-form-builder,
.pub-form-builder-canvas,
.pub-form-builder-toolbox,
.pub-form-builder-inspector {
    box-sizing: border-box;
    min-width: 0;
}

.pub-form-builder { flex-wrap: wrap; }
.pub-form-builder-toolbox { flex: 0 1 13.75rem; max-width: 100%; }
.pub-form-builder-inspector { flex: 0 1 16.25rem; max-width: 100%; }
.pub-form-builder-canvas { flex: 1 1 22rem; max-width: 100%; overflow-wrap: anywhere; }

.pub-company-type-select { max-width: 100%; }
.pub-company-chart-frame { max-width: 100%; }
.pub-help-button-primary,
.pub-help-button-light { min-height: 2.25rem; }

@media (max-width: 61.9375em) {
    .pub-form-builder { flex-wrap: wrap; min-height: 0; }
    .pub-form-builder-toolbox,
    .pub-form-builder-inspector { flex-basis: 100%; width: 100%; max-height: 20rem; }
    .pub-form-builder-canvas { flex-basis: 100%; }
}

@media (max-width: 47.9375em) {
    .pub-company-chart-frame {
        width: 100%;
        height: auto;
        aspect-ratio: 470 / 285;
    }
    .pub-company-chart-tooltip { left: 0; top: 100%; white-space: normal; max-width: 100%; }
    .pub-stats-chart { max-width: 100%; }
    .pub-table-empty, .pub-detail-empty, .pub-grid-empty { overflow-wrap: anywhere; }
    .pub-help-button-primary, .pub-help-button-light { min-height: 2.75rem; }
}
