.header {
    background-image: linear-gradient(90deg, #3A2A63, #5A3FA3);
    height: 4rem;
    padding: 1rem 1.5rem;
    color: #EDE7FF;
    border-bottom: 1px solid #7A5CF4;
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 3;
}

    .header a {
        color: #1E1E1E;
        font-weight: 600;
        margin-top: 2px;
    }

    .header form button {
        color: #1E1E1E;
        font-weight: 600;
    }

        .header a:hover,
        .header button:hover {
            color: #BCA6FF;
            text-decoration: underline;
        }

    .header button {
        background: none;
        border: none;
        cursor: pointer;
    }

/* Breadcrumb */
.breadcrumb {
    --bs-breadcrumb-divider-color: #C7B8FF;
}

/* Desktop sticky */
@media (min-width: 641px) {
    .header {
        position: sticky;
        top: 0;
        z-index: 3;
    }

    .header, article {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}