@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';

/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-pq8009gkp8] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: radial-gradient(circle at 10% 5%, #f7f1e7 0%, #f0e7d8 38%, #ece3d4 100%);
}

.sidebar[b-pq8009gkp8] {
    background: linear-gradient(180deg, #1f2328 0%, #272d35 65%, #2f343d 100%);
    color: #f4efef;
}

.mobile-header[b-pq8009gkp8] {
    background: #1f2328;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.55rem 0.75rem;
    position: sticky;
    top: 0;
    z-index: 20;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.brand[b-pq8009gkp8] {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    letter-spacing: 0.02em;
    font-size: 0.98rem;
}

.menu-toggle[b-pq8009gkp8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    padding: 0;
}

.menu-toggle .bi[b-pq8009gkp8] {
    font-size: 1.2rem;
}

.sidebar-brand[b-pq8009gkp8] {
    padding: 1.2rem 0.95rem 0.65rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.sidebar-brand a[b-pq8009gkp8] {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.1rem;
}

.main-content[b-pq8009gkp8] {
    flex: 1;
    display: flex;
    justify-content: center;
}

.content-wrap[b-pq8009gkp8] {
    width: 100%;
    max-width: 980px;
    padding: 1.1rem 1rem 2.1rem;
}

@media (max-width: 640.98px) {
    .sidebar[b-pq8009gkp8] {
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
        height: auto;
        position: static;
        overflow: visible;
    }

    .content-wrap[b-pq8009gkp8] {
        padding: 0.5rem 0.75rem 1.5rem;
    }
}

@media (min-width: 641px) {
    .page[b-pq8009gkp8] {
        flex-direction: row;
    }

    .sidebar[b-pq8009gkp8] {
        width: 305px;
        height: 100vh;
        position: sticky;
        top: 0;
        overflow-y: auto;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.menu-shell[b-y15pdgr6ya] {
    padding: 1.1rem 0.85rem 1.25rem;
}

.menu-kicker[b-y15pdgr6ya] {
    color: #d8d0d6;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    font-size: 0.74rem;
}

.archive-accordion[b-y15pdgr6ya] {
    --bs-accordion-bg: transparent;
    --bs-accordion-color: #f3edf0;
    --bs-accordion-btn-bg: rgba(255, 255, 255, 0.08);
    --bs-accordion-btn-color: #fff8fc;
    --bs-accordion-active-bg: rgba(255, 255, 255, 0.2);
    --bs-accordion-active-color: #ffffff;
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-border-color: rgba(255, 255, 255, 0.14);
}

.post-list[b-y15pdgr6ya] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.post-list li[b-y15pdgr6ya] {
    margin: 0.2rem 0;
}

.post-list[b-y15pdgr6ya]  .post-link {
    display: block;
    border-radius: 0.4rem;
    background: transparent;
    border: 1px solid transparent;
    color: #766b72 !important;
    text-decoration: none;
    padding: 0.35rem 0.45rem;
    line-height: 1.35;
    transition: background-color 120ms ease, color 120ms ease;
}

.post-list[b-y15pdgr6ya]  .post-link:link,
.post-list[b-y15pdgr6ya]  .post-link:visited {
    color: #766b72 !important;
}

.post-list[b-y15pdgr6ya]  .post-link:hover {
    background: rgba(255, 255, 255, 0.14);
    color: #f2ecef !important;
}

.post-list[b-y15pdgr6ya]  .post-link.active {
    background: #b8bec6;
    border-color: #b8bec6;
    color: #1f2328 !important;
    font-weight: 600;
}

.post-list[b-y15pdgr6ya]  .post-link:focus-visible {
    outline: 2px solid #c7cdd5;
    outline-offset: 2px;
}
/* /Pages/Home.razor.rz.scp.css */
.post-shell[b-7a7wdxqaiy] {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 1.25rem 0;
}

.post-content[b-7a7wdxqaiy] {
    width: min(100%, 760px);
    background: #fffdfa;
}

.post-title[b-7a7wdxqaiy] {
    font-size: clamp(2rem, 2.4vw, 2.8rem);
    line-height: 1.15;
    color: #1c1b18;
}

.post-body[b-7a7wdxqaiy] {
    font-size: 1.125rem;
    line-height: 1.9;
    color: #22201b;
}

.post-body :deep(p)[b-7a7wdxqaiy] {
    margin-bottom: 1.3rem;
}

.post-body :deep(code)[b-7a7wdxqaiy] {
    color: #7f1d1d;
    background: #f4eee1;
    border-radius: 0.25rem;
    padding: 0.1rem 0.35rem;
    font-size: 0.95rem;
}

@media (max-width: 767.98px) {
    .post-shell[b-7a7wdxqaiy] {
        padding: 0.75rem 0;
    }

    .post-body[b-7a7wdxqaiy] {
        font-size: 1rem;
        line-height: 1.8;
    }
}