/* Plan sections are part of the page, rather than dashboard popups. */
body[data-page-group="howtoplay"]:has(main>section.subview:not([hidden]))::before{display:none}
body[data-page-group="howtoplay"] main{max-width:1080px;min-width:0}
body[data-page-group="howtoplay"] main>section:is(#freeplan,#payplans):not([hidden]){position:static;inset:auto;transform:none;animation:none;z-index:auto;width:100%;height:auto;max-height:none;overflow:visible;box-sizing:border-box;margin:24px auto;padding:20px;box-shadow:none;scroll-margin-top:16px;color:#102d4c}
body[data-page-group="howtoplay"] .howPlayIntro{scroll-margin-top:16px;box-sizing:border-box;margin:20px auto}
.playPageOptions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px auto;max-width:850px}
.playPageOptions .button,body[data-page-group="howtoplay"] .planSubmit{display:flex;align-items:center;justify-content:center;min-height:52px;text-align:center;background:#39d878;color:#071b10;border:2px solid #70efa1;border-radius:10px;font-size:16px;font-weight:900;text-decoration:none;padding:12px;box-sizing:border-box;white-space:normal}
.playPageOptions .button:hover,body[data-page-group="howtoplay"] .planSubmit:hover{background:#70efa1}
.playPageOptions .button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
body[data-page-group="howtoplay"] .planChoices,body[data-page-group="howtoplay"] .registrationFields{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-page-group="howtoplay"] .planForm fieldset,body[data-page-group="howtoplay"] .planForm label,body[data-page-group="howtoplay"] .planForm input,body[data-page-group="howtoplay"] .planForm select{min-width:0;box-sizing:border-box}
body[data-page-group="howtoplay"] .planForm .sportChoices label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;font-size:14px}
body[data-page-group="howtoplay"] .planForm .sportChoices input{width:18px;flex:none}
body[data-page-group="howtoplay"] .planHero p,body[data-page-group="howtoplay"] .planTerms{font-size:16px;line-height:1.5}
body[data-page-group="howtoplay"] .planStatus{overflow-wrap:anywhere}
@media(max-width:650px){.playPageOptions{gap:8px}.playPageOptions .button{padding:10px 6px;font-size:14px}body[data-page-group="howtoplay"] main>section:is(#freeplan,#payplans):not([hidden]){padding:14px;border-radius:12px}body[data-page-group="howtoplay"] .planChoices,body[data-page-group="howtoplay"] .registrationFields,body[data-page-group="howtoplay"] .pricePlans{grid-template-columns:1fr}body[data-page-group="howtoplay"] .sportChoices{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page-group="howtoplay"] .planHero>strong{position:static;display:block}body[data-page-group="howtoplay"] #freeplan .planHero h2{padding-right:0}}