/* /Layout/MainLayout.razor.rz.scp.css */
.site-shell[b-xbsp40r4a1] {
    min-height: 100vh;
    display: grid;
    grid-template-rows: auto 1fr auto;
}

header[b-xbsp40r4a1] {
    border-bottom: 1px solid var(--border-color);
    background: var(--surface-color);
}

main[b-xbsp40r4a1] {
    min-width: 0;
}

footer[b-xbsp40r4a1] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.5rem max(1.5rem, calc((100% - 72rem) / 2));
    border-top: 1px solid var(--border-color);
    color: var(--muted-color);
    font-size: 0.875rem;
}

@media (max-width: 640px) {
    footer[b-xbsp40r4a1] {
        flex-direction: column;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.site-navigation[b-w5vvtelllt] {
    width: min(100% - 3rem, 72rem);
    min-height: 4.5rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 2rem;
}

.brand[b-w5vvtelllt] {
    color: var(--ink-color);
    font-size: 1.25rem;
    font-weight: 750;
    text-decoration: none;
}

nav[b-w5vvtelllt] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

nav[b-w5vvtelllt]  a,
.repository-link[b-w5vvtelllt] {
    color: var(--muted-color);
    font-weight: 600;
    text-decoration: none;
}

nav[b-w5vvtelllt]  a.active,
nav[b-w5vvtelllt]  a:hover,
.repository-link:hover[b-w5vvtelllt] {
    color: var(--accent-color);
}

.repository-link[b-w5vvtelllt] {
    margin-left: auto;
}

@media (max-width: 640px) {
    .site-navigation[b-w5vvtelllt] {
        width: min(100% - 2rem, 72rem);
        gap: 1rem;
    }

    .repository-link[b-w5vvtelllt] {
        display: none;
    }
}