@layer views{
    body > main{
        background-color: rgb(var(--color-lt-gray));
    }

    main > header{
        background-color: rgb(var(--color-dk-blue));
        color: rgb(var(--color-white));
        padding-bottom: calc(var(--spacer) * 3);

        a{
            color: rgb(var(--color-white));
        }
    }

    .results-list{
        --row-gap: calc(var(--spacer) * 2);

        h3 a{
            text-decoration: none;

            &:hover{
                text-decoration: underline;
            }
        }
    }

    .result-item{
        background-color: rgb(var(--color-white));
        border: 1px solid rgb(var(--color-md-gray));
        padding: calc(var(--spacer) * 2);
    }
}