#site-header-search-bar, .site-nav-menu {
    border-radius: calc(var(--space) / 2);
    background: linear-gradient(120deg, var(--blue-5), var(--blue-6) 80%);
    box-shadow: inset 0 0 6px 1px var(--blue-3), 0 0 3px .1px var(--blue-7);
    border-top: 2px solid var(--blue-3);
}

#site-header-user button, #site-header-user-links, #page-header-options-links, #site-footer {
    background-image: linear-gradient(120deg, var(--blue-2), var(--blue-3));
}

#site-header-user-links, #page-header-options-links {
    display: none;
    position: absolute;
    margin-top: var(--space);
    box-shadow: 0 0 3px 1px var(--blue-7);
    z-index: 12;
    right: 0;
}

#site-header-user:focus-within #site-header-user-links, #page-header-options:focus-within #page-header-options-links {
    display: flex;
}

.drop-link-list {
    display: flex;
    gap: var(--space);
    flex-direction: column;
    padding: var(--space);
    width: max-content;
}

.drop-link-list a {
    color: var(--blue-7);
}