/* Registration: the form stays one continuous panel. Short viewports scroll the overlay. */
#regModal{overflow-y:auto;overscroll-behavior:contain;padding:12px;align-items:flex-start}
#regModal .modal{flex:0 0 auto;margin:auto;max-width:520px;max-height:none;overflow:visible;padding:22px 26px}
#regModal .modal h3{margin-bottom:8px}
#regModal .modal>p{margin-bottom:16px;line-height:1.45}
#regModal .field{margin-bottom:12px}
#regModal .field label{margin-bottom:4px}
#regModal .session-picker-field small{margin-top:4px}
@media(max-height:800px){
 #regModal .modal{padding-block:16px}
 #regModal .modal h3{font-size:24px;margin-bottom:5px}
 #regModal .modal>p{margin-bottom:10px}
 #regModal .field{margin-bottom:9px}
 #regModal .modal .field input,#regModal .modal .field select{min-height:44px;padding-block:8px}
 #regModal .modal .btn-primary{min-height:48px}
 #regModal .modal .btn-ghost{min-height:36px}
}
@media(max-width:480px){#regModal .modal{padding-inline:18px}}

#webinar-session,#webinar-session option{white-space:nowrap}

/* Give the stage opt-in heading more breathing room below the modal edge. */
.stage-page #regModal .modal{padding-top:32px}
@media(max-height:800px){.stage-page #regModal .modal{padding-top:26px}}
@media(max-width:480px){.stage-page #regModal .modal{padding-top:20px}}

.stage-page #regModal #regForm{margin-top:12px}
.stage-page #regModal #regForm .field{margin-bottom:17px}
.stage-page #regModal #regForm .btn-primary{margin-top:4px}
@media(max-height:800px){
 .stage-page #regModal #regForm{margin-top:8px}
 .stage-page #regModal #regForm .field{margin-bottom:13px}
}
@media(max-width:480px){
 .stage-page #regModal #regForm{margin-top:6px}
 .stage-page #regModal #regForm .field{margin-bottom:11px}
}