/* State/accessibility additions to the unchanged approved composition. */
#app { min-height: 100dvh; }
.auth-world,.shell { min-height: 100dvh; }
.btn { text-decoration: none; }
.formbox,.story,.signin,.release-info,.heading>div,.account>div,.person>div { min-width: 0; }
.person>div,.account strong,.sectionbox h2,.sectionbox p,.release-info .small { overflow-wrap: anywhere; white-space: normal; }
.password-hint { margin: -12px 0 20px; }
#form-error:empty,#dialog-error:empty { display: none; }
.error:not(:empty) { margin-bottom: 16px; }
.table-action { margin-block: 3px; }
.tablewrap table { font-variant-numeric: tabular-nums; }
dialog { max-height: calc(100dvh - 40px); overflow-y: auto; }
dialog .actions { flex-wrap: wrap; }
dialog[aria-busy="true"] { cursor: progress; }
@media(max-width:700px) {
  .nav { flex-wrap: wrap; }
  .nav button,.textbtn,.table-action,.exit { min-height: 44px; }
  .field input,.field select,.search input { font-size: 16px; }
  .heading { flex-wrap: wrap; }
  .password-row { flex-wrap: wrap; }
  .btn { white-space: normal; }
  .tablewrap { max-width: 100%; }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation: none!important; transition: none!important; scroll-behavior: auto!important; }
}