/* First-run and empty views: display title, one muted line, then actions. */

.empty {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--s-4);
    padding: var(--s-7) 0;
}

.empty h1 {
    font-size: calc(var(--t-xl) * 1.6);
    font-weight: 800;
}

.empty p {
    color: var(--paper-lo);
}

/* Centred variant for dead-end pages (404): a title, one line and the ways back. */
.empty--center {
    align-items: center;
    max-width: 30rem;
    margin: 0 auto;
    padding: var(--s-7) var(--s-4);
    text-align: center;
}

.empty--center h1:focus {
    outline: none;
}

.empty__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--s-3);
}