/* Keep the existing art and layout; make controls usable across devices. */
.member-start-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.8rem}
.member-skip-link{position:fixed;left:1rem;top:1rem;z-index:100000;background:#071c2c;color:#fff;padding:.8rem 1rem;border:2px solid #7be7ef;border-radius:.5rem;transform:translateY(-200%)}
.member-skip-link:focus{transform:none}
:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #7be7ef!important;outline-offset:4px}
.member-start-actions button,#memberEventGuide button{min-height:44px}
#memberEventGuide p{line-height:1.65}
@media(max-width:600px){.member-start-actions button{flex:1 1 100%}dialog input,dialog select,dialog textarea{font-size:16px}#memberEventGuide{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.match-question-dialog{width:min(760px,calc(100vw - 24px))}.match-question-dialog textarea{width:100%;box-sizing:border-box}.question-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;overflow-wrap:anywhere;white-space:pre-wrap}@media(max-width:600px){.question-comparison{grid-template-columns:1fr}}