/* /Components/ExperienceSwitcher.razor.rz.scp.css */
.experience-switcher[b-9jqq0kf8gh] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .75rem;
    color: var(--pw-muted);
}

button[b-9jqq0kf8gh] {
    padding: .35rem .55rem;
    border: 1px solid var(--pw-border);
    border-radius: .45rem;
    background: transparent;
    font-size: .75rem;
}

button.automatic[b-9jqq0kf8gh] {
    padding-inline: .45rem;
}
/* /Layout/DesktopLayout.razor.rz.scp.css */
.desktop-experience[b-peuz66lg48] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 16rem minmax(0, 1fr);
    background: var(--pw-canvas);
}

.desktop-sidebar[b-peuz66lg48] {
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 1.4rem 1rem;
    border-right: 1px solid var(--pw-border);
    background: #efe5d4;
}

.desktop-brand[b-peuz66lg48] {
    display: flex;
    align-items: center;
    gap: .75rem;
    color: var(--pw-ink);
    text-decoration: none;
}

.desktop-brand img[b-peuz66lg48] { border-radius: .8rem; }
.desktop-brand span[b-peuz66lg48] { display: grid; }
.desktop-brand strong[b-peuz66lg48] { font-size: 1.1rem; }
.desktop-brand small[b-peuz66lg48] { color: var(--pw-muted); font-size: .75rem; }

.desktop-sidebar[b-peuz66lg48]  .move-countdown {
    display: block;
    margin-top: -1rem;
    padding: .55rem .7rem;
    border-left: 3px solid var(--pw-primary);
    border-radius: .25rem;
    background: rgb(255 255 255 / 42%);
    color: var(--pw-muted);
    font-size: .78rem;
    line-height: 1.35;
    text-decoration: none;
}

.desktop-sidebar[b-peuz66lg48]  .move-countdown:hover,
.desktop-sidebar[b-peuz66lg48]  .move-countdown:focus-visible {
    background: rgb(255 255 255 / 72%);
    color: var(--pw-accent);
}

nav[b-peuz66lg48] { display: grid; gap: .35rem; }
nav[b-peuz66lg48]  a {
    padding: .7rem .8rem;
    border-radius: .55rem;
    color: var(--pw-ink);
    text-decoration: none;
    font-weight: 650;
}
nav[b-peuz66lg48]  a:hover { background: rgb(255 255 255 / 55%); }
nav[b-peuz66lg48]  a.active { background: var(--pw-surface); box-shadow: 0 1px 3px rgb(87 62 28 / 12%); color: var(--pw-accent); }

.desktop-sidebar[b-peuz66lg48]  .experience-switcher { margin-top: auto; display: grid; }
.desktop-toolbar[b-peuz66lg48]  .experience-switcher { display: none; }

.desktop-workspace[b-peuz66lg48] { min-width: 0; }
.desktop-toolbar[b-peuz66lg48] {
    height: 3.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2rem;
    border-bottom: 1px solid var(--pw-border);
    background: rgb(255 253 248 / 88%);
    color: var(--pw-muted);
    font-size: .82rem;
}
.desktop-content[b-peuz66lg48] { min-height: calc(100vh - 3.4rem); padding: 2rem 2.5rem 3rem; }

@media (max-width: 900px) {
    .desktop-experience[b-peuz66lg48] { grid-template-columns: 12rem minmax(0, 1fr); }
    .desktop-content[b-peuz66lg48] { padding-inline: 1.5rem; }
}
/* /Layout/MobileLayout.razor.rz.scp.css */
.mobile-experience[b-nbcdfdx3rt] { min-height: 100vh; background: var(--pw-canvas); }
.mobile-header[b-nbcdfdx3rt] {
    position: sticky;
    top: 0;
    z-index: 20;
    min-height: 3.5rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .55rem .85rem;
    border-bottom: 1px solid var(--pw-border);
    background: rgb(255 253 248 / 94%);
    backdrop-filter: blur(10px);
}
.mobile-header > a[b-nbcdfdx3rt] { display: flex; align-items: center; gap: .55rem; color: var(--pw-ink); text-decoration: none; }
.mobile-header img[b-nbcdfdx3rt] { border-radius: .55rem; }
.mobile-header[b-nbcdfdx3rt]  .experience-switcher span,
.mobile-header[b-nbcdfdx3rt]  .experience-switcher .automatic { display: none; }
.mobile-header[b-nbcdfdx3rt]  .move-countdown {
    grid-column: 1 / -1;
    justify-self: center;
    margin-top: -.2rem;
    color: var(--pw-muted);
    font-size: .72rem;
    font-weight: 650;
    text-decoration: none;
}
.mobile-header[b-nbcdfdx3rt]  .move-countdown:hover,
.mobile-header[b-nbcdfdx3rt]  .move-countdown:focus-visible { color: var(--pw-accent); }
.mobile-content[b-nbcdfdx3rt] { min-height: calc(100vh - 7.8rem); padding: 1rem .85rem 6rem; }
.mobile-navigation[b-nbcdfdx3rt] {
    position: fixed;
    z-index: 30;
    inset: auto 0 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: .35rem .4rem calc(.35rem + env(safe-area-inset-bottom));
    border-top: 1px solid var(--pw-border);
    background: rgb(255 253 248 / 96%);
    backdrop-filter: blur(12px);
}
.mobile-navigation[b-nbcdfdx3rt]  a {
    min-height: 3.5rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .1rem;
    border-radius: .55rem;
    color: var(--pw-muted);
    text-decoration: none;
    font-size: .72rem;
    font-weight: 700;
}
.mobile-navigation[b-nbcdfdx3rt]  a span { font-size: 1.35rem; line-height: 1; }
.mobile-navigation[b-nbcdfdx3rt]  a.active { color: var(--pw-accent); background: #e8f0f6; }