/* Beta 3.2: progress charts stay inside their own cards at every viewport width. */
.beta32-progress-page,
.beta32-progress-page > *,
.beta32-progress-page .panel,
.beta32-progress-page .beta13-section-head,
.beta32-progress-page .beta13-section-head > *{box-sizing:border-box;min-width:0;max-width:100%}
.beta32-progress-page{width:100%;overflow:clip}
.beta32-progress-page .beta13-component-charts{width:100%;min-width:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.beta32-progress-page .beta13-component-charts>.panel{width:100%;overflow:hidden}
.beta32-progress-page .beta13-combined-chart,
.beta32-progress-page .beta13-mini-chart{width:100%;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}
.beta32-progress-page .beta13-combined-chart article{flex:0 0 62px;min-width:62px}
.beta32-progress-page .beta13-mini-chart article{flex:0 0 35px;min-width:35px}
.beta32-progress-page .beta13-section-head small{overflow-wrap:anywhere}

@media(min-width:1001px){
 .beta32-progress-page .beta13-combined-chart article{flex-basis:86px;min-width:86px}
 .beta32-progress-page .beta13-mini-chart article{flex-basis:52px;min-width:52px}
}
@media(max-width:1000px){
 .beta32-progress-page .beta13-component-charts{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:700px){
 .beta32-progress-page{overflow:visible}
 .beta32-progress-page .beta13-score-chart,
 .beta32-progress-page .beta13-component-charts>.panel{padding-left:16px;padding-right:16px}
 .beta32-progress-page .beta13-combined-chart{padding-bottom:8px}
 .beta32-progress-page .beta13-combined-chart article{flex-basis:62px}
 .beta32-progress-page .beta13-mini-chart article{flex-basis:42px;min-width:42px}
}
@media print{
 .beta32-progress-page{overflow:visible}
 .beta32-progress-page .beta13-combined-chart,
 .beta32-progress-page .beta13-mini-chart{overflow:visible}
}