/* Стартовое скрытие каркаса.
 *
 * Раньше это стояло атрибутом style прямо в разметке index.html. Атрибут пришлось
 * убрать: страница отдаётся с `style-src 'self'`, и встроенные стили браузер не
 * применяет — экран входа мигнул бы поверх каркаса на каждом открытии.
 *
 * Одного `hidden` мало: собственное правило браузера `[hidden] { display: none }`
 * имеет ту же силу, что `.sl-app { display: grid }` из components.css, и при
 * равной силе побеждает правило автора. Здесь селектор из двух частей — сила
 * выше, и hidden снова значит «не видно». Дальше показом занимается core/app.js,
 * он ставит display через CSSOM, а его CSP не ограничивает. */

.sl-app[hidden],
.sl-auth[hidden],
.sl-progress[hidden] {
    display: none;
}

/* Страница «не найдено» (404.html). Своих стилей у неё нет по той же причине:
 * встроенный <style> под `style-src 'self'` не применится. */

.sl-404 {
    min-height: 100dvh;
    display: grid;
    place-items: center;
    padding: 24px;
    text-align: center;
}

.sl-404 p {
    margin: 12px 0 24px;
}