/* Shared school account login */
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#f7f7f7;border:1px solid #e4e4e4;margin:17px 0 18px;border-radius:4px;overflow:hidden}
.auth-tab{border:0;border-bottom:2px solid transparent;background:transparent;padding:12px 8px;color:#888;font-size:14px;cursor:pointer;font-weight:600}
.auth-tab.active{background:#fff;color:#c62917;border-bottom-color:#c62917;font-weight:750}
.auth-tab:hover{background:#fff9f8}
#schoolEmail,#schoolPassword,#schoolCode{display:block;width:100%}
#schoolCode{font-size:25px;letter-spacing:.23em;text-align:center;font-variant-numeric:tabular-nums}
.modal .modal-actions>.primary{width:100%}
.modal a.outline{display:inline-block;text-decoration:none}
.modal .auth-tabs+.note{margin:12px 0 18px}
.modal .auth-tabs+.note+.form-label{margin-top:17px}
.modal .legal{line-height:1.65}

.auth-feedback{display:none;margin-top:12px;padding:12px 14px;border:1px solid #edc7c1;background:#fff7f6;border-radius:4px;color:#ae3021;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.auth-feedback.visible{display:block}
.modal .note strong{font-weight:800}
.modal .note p{margin:8px 0 0;color:#666}