/* Compléments propres à l'application (le reste vient de design.css) */
.ui #flash { position: sticky; top: 0; z-index: 20; padding-top: var(--sp-2); padding-bottom: 0; }
.ui #app:focus { outline: none; }
.ui .legal h1 { margin-bottom: var(--sp-3); }
.ui .legal h2, .ui .legal h3, .ui .legal h4 { margin-top: var(--sp-5); margin-bottom: var(--sp-2); }
.ui .legal p, .ui .legal li { margin-bottom: var(--sp-2); }
.ui .legal table { margin: var(--sp-3) 0; }
.ui .legal mark { background: var(--wait-bg); color: var(--wait); }
.ui details > summary { cursor: pointer; min-height: 32px; }
.ui .sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.ui fieldset { margin: 0; min-width: 0; }
.ui fieldset.card { display: flex; flex-direction: column; gap: var(--sp-4); }
.ui .doclist li form { grid-column: 1 / -1; }
.ui nav[aria-label] a[aria-current] { color: var(--ink); }
@media (max-width: 640px) { .ui .topbar nav .hide-sm { display: none; } .ui .brand .wm small { display: none; } }
.ui label.row > input[type=checkbox] { width: 22px; height: 22px; flex: none; }
.ui label.row { flex-wrap: nowrap; align-items: flex-start; }