.staff-access-modes{display:flex;flex-wrap:wrap;gap:8px}
.staff-access-modes button{flex:1;min-height:44px}
.staff-access-modes button[aria-pressed="true"]{border-color:var(--accent,#9c6bff);box-shadow:inset 0 0 0 1px var(--accent,#9c6bff)}
.staff-access-page button,.staff-access-page input{min-height:44px;font:inherit}
.staff-access-page input{max-width:100%;box-sizing:border-box}
.staff-access-page [hidden]{display:none!important}
.staff-access-page #accessCode{font-size:24px;letter-spacing:.24em;font-variant-numeric:tabular-nums}
.staff-access-page #accessError:empty,.staff-access-page #accessResult:empty,.staff-access-page #accessExpiry:empty{display:none}
.staff-access-page a{display:inline-block;padding-block:12px}
@media(max-width:480px){.staff-access-page{padding:20px 12px}.staff-access-page h1{font-size:26px}.staff-access-modes{flex-direction:column}}