@layer sds application;

:root {
}

@layer application {
    body > footer {
        margin-top: auto;
        min-height: var(--block-space-double);
    }

    .application-header {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .application-header__logotype {
        font-weight: 700;
        font-size: 2rem;
        letter-spacing: 2px;
    }

    .application-header__content {
        text-align: right;
    }

    nav {
        padding-top: 8px;
    }

    header nav {
        background-color: #25a5a7;
        font-size: 18px;
        color: var(--color-white);

        a, a:link, a:visited {
            color: var(--color-white);
            text-decoration: none;
            border-bottom: 4px solid var(--color-white);
            padding: 0 1ch;
        }
    }

    main {
        padding-top: 16px;
    }

    .limited-cell-url {
        text-wrap: nowrap;
        overflow-x: hidden;
        text-overflow: ellipsis;
        max-inline-size: 50cqw;
    }
}