/* DE page layout and functional diagram only; controls use shared theme components. */
.public-app-shell .de-percentage-review{min-width:0}
.public-app-shell .de-percentage-review .materials-ui__hero{margin-block:0 32px}
.public-app-shell .de-percentage-review .dp-form{display:grid;gap:32px;margin-block:32px}
.public-app-shell .de-percentage-review :is(.dp-mode-row,.dp-fields,.dp-direction-row){margin:0}
.public-app-shell .de-percentage-review .dp-mode-row{grid-template-columns:minmax(0,1fr)}
.public-app-shell .de-percentage-review .dp-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,14em),1fr))}
.public-app-shell .de-percentage-review .materials-ui__input-help{min-width:0}
.public-app-shell .de-percentage-review .materials-ui__input-help:empty{display:none}
.public-app-shell .de-percentage-review .materials-ui__input-help small{display:block}
.public-app-shell .de-percentage-review :is(p,small,summary,label>span,.dp-legend span){hyphens:auto;overflow-wrap:anywhere}
.public-app-shell .de-percentage-review .dp-copy-row{margin-block:0 24px}
.public-app-shell .de-percentage-review #dp-copy-feedback:empty{display:none}
.public-app-shell .de-percentage-review .dp-plot{min-width:0;margin-block:24px}
.public-app-shell .de-percentage-review .dp-legend{display:flex;flex-wrap:wrap;gap:8px 24px;margin-block:16px}
.public-app-shell .de-percentage-review .dp-legend span{min-width:0;max-width:100%}
.public-app-shell .de-percentage-review #dp-svg{max-width:100%;overflow-x:auto;padding:1em}
.public-app-shell .de-percentage-review #dp-svg svg{display:block;width:610px;max-width:none;height:auto;overflow:visible}
.public-app-shell .de-percentage-review #dp-svg svg text{font:inherit;fill:var(--color-base-content)}
.public-app-shell .de-percentage-review #dp-svg svg text[text-anchor="middle"]{text-anchor:end;transform:translateX(-.5em)}