/* The mock UI runtime's own styles (TDD SPEED-3841 §12.2, §12.7): the status
   region, the error summary, the document dialog and the expiry warning. The
   prototype's styles are in signup.css, verbatim. */
.suLive{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.suErrorSummary{flex-direction:column}
.suErrorSummary p{margin:0 0 4px}
.suErrorSummary ul{margin:0;padding-left:18px}
.suErrorSummary a{color:inherit}
.suDialog{position:fixed;inset:0;z-index:10;display:flex;background:rgba(10,10,10,.4)}
.suDialog .suSheet{margin:auto;max-width:560px;max-height:90vh;overflow:auto;background:#fff;border-radius:20px}
.suExpiry{position:fixed;left:16px;right:16px;bottom:16px;z-index:20;display:flex;flex-direction:column;gap:8px;max-width:420px;margin:0 auto;padding:14px;border:1px solid #ececec;border-radius:12px;background:#fff;box-shadow:0 16px 40px -16px rgba(10,10,10,.24)}
.suExpiry[hidden]{display:none}
.suExpiry p{margin:0;font-size:13px}
.suFrame [hidden]{display:none !important}
.suHead__title:focus{outline:none}
.suTurnstile{display:flex;justify-content:center;margin:12px 16px}
.suTurnstile:empty{display:none}
.suFixturesHost{max-width:420px;margin:16px auto;padding:0 16px;font-size:13px}
.suFixturesHost[hidden]{display:none}
.suFixtures{display:block;padding:10px 12px;border:1px dashed #b9b4aa;border-radius:10px;background:#fff}
.suFixtures > :not(summary){display:block;box-sizing:border-box;width:100%;margin-top:6px}
.suFixtures textarea{font:12px/1.4 ui-monospace,Menlo,monospace}
.suFixtures__error{margin:0;color:#b42318}
.suFixtures__error:empty{display:none}