/* Scope viewport sizing to the coach dialog; only its body may scroll. */
html body #modalBack.ptwCollegeTouchModal.open{position:fixed!important;inset:0!important;top:0!important;height:100dvh!important;max-height:100dvh!important;width:100%!important;box-sizing:border-box!important;padding:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;z-index:2147483001!important}
html body #modalBack.ptwCollegeTouchModal .modal{box-sizing:border-box!important;width:min(720px,100%)!important;max-width:100%!important;max-height:100%!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;transform:none!important}
html body #modalBack.ptwCollegeTouchModal .modalHead{flex:0 0 auto!important;padding:14px 18px!important;margin:0!important}
html body #modalBack.ptwCollegeTouchModal .modalHead h3{font-size:19px!important;line-height:1.25!important;margin:0!important}
html body #modalBack.ptwCollegeTouchModal .modalBody{box-sizing:border-box!important;padding:14px 18px!important;scroll-padding-block:12px;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important}
html body #modalBack.ptwCollegeTouchModal .ptwCollegeTouchGrid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px 14px!important}
html body #modalBack.ptwCollegeTouchModal .formGroup{min-width:0!important;margin:0!important}
html body #modalBack.ptwCollegeTouchModal .formGroup label{display:block!important;margin-bottom:4px!important}
html body #modalBack.ptwCollegeTouchModal input:not([type=checkbox]),html body #modalBack.ptwCollegeTouchModal select{box-sizing:border-box!important;min-height:36px!important;height:36px!important;max-width:100%!important;width:100%!important;padding:6px 9px!important;font-size:14px!important;line-height:1.3!important}
html body #modalBack.ptwCollegeTouchModal select{text-overflow:ellipsis!important}
html body #modalBack.ptwCollegeTouchModal #collegeFollowNote{display:block!important;box-sizing:border-box!important;width:100%!important;min-height:112px!important;height:132px!important;max-height:220px!important;overflow-y:auto!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;line-height:1.5!important;font-family:inherit!important;font-size:14px!important;resize:vertical!important}
html body #modalBack.ptwCollegeTouchModal .modalFoot{position:static!important;flex:0 0 auto!important;display:flex!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important;padding:10px 18px!important;margin:0!important;transform:none!important;background:#fff!important;border-top:1px solid #e3eaf2!important}
html body #modalBack.ptwCollegeTouchModal .modalFoot .btn{font-size:14px!important;min-height:40px!important;padding:8px 12px!important;line-height:1.2!important;white-space:normal!important}
@media(max-width:600px){
 html body #modalBack.ptwCollegeTouchModal.open{padding:8px!important}
 html body #modalBack.ptwCollegeTouchModal .ptwCollegeTouchGrid{grid-template-columns:minmax(0,1fr)!important}
 html body #modalBack.ptwCollegeTouchModal .modalHead,html body #modalBack.ptwCollegeTouchModal .modalBody{padding:12px!important}
 html body #modalBack.ptwCollegeTouchModal input:not([type=checkbox]),html body #modalBack.ptwCollegeTouchModal select{font-size:16px!important;height:42px!important;min-height:42px!important}
 html body #modalBack.ptwCollegeTouchModal #collegeFollowNote{font-size:16px!important;height:132px!important}
 html body #modalBack.ptwCollegeTouchModal .modalFoot{padding:10px 12px max(10px,env(safe-area-inset-bottom))!important}
 html body #modalBack.ptwCollegeTouchModal .modalFoot .btn{min-height:42px!important}
}