@import "layout.css" layer(layout);
@import "general.css" layer(general);

:root {
    --info-color: lightsalmon;
}

table.fixed {
    table-layout: fixed;
}

table.sticky {
    & > thead {
        position: sticky;
        top: 0;
        background-color: var(--bg-color);
    }

    & > tfoot {
        position: sticky;
        bottom: 0;
        background-color: var(--bg-color);
    }
}

.numeric {
    text-align: right;
}

tr#current-period {
    font-weight: bold;
}

:target {
    scroll-margin-top: 5rem;
}

.message {
    border: 1px solid var(--info-color);
    padding: 0 0.5em;
    grid-area: main;
}