#registerbox{width:min(100%,680px);margin:32px auto;padding:0 12px;box-sizing:border-box}
#registerbox .panel{width:100%;box-sizing:border-box}
.ys-member-cards{border:0;padding:0;margin:24px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ys-member-cards legend{font-weight:700;margin-bottom:12px}
.ys-member-cards label{position:relative;margin:0;min-width:0}
.ys-member-cards input[type=radio]{position:absolute;opacity:0;width:1px;height:1px}
.ys-member-cards span{display:flex;min-height:100px;align-items:center;justify-content:center;flex-direction:column;gap:10px;text-align:center;padding:10px;border:2px solid #dce3ef;border-radius:14px;background:#f8faff;color:#15233e;cursor:pointer}
.ys-member-cards span b{font-size:26px}
.ys-member-cards input:checked+span{border-color:#e61c48;background:#fff0f4}
.ys-member-cards input:focus-visible+span{outline:3px solid #285ca0;outline-offset:3px}
#registerbox [hidden]{display:none!important}
#registerbox input,#registerbox select{min-height:44px;max-width:100%;box-sizing:border-box}
@media(max-width:480px){.ys-member-cards{grid-template-columns:repeat(2,minmax(0,1fr))}#registerbox{margin:16px auto}.ys-member-cards span{font-size:14px}}