/* Shared control styling for the v4 teacher tools, matching the existing calculators. */
.v4-tool #v4-form>label,
.v4-tool #v4-form>p:not([role="alert"]){color:#233445}
.v4-tool #v4-form>label{display:block;margin:0 0 8px;font-weight:600;line-height:1.45}
.v4-tool #v4-form>input:not([type=checkbox]):not([type=radio]),
.v4-tool #v4-form>select,
.v4-tool #v4-form>textarea,
.v4-tool #v4-form label>input:not([type=checkbox]):not([type=radio]),
.v4-tool #v4-form label>select,
.v4-tool #v4-form label>textarea{
 display:block;box-sizing:border-box;width:100%;max-width:100%;min-height:42px;margin:8px 0 12px;padding:10px 12px;border:1px solid #bdcbd4;border-radius:4px;background:#fff;color:#233445;font:inherit;line-height:1.45
}
.v4-tool #v4-form textarea{min-height:92px;resize:vertical}
.v4-tool #v4-form input:focus,
.v4-tool #v4-form select:focus,
.v4-tool #v4-form textarea:focus{border-color:#3c9ac7;outline:3px solid rgba(60,154,199,.2);outline-offset:0}
.v4-tool #v4-form input[aria-invalid="true"],
.v4-tool #v4-form select[aria-invalid="true"],
.v4-tool #v4-form textarea[aria-invalid="true"]{border-color:#b42318}
.v4-tool #v4-form fieldset{margin:16px 0;padding:14px 16px;border:1px solid #dce5eb;border-radius:5px}
.v4-tool #v4-form fieldset legend{padding:0 5px;color:#233445;font-weight:600}
.v4-tool #v4-form fieldset>label{display:inline-flex;align-items:center;gap:7px;margin:4px 14px 5px 0;color:#465461;font-weight:normal}
.v4-tool #v4-form fieldset input[type="checkbox"],
.v4-tool #v4-form fieldset input[type="radio"]{width:auto;margin:0;accent-color:#3c9ac7}
.v4-tool #v4-form button.front-tools-button{min-height:38px;padding:8px 14px;border:1px solid #3c9ac7;border-radius:4px;background:#fff;color:#247da8;font-size:13px;font-weight:600;line-height:1.35;white-space:normal;cursor:pointer}
.v4-tool #v4-form button.front-tools-button:hover,
.v4-tool #v4-form button.front-tools-button:focus{background:#eef8fc;color:#1d668b}
.v4-tool #v4-form button.front-tools-button[type="submit"]{background:#3c9ac7;color:#fff}
.v4-tool #v4-form button.front-tools-button[type="submit"]:hover,
.v4-tool #v4-form button.front-tools-button[type="submit"]:focus{background:#247da8;color:#fff}
.v4-tool #v4-form button:disabled{cursor:not-allowed;opacity:.55}
.v4-tool #v4-form [role="alert"]{color:#b42318;font-size:13px;line-height:1.45}
.v4-tool #v4-result h2{margin-top:0;color:#233445;font-size:22px}
.v4-tool #v4-result button.front-tools-button{min-height:38px;padding:8px 14px;border:1px solid #3c9ac7;border-radius:4px;background:#fff;color:#247da8;font-size:13px;font-weight:600;line-height:1.35;white-space:normal}
.v4-tool #v4-result button.front-tools-button:hover,
.v4-tool #v4-result button.front-tools-button:focus{background:#eef8fc}
.v4-tool #v4-result table{border-collapse:collapse}
.v4-tool #v4-result th,.v4-tool #v4-result td{padding:9px;border-bottom:1px solid #dce5eb;text-align:left}
@media(max-width:600px){
 .v4-tool #v4-form fieldset{padding:12px}
 .v4-tool #v4-form button.front-tools-button{max-width:100%}
 .v4-tool #v4-form .front-tools-actions{align-items:stretch}
}
.v4-tool #v4-form>button.front-tools-button{margin:0 4px 6px 0;vertical-align:top}
.v4-tool #v4-form .et-question-card{margin:12px 0!important;padding:12px 14px!important;border:1px solid #dce5eb!important;border-radius:5px;background:#f7fafc}
.v4-tool #v4-form .et-question-card>.et-question-field{display:block!important;margin:0 0 12px!important;color:#233445!important;font-weight:600!important}
.v4-tool #v4-form .et-question-card>.et-question-field:last-child{margin-bottom:0!important}
.v4-tool #v4-form .et-question-card>.et-question-field>input,
.v4-tool #v4-form .et-question-card>.et-question-field>select{display:block;width:100%;box-sizing:border-box;margin:7px 0 0}
.v4-tool #v4-form .et-question-actions{margin:12px 0 4px}
.v4-tool #v4-form .et-question-actions button{margin:0 5px 5px 0}