@import '_content/Arbilocus.UI/Arbilocus.UI.n366nx6nex.bundle.scp.css';

/* /Layout/MainLayout.razor.rz.scp.css */
.shell[b-yhmm46gnln] {
    max-width: 1040px;
    min-height: 100vh;
    margin: 0 auto;
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.masthead[b-yhmm46gnln] {
    padding: 1.5rem 0 2rem;
}

.wordmark[b-yhmm46gnln] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 1.25rem;
    font-weight: 800;
    font-stretch: 125%;
    letter-spacing: -0.01em;
    text-decoration: none;
    color: var(--ink);
}

main[b-yhmm46gnln] {
    flex: 1;
}

.footnote[b-yhmm46gnln] {
    margin-top: 4rem;
    padding: 1.5rem 0 2rem;
    border-top: 1px solid var(--line);
    color: var(--muted);
    font-size: 0.875rem;
}

.footnote p[b-yhmm46gnln] {
    margin: 0;
    max-width: 40rem;
}

.footnote p + p[b-yhmm46gnln] {
    margin-top: 0.75rem;
}

.footnote a[b-yhmm46gnln] {
    color: inherit;
}

/* The logo icon is markup inside this component, so ::deep is not needed. */
.logo-icon[b-yhmm46gnln] {
    width: 2rem;
    height: 2rem;
    flex: none;
}