/* Silent Student platform GPA calculators (Canvas, PowerSchool): row layouts on top of tools.css and gpa.css. */

/* space reserved until the script has built the tool, from the measured first render at 1280 / 800 / 600 / 375 px */
#canvas-gpa-tool:not(.is-ready) { min-height: 717px; }
#ps-gpa-tool:not(.is-ready) { min-height: 919px; }
@media (max-width: 999px) { #canvas-gpa-tool:not(.is-ready) { min-height: 969px; } #ps-gpa-tool:not(.is-ready) { min-height: 1171px; } }
@media (max-width: 719px) { #canvas-gpa-tool:not(.is-ready) { min-height: 1581px; } #ps-gpa-tool:not(.is-ready) { min-height: 2543px; } }
@media (max-width: 519px) { #canvas-gpa-tool:not(.is-ready) { min-height: 1653px; } #ps-gpa-tool:not(.is-ready) { min-height: 2724px; } }

.pg-row--canvas { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, .7fr) 44px; }
.pg-row--ps { grid-template-columns: minmax(0, 1.4fr) minmax(0, .8fr) minmax(0, .6fr) minmax(0, 1fr) 44px; }
@media (max-width: 719px) {
  .pg-row--canvas, .pg-row--ps { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); padding: 12px 0; }
}
.gp-form > .tl-help { margin-top: 6px; }