/* Scoped to help: other dialogs retain their current layout. */
.help-modal{
 display:flex;flex-direction:column;overflow:hidden;
 height:min(760px,calc(100vh - 28px));height:min(760px,calc(100dvh - 28px));
 max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);
 padding:0;min-height:0;
}
.help-modal>.modal-heading{position:static;flex:0 0 auto;margin:0;padding:16px 20px;border-radius:10px 10px 0 0}
.help-modal>.modal-heading>b{font-size:16px;min-width:0}
.help-modal>.modal-heading>button{flex-shrink:0;min-height:40px;white-space:nowrap}
.help-modal>.help-content{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;padding:0;overflow:hidden}
.help-modal .help-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:24px;overflow-wrap:anywhere}
.help-modal .help-scroll:focus-visible{outline:2px solid var(--club-color);outline-offset:-3px}
.help-modal .help-footer{flex:0 0 auto;padding:8px 24px max(16px,env(safe-area-inset-bottom));border-top:1px solid #ccd4df;background:#f8fafc}
.help-modal .help-footer .hide-help{margin:0 0 4px;min-height:40px;font-size:14px}
.help-modal .help-footer .button{width:100%;min-height:48px}
.help-modal .help-steps li{min-width:0}
.help-modal .help-steps li>b,.help-modal .help-steps li>span{min-width:0;overflow-wrap:anywhere}
@media(max-width:480px){
 .help-modal>.modal-heading{padding:10px 16px}
 .help-modal>.modal-heading>b{font-size:15px}
 .help-modal .help-scroll{padding:20px 18px}
 .help-modal .help-scroll h2{font-size:clamp(27px,7.5vw,34px);line-height:1.4}
 .help-modal .help-scroll>p{font-size:15px;line-height:1.8}
 .help-modal .help-steps{margin:22px 0}
 .help-modal .help-steps li{grid-template-columns:32px minmax(0,1fr);column-gap:12px}
 .help-modal .help-steps li>b{font-size:17px;line-height:1.5}
 .help-modal .help-steps li>span{font-size:14px;line-height:1.8}
 .help-modal .help-footer{padding-inline:18px}
}