/* /Components/Layout/BareLayout.razor.rz.scp.css */
#blazor-error-ui[b-9wcb23gmpj] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-9wcb23gmpj] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-c910ewx597] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-c910ewx597] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.content[b-c910ewx597] {
    position: absolute;
    color: #000;
    height: 450px;
    width: 640px;
    top: 150px;
    left: 50%;
    margin-left: -320px;
    text-align: center;
    border-radius: 25px;
    background-color: #FFF;
    box-shadow: 0 0 5px 10px #FFF;
    opacity: 0.9;
}

.icontent[b-c910ewx597] {
    margin: -10px auto 0px auto;
    padding: 0px 15px 0px 15px;
}

.hmenu[b-c910ewx597] {
    margin: 3px auto 0px auto;
}

.vmenu[b-c910ewx597] {
    display: none;
}

@media (max-width: 880px) {
    .content[b-c910ewx597] {
        height: 820px;
        width: 300px;
        top: 25px;
        margin-left: -150px;
    }

    .icontent[b-c910ewx597] {
        margin: 20px auto 0px auto;
    }

    .hmenu[b-c910ewx597] {
        display: none;
    }

    .vmenu[b-c910ewx597] {
        display: inherit;
        margin: 0px auto;
    }

    /* --- Main Header Flex Bar --- */
    .header-bar[b-c910ewx597] {
        display: flex;
        align-items: center;
        padding: 12px 16px;
        position: relative;
        z-index: 90;
        gap: 12px; /* Creates exact spacing between the menu and search bar */
        width: 100%;
        box-sizing: border-box;
    }

    /* --- Menu Container (Left) --- */
    .menu-container[b-c910ewx597] {
        display: flex;
        align-items: center;
        flex-shrink: 0;
    }

    /* --- Standalone Hamburger Button --- */
    .hamburger[b-c910ewx597] {
        position: relative;
        background: none;
        border: none;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 30px;
        height: 22px;
        z-index: 105;
        box-sizing: border-box;
        padding: 0;
    }

        .hamburger .bar[b-c910ewx597] {
            width: 100%;
            height: 3px;
            background-color: #fff;
            border-radius: 2px;
            transition: all 0.3s ease-in-out;
            box-shadow: 0 0 5px rgba(255, 100, 0, 0.8);
            transform-origin: center; /* Ensures symmetric rotation */
        }

        /* Hamburger Animation to 'X' */
        .hamburger.active .bar:nth-child(1)[b-c910ewx597] {
            transform: translateY(9.5px) rotate(45deg);
            background-color: #ffaa33;
        }

        .hamburger.active .bar:nth-child(2)[b-c910ewx597] {
            opacity: 0;
            transform: scale(0);
        }

        .hamburger.active .bar:nth-child(3)[b-c910ewx597] {
            transform: translateY(-9.5px) rotate(-45deg);
            background-color: #ffaa33;
        }

    /* --- Search Styling (Right) --- */
    .topsearch[b-c910ewx597] {
        flex: 1; /* Makes the search area expand and span the remaining width */
        display: flex;
        align-items: center;
    }

    .topsearch-container[b-c910ewx597] {
        position: relative;
        width: 100%;
    }

        .topsearch-container input[b-c910ewx597] {
            width: 100%;
            padding: 8px 36px 8px 12px;
            background: rgba(40, 10, 2, 0.6);
            border: 1px solid rgba(255, 100, 0, 0.3);
            border-radius: 20px;
            color: #fff;
            font-size: 0.85rem;
            outline: none;
            transition: all 0.3s ease;
            box-sizing: border-box;
        }

            .topsearch-container input[b-c910ewx597]::placeholder {
                color: rgba(255, 255, 255, 0.4);
            }

            .topsearch-container input:focus[b-c910ewx597] {
                border-color: #ff7700;
                box-shadow: 0 0 10px rgba(255, 100, 0, 0.4);
            }

    .search-btn[b-c910ewx597] {
        position: absolute;
        right: 3px;
        top: 50%;
        transform: translateY(-50%);
        background: none;
        border: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        transition: background 0.2s ease;
    }

        .search-btn:hover[b-c910ewx597] {
            background: rgba(255, 100, 0, 0.2);
        }

    .search-icon[b-c910ewx597] {
        width: 15px;
        height: 15px;
        stroke: #FFAA33;
    }

    /* --- Slide-out Navigation Menu --- */
    .nav-menu[b-c910ewx597] {
        position: fixed;
        top: 0;
        left: -100%;
        width: 60%;
        max-width: 220px;
        height: 100%;
        background: rgba(20, 5, 2, 0.95);
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
        border-right: 1px solid rgba(255, 100, 0, 0.2);
        display: flex;
        justify-content: center;
        align-items: center;
        transition: left 0.4s cubic-bezier(0.77, 0, 0.175, 1);
        z-index: 100;
    }

        .nav-menu.active[b-c910ewx597] {
            left: 0;
        }

    .menu-content[b-c910ewx597] {
        width: 85%;
        display: flex;
        flex-direction: column;
        align-items: center;
        vertical-align: top;
    }

    /* --- Navigation Links --- */
    .nav-links[b-c910ewx597] {
        list-style: none;
        text-align: center;
        width: 100%;
        padding: 0;
        margin: 0;
    }

        .nav-links li[b-c910ewx597] {
            margin: 22px 0;
        }

        .nav-links a[b-c910ewx597] {
            color: #f1f1f1;
            text-decoration: none;
            font-size: 1.1rem;
            font-weight: 500;
        }

            .nav-links a:hover[b-c910ewx597] {
                color: #FFF;
            }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-wuwobxtoux],
.components-reconnect-repeated-attempt-visible[b-wuwobxtoux],
.components-reconnect-failed-visible[b-wuwobxtoux],
.components-pause-visible[b-wuwobxtoux],
.components-resume-failed-visible[b-wuwobxtoux],
.components-rejoining-animation[b-wuwobxtoux] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-wuwobxtoux],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-wuwobxtoux],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-wuwobxtoux],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-wuwobxtoux],
#components-reconnect-modal.components-reconnect-retrying[b-wuwobxtoux],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-wuwobxtoux],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-wuwobxtoux],
#components-reconnect-modal.components-reconnect-failed[b-wuwobxtoux],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-wuwobxtoux] {
    display: block;
}


#components-reconnect-modal[b-wuwobxtoux] {
    background-color: white;
    width: 80%;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-wuwobxtoux 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-wuwobxtoux 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-wuwobxtoux 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-wuwobxtoux]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-wuwobxtoux 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-wuwobxtoux {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-wuwobxtoux {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-wuwobxtoux {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-wuwobxtoux] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-wuwobxtoux] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-wuwobxtoux] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-wuwobxtoux] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-wuwobxtoux] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-wuwobxtoux] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-wuwobxtoux] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-wuwobxtoux 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-wuwobxtoux] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-wuwobxtoux {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/History/Manage.razor.rz.scp.css */
.content[b-v0qodq2ifw] {
    position: absolute;
    top: 75px;
    left: 50%;
    margin-left: -300px;
    color: #000;
    height: 325px;
    width: 600px;
    text-align: center;
    border-radius: 12px;
    background-color: #FFF;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    animation: fadeIn 0.4s ease-in-out;
}

.icontent[b-v0qodq2ifw] {
    margin: 110px auto 0px auto;
    padding: 0px;
}

@media (max-width: 880px) {
    .content[b-v0qodq2ifw] {
        position: absolute;
        top: 65px;
        right: 20px;
        bottom: 20px;
        left: 20px;
        margin: 0px;
        color: #000;
        height: inherit;
        width: inherit;
        text-align: center;
        border-radius: 18px;
        background-color: #FFF;
        box-shadow: 0 0 5px 10px #FFF;
        opacity: 0.9;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto;
        overflow-y: auto;
    }

    .icontent[b-v0qodq2ifw] {
        width: 100%;
        height: 100%;
        margin: 0;
        box-sizing: border-box;
        text-align: center;
    }
}
/* /Components/Pages/History/_Apex.razor.rz.scp.css */
:global(html)[b-vmxuuj24n3], :global(body)[b-vmxuuj24n3] {
    height: 100%;
    margin: 0;
    overflow: hidden;
}

:global(app)[b-vmxuuj24n3], :global(main)[b-vmxuuj24n3] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.timeline-container[b-vmxuuj24n3] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 835px;
    margin: 1rem auto 0 auto;
    background: #f8f9fa;
    padding: 1rem 2rem;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    flex-shrink: 0;
}

.timeline-track[b-vmxuuj24n3] {
    display: flex;
    gap: 1.5rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    padding: 0.5rem;
    width: 100%;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 #f1f5f9;
}

    .timeline-track[b-vmxuuj24n3]::-webkit-scrollbar {
        height: 6px;
    }

    .timeline-track[b-vmxuuj24n3]::-webkit-scrollbar-track {
        background: #f1f5f9;
        border-radius: 4px;
    }

    .timeline-track[b-vmxuuj24n3]::-webkit-scrollbar-thumb {
        background: #cbd5e1;
        border-radius: 4px;
    }

.timeline-card[b-vmxuuj24n3] {
    flex: 0 0 200px;
    scroll-snap-align: center;
    background: white;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    padding: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .timeline-card:hover[b-vmxuuj24n3] {
        transform: translateY(-3px);
        border-color: #F73718;
        box-shadow: 0 6px 15px rgba(59, 130, 246, 0.1);
    }

    .timeline-card.active[b-vmxuuj24n3] {
        background: #FFFFF0;
        border-color: #F73718;
        box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);
    }

    .timeline-card .year[b-vmxuuj24n3] {
        font-size: 1.5rem;
        font-weight: 800;
        color: #1e293b;
        margin-bottom: 0.3rem;
    }

    .timeline-card.active .year[b-vmxuuj24n3] {
        color: #F73718;
    }

    .timeline-card .content h4[b-vmxuuj24n3] {
        font-size: 0.9rem;
        margin: 0 0 0.3rem 0;
        color: #334155;
    }

    .timeline-card .content p[b-vmxuuj24n3] {
        font-size: 0.8rem;
        color: #64748b;
        margin: 0;
        line-height: 1.3;
    }

/* Navigation Arrows */
.nav-btn[b-vmxuuj24n3] {
    background-color: white;
    border: 1px solid #cbd5e1;
    color: #F73718;
    font-size: 1.1rem;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 10;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    transition: background 0.2s, color 0.2s;
}

    .nav-btn:hover[b-vmxuuj24n3] {
        background-color: #F73718;
        color: white;
        border-color: #333;
    }

.prev-btn[b-vmxuuj24n3] {
    left: -14px;
}

.next-btn[b-vmxuuj24n3] {
    right: -14px;
}

.selected-year-details-wrapper[b-vmxuuj24n3] {
    flex: 1;
    display: flex;
    flex-direction: column;
    max-width: 900px;
    width: 100%;
    margin: 1rem auto;
    min-height: 0;
}

.selected-year-details[b-vmxuuj24n3] {
    flex: 1;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    animation: fadeIn 0.4s ease-in-out;
}

.details-header[b-vmxuuj24n3] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-shrink: 0;
}

.badge[b-vmxuuj24n3] {
    background-color: #FFFFF0;
    color: #000;
    font-weight: 700;
    font-size: 0.85rem;
    padding: 0.3rem 0.8rem;
    border-radius: 20px;
    border: 1px solid #F73718;
}

.details-header h3[b-vmxuuj24n3] {
    margin: 0;
    font-size: 1.4rem;
    color: #F73718;
}

.details-body[b-vmxuuj24n3] {
    margin: -15px auto 0px auto;
    flex: 1;
}

.details-description[b-vmxuuj24n3] {
    color: #475569;
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.long-content-section[b-vmxuuj24n3] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 1.25rem;
    border-radius: 8px;
    margin-bottom: 1.5rem;
}

    .long-content-section h4[b-vmxuuj24n3] {
        margin-top: 0;
        color: #1e293b;
    }

    .long-content-section ul[b-vmxuuj24n3] {
        margin: 0.5rem 0 1rem 1.2rem;
        color: #475569;
        line-height: 1.5;
    }

.details-footer[b-vmxuuj24n3] {
    display: flex;
    justify-content: flex-end;
    flex-shrink: 0;
    margin: -15px 15px 0px auto;
}

.vcontent[b-vmxuuj24n3] {
    display: none;
}

@media (max-width: 880px) {
    .hcontent[b-vmxuuj24n3] {
        display: none;
    }

    .vcontent[b-vmxuuj24n3] {
        display: inherit;
        text-align: center;
        margin: 0px auto;
    }

    .scroll-container[b-vmxuuj24n3] {
        display: flex;
        flex-direction: column;
        gap: 12px;
        max-height: 90vh;
        overflow-y: auto;
        padding: 10px;
        border-radius: 8px;
        width: 94%;
    }

    .scroll-item[b-vmxuuj24n3] {
        position: relative;
        background: #f8f9fa;
        border: 1px solid #dee2e6;
        border-radius: 6px;
        padding: 16px;
        cursor: pointer;
        transition: all 0.2s ease-in-out;
    }

        .scroll-item:hover[b-vmxuuj24n3] {
            background: #e9ecef;
        }

        .scroll-item.expanded[b-vmxuuj24n3] {
            background: #FFFFF0;
            border-color: #FFAA33;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            cursor: default;
        }

    .expanded-content[b-vmxuuj24n3] {
        margin-top: 12px;
    }

    .preview-content[b-vmxuuj24n3] {
        font-weight: 500;
    }

    .close-btn[b-vmxuuj24n3] {
        position: absolute;
        top: 8px;
        right: 8px;
        background: transparent;
        border: none;
        font-size: 2rem;
        font-weight: bold;
        color: #6c757d;
        cursor: pointer;
        line-height: 1;
    }

        .close-btn:hover[b-vmxuuj24n3] {
            color: #dc3545;
        }
}
/* /Components/Pages/Intro/May-22-2009.razor.rz.scp.css */
.content[b-o4txvdvke2] {
    position: absolute;
    color: #000;
    height: 390px;
    width: 640px;
    top: 100px;
    left: 50%;
    margin-left: -320px;
    text-align: center;
    border-radius: 25px;
    background-color: #FFF;
    box-shadow: 0 0 5px 10px #FFF;
}

.icontent[b-o4txvdvke2] {
    margin: -10px auto 0px auto;
    padding: 0px 15px 0px 15px;
}

.header[b-o4txvdvke2] {
    font-size: 40px;
}

.paragraph[b-o4txvdvke2] {
    margin: -20px auto 0px auto;
}

.hnav[b-o4txvdvke2] {
    margin: 0px auto;
}

.vnav[b-o4txvdvke2] {
    display: none;
}

@media (max-width: 880px) {
    h3[b-o4txvdvke2] {
        margin: 15px auto -25px auto;
    }

    .content[b-o4txvdvke2] {
        position: absolute;
        top: 20px;
        right: 20px;
        bottom: 20px;
        left: 20px;
        margin: 0px;
        color: #000;
        height: inherit;
        width: inherit;
        text-align: center;
        border-radius: 18px;
        background-color: #FFF;
        box-shadow: 0 0 5px 10px #FFF;
        opacity: 0.9;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto;
        overflow-y: auto;
    }

    .icontent[b-o4txvdvke2] {
        width: 100%;
        height: 100%;
        margin: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        text-align: center;
        box-sizing: border-box;
    }

    .header[b-o4txvdvke2] {
        font-size: 28px;
    }

    .paragraph[b-o4txvdvke2] {
        margin: -10px auto 0px auto;
        font-size: 17.2px;
    }

    .hnav[b-o4txvdvke2] {
        display: none;
    }

    .vnav[b-o4txvdvke2] {
        display: inherit;
        margin: 0px auto;
        padding-bottom: 25px;
    }
    .somehow[b-o4txvdvke2] {
        display: none;
    }
}
/* /Components/Pages/Intro/September-2008.razor.rz.scp.css */
.content[b-bolggf9k66] {
    position: absolute;
    color: #000;
    height: 450px;
    width: 640px;
    top: 100px;
    left: 50%;
    margin-left: -320px;
    text-align: center;
    border-radius: 25px;
    background-color: #FFF;
    box-shadow: 0 0 5px 10px #FFF;
}

.icontent[b-bolggf9k66] {
    margin: -10px auto 0px auto;
    padding: 0px 15px 0px 15px;
}

.header[b-bolggf9k66] {
    font-size: 40px;
}

.paragraph[b-bolggf9k66] {
    margin: -20px auto 0px auto;
}

.hnav[b-bolggf9k66] {
    margin: 0px auto;
}

.vnav[b-bolggf9k66] {
    display: none;
}

@media (max-width: 880px) {
    .content[b-bolggf9k66] {
        position: absolute;
        top: 20px;
        right: 20px;
        bottom: 20px;
        left: 20px;
        margin: 0px;
        color: #000;
        height: inherit;
        width: inherit;
        text-align: center;
        border-radius: 18px;
        background-color: #FFF;
        box-shadow: 0 0 5px 10px #FFF;
        opacity: 0.9;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto;
        overflow-y: auto;
    }

    .icontent[b-bolggf9k66] {
        width: 100%;
        height: 100%;
        margin: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        text-align: center;
        box-sizing: border-box;
    }

    .header[b-bolggf9k66] {
        font-size: 28px;
    }

    .paragraph[b-bolggf9k66] {
        margin: -10px auto 0px auto;
        font-size: 17.2px;
    }

    .hnav[b-bolggf9k66] {
        display: none;
    }

    .vnav[b-bolggf9k66] {
        display: inherit;
        margin: 0px auto;
        padding-bottom: 25px;
    }
}
/* /Components/Pages/Intro/What-To-Do.razor.rz.scp.css */
.content[b-4zl2pok8b3] {
    position: absolute;
    color: #000;
    height: 450px;
    width: 640px;
    top: 100px;
    left: 50%;
    margin-left: -320px;
    text-align: center;
    border-radius: 25px;
    background-color: #FFF;
    box-shadow: 0 0 5px 10px #FFF;
}

.icontent[b-4zl2pok8b3] {
    margin: -10px auto 0px auto;
    padding: 0px 15px 0px 15px;
}

.header[b-4zl2pok8b3] {
    font-size: 40px;
}

.paragraph[b-4zl2pok8b3] {
    margin: -20px auto 0px auto;
}

.hnav[b-4zl2pok8b3] {
    margin: 0px auto;
}

.vnav[b-4zl2pok8b3] {
    display: none;
}

@media (max-width: 880px) {
    .content[b-4zl2pok8b3] {
        position: absolute;
        top: 20px;
        right: 20px;
        bottom: 20px;
        left: 20px;
        margin: 0px;
        color: #000;
        height: inherit;
        width: inherit;
        text-align: center;
        border-radius: 18px;
        background-color: #FFF;
        box-shadow: 0 0 5px 10px #FFF;
        opacity: 0.9;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto;
        overflow-y: auto;
    }

    .icontent[b-4zl2pok8b3] {
        width: 100%;
        height: 100%;
        margin: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        text-align: center;
        box-sizing: border-box;
    }

    .header[b-4zl2pok8b3] {
        font-size: 28px;
    }

    .paragraph[b-4zl2pok8b3] {
        margin: -10px auto 0px auto;
        font-size: 17.2px;
    }

    .hnav[b-4zl2pok8b3] {
        display: none;
    }

    .vnav[b-4zl2pok8b3] {
        display: inherit;
        margin: 0px auto;
        padding-bottom: 25px;
    }
}
/* /Components/Pages/Join-The-Fight.razor.rz.scp.css */
.content[b-pqno6d9y9t] {
    position: absolute;
    top: 75px;
    left: 50%;
    margin-left: -300px;
    color: #000;
    height: 325px;
    width: 600px;
    text-align: center;
    border-radius: 12px;
    background-color: #FFF;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    animation: fadeIn 0.4s ease-in-out;
}

.icontent[b-pqno6d9y9t] {
    margin: 110px auto 0px auto;
    padding: 0px;
}

@media (max-width: 880px) {
    .content[b-pqno6d9y9t] {
        position: absolute;
        top: 65px;
        right: 20px;
        bottom: 20px;
        left: 20px;
        margin: 0px;
        color: #000;
        height: inherit;
        width: inherit;
        text-align: center;
        border-radius: 18px;
        background-color: #FFF;
        box-shadow: 0 0 5px 10px #FFF;
        opacity: 0.9;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto;
        overflow-y: auto;
    }

    .icontent[b-pqno6d9y9t] {
        width: 100%;
        height: 100%;
        margin: 0;
        box-sizing: border-box;
        text-align: center;
    }
}
/* /Components/Pages/Leaders/_Apex.razor.rz.scp.css */
.page-container[b-qlqg4ce48m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    animation: fadeIn 0.4s ease-in-out;
}

.container-wrapper[b-qlqg4ce48m] {
    display: grid;
    grid-template-columns: repeat(auto-fit, 300px);
    gap: 16px;
    justify-content: center;
    width: 100%;
    max-width: 1200px;
}

.custom-card[b-qlqg4ce48m] {
    height: 150px;
    width: 300px;
    background-color: #FFF;
    border: 1px solid #FFAA33;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    padding: 20px;
    box-sizing: border-box;
    cursor: pointer;
}

.custom-card h4[b-qlqg4ce48m] {
    margin: 25px auto -10px auto;
}

    .custom-card:hover[b-qlqg4ce48m] {
        transform: translateY(-3px);
        background: #FFFFF0;
        border-color: #F73718;
        box-shadow: 0 6px 15px rgba(59, 130, 246, 0.1);
    }

.content[b-qlqg4ce48m] {
    position: absolute;
    top: 75px;
    left: 50%;
    margin-left: -300px;
    color: #000;
    height: 325px;
    width: 600px;
    text-align: center;
    border-radius: 12px;
    background-color: #FFF;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    animation: fadeIn 0.4s ease-in-out;
}

.icontent[b-qlqg4ce48m] {
    margin: 110px auto 0px auto;
    padding: 0px;
}

@media (max-width: 880px) {

    .custom-card[b-qlqg4ce48m] {
        height: 110px;
        padding: 0px 20px;
    }

    .content[b-qlqg4ce48m] {
        position: absolute;
        top: 65px;
        right: 20px;
        bottom: 20px;
        left: 20px;
        margin: 0px;
        color: #000;
        height: inherit;
        width: inherit;
        text-align: center;
        border-radius: 18px;
        background-color: #FFF;
        box-shadow: 0 0 5px 10px #FFF;
        opacity: 0.9;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto;
        overflow-y: auto;
    }

    .icontent[b-qlqg4ce48m] {
        width: 100%;
        height: 100%;
        margin: 0;
        box-sizing: border-box;
        text-align: center;
    }
}
/* /Components/Pages/Media.razor.rz.scp.css */
.content[b-ykjuci1qz9] {
    position: absolute;
    top: 75px;
    left: 50%;
    margin-left: -300px;
    color: #000;
    height: 325px;
    width: 600px;
    text-align: center;
    border-radius: 12px;
    background-color: #FFF;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    animation: fadeIn 0.4s ease-in-out;
}

.icontent[b-ykjuci1qz9] {
    margin: 110px auto 0px auto;
    padding: 0px;
}

@media (max-width: 880px) {
    .content[b-ykjuci1qz9] {
        position: absolute;
        top: 65px;
        right: 20px;
        bottom: 20px;
        left: 20px;
        margin: 0px;
        color: #000;
        height: inherit;
        width: inherit;
        text-align: center;
        border-radius: 18px;
        background-color: #FFF;
        box-shadow: 0 0 5px 10px #FFF;
        opacity: 0.9;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto;
        overflow-y: auto;
    }

    .icontent[b-ykjuci1qz9] {
        width: 100%;
        height: 100%;
        margin: 0;
        box-sizing: border-box;
        text-align: center;
    }
}
/* /Components/Pages/Mental-Health.razor.rz.scp.css */
.content[b-ai9g60ozfs] {
    position: absolute;
    top: 75px;
    left: 50%;
    margin-left: -300px;
    color: #000;
    height: 325px;
    width: 600px;
    text-align: center;
    border-radius: 12px;
    background-color: #FFF;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    animation: fadeIn 0.4s ease-in-out;
}

.icontent[b-ai9g60ozfs] {
    margin: 110px auto 0px auto;
    padding: 0px;
}

@media (max-width: 880px) {
    .content[b-ai9g60ozfs] {
        position: absolute;
        top: 65px;
        right: 20px;
        bottom: 20px;
        left: 20px;
        margin: 0px;
        color: #000;
        height: inherit;
        width: inherit;
        text-align: center;
        border-radius: 18px;
        background-color: #FFF;
        box-shadow: 0 0 5px 10px #FFF;
        opacity: 0.9;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto;
        overflow-y: auto;
    }

    .icontent[b-ai9g60ozfs] {
        width: 100%;
        height: 100%;
        margin: 0;
        box-sizing: border-box;
        text-align: center;
    }
}
/* /Components/Pages/News.razor.rz.scp.css */
.content[b-a5asr6bgox] {
    position: absolute;
    top: 75px;
    left: 50%;
    margin-left: -300px;
    color: #000;
    height: 325px;
    width: 600px;
    text-align: center;
    border-radius: 12px;
    background-color: #FFF;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    animation: fadeIn 0.4s ease-in-out;
}

.icontent[b-a5asr6bgox] {
    margin: 110px auto 0px auto;
    padding: 0px;
}

@media (max-width: 880px) {
    .content[b-a5asr6bgox] {
        position: absolute;
        top: 65px;
        right: 20px;
        bottom: 20px;
        left: 20px;
        margin: 0px;
        color: #000;
        height: inherit;
        width: inherit;
        text-align: center;
        border-radius: 18px;
        background-color: #FFF;
        box-shadow: 0 0 5px 10px #FFF;
        opacity: 0.9;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto;
        overflow-y: auto;
    }

    .icontent[b-a5asr6bgox] {
        width: 100%;
        height: 100%;
        margin: 0;
        box-sizing: border-box;
        text-align: center;
    }
}
/* /Components/Pages/NotFound.razor.rz.scp.css */
.content[b-cewm8ygtor] {
    position: absolute;
    top: 75px;
    left: 50%;
    margin-left: -300px;
    color: #000;
    height: 325px;
    width: 600px;
    text-align: center;
    border-radius: 12px;
    background-color: #FFF;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    animation: fadeIn 0.4s ease-in-out;
}

.icontent[b-cewm8ygtor] {
    margin: 110px auto 0px auto;
    padding: 0px;
}

@media (max-width: 880px) {
    .content[b-cewm8ygtor] {
        position: absolute;
        top: 65px;
        right: 20px;
        bottom: 20px;
        left: 20px;
        margin: 0px;
        color: #000;
        height: inherit;
        width: inherit;
        text-align: center;
        border-radius: 18px;
        background-color: #FFF;
        box-shadow: 0 0 5px 10px #FFF;
        opacity: 0.9;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto;
        overflow-y: auto;
    }

    .icontent[b-cewm8ygtor] {
        width: 100%;
        height: 100%;
        margin: 0;
        box-sizing: border-box;
        text-align: center;
    }
}
/* /Components/Pages/Search.razor.rz.scp.css */
.content[b-uesjtmts7q] {
    position: absolute;
    top: 75px;
    left: 50%;
    margin-left: -300px;
    color: #000;
    height: 325px;
    width: 600px;
    text-align: center;
    border-radius: 12px;
    background-color: #FFF;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    animation: fadeIn 0.4s ease-in-out;
}

.icontent[b-uesjtmts7q] {
    margin: 110px auto 0px auto;
    padding: 0px;
}

@media (max-width: 880px) {
    .content[b-uesjtmts7q] {
        position: absolute;
        top: 65px;
        right: 20px;
        bottom: 20px;
        left: 20px;
        margin: 0px;
        color: #000;
        height: inherit;
        width: inherit;
        text-align: center;
        border-radius: 18px;
        background-color: #FFF;
        box-shadow: 0 0 5px 10px #FFF;
        opacity: 0.9;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto;
        overflow-y: auto;
    }

    .icontent[b-uesjtmts7q] {
        width: 100%;
        height: 100%;
        margin: 0;
        box-sizing: border-box;
        text-align: center;
    }
}
/* /Components/Pages/Settings.razor.rz.scp.css */
.content[b-qnxfu26cxb] {
    position: absolute;
    top: 75px;
    left: 50%;
    margin-left: -300px;
    color: #000;
    height: 325px;
    width: 600px;
    text-align: center;
    border-radius: 12px;
    background-color: #FFF;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    animation: fadeIn 0.4s ease-in-out;
}

.icontent[b-qnxfu26cxb] {
    margin: 110px auto 0px auto;
    padding: 0px;
}

@media (max-width: 880px) {
    .content[b-qnxfu26cxb] {
        position: absolute;
        top: 65px;
        right: 20px;
        bottom: 20px;
        left: 20px;
        margin: 0px;
        color: #000;
        height: inherit;
        width: inherit;
        text-align: center;
        border-radius: 18px;
        background-color: #FFF;
        box-shadow: 0 0 5px 10px #FFF;
        opacity: 0.9;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto;
        overflow-y: auto;
    }

    .icontent[b-qnxfu26cxb] {
        width: 100%;
        height: 100%;
        margin: 0;
        box-sizing: border-box;
        text-align: center;
    }
}
/* /Components/Pages/Stories/Manage.razor.rz.scp.css */
.content[b-jo7m1r4ekh] {
    position: absolute;
    top: 75px;
    left: 50%;
    margin-left: -300px;
    color: #000;
    height: 325px;
    width: 600px;
    text-align: center;
    border-radius: 12px;
    background-color: #FFF;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    animation: fadeIn 0.4s ease-in-out;
}

.icontent[b-jo7m1r4ekh] {
    margin: 110px auto 0px auto;
    padding: 0px;
}

@media (max-width: 880px) {
    .content[b-jo7m1r4ekh] {
        position: absolute;
        top: 65px;
        right: 20px;
        bottom: 20px;
        left: 20px;
        margin: 0px;
        color: #000;
        height: inherit;
        width: inherit;
        text-align: center;
        border-radius: 18px;
        background-color: #FFF;
        box-shadow: 0 0 5px 10px #FFF;
        opacity: 0.9;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto;
        overflow-y: auto;
    }

    .icontent[b-jo7m1r4ekh] {
        width: 100%;
        height: 100%;
        margin: 0;
        box-sizing: border-box;
        text-align: center;
    }
}
/* /Components/Pages/Stories/_Apex.razor.rz.scp.css */
:global(html)[b-7ilgcfszwy], :global(body)[b-7ilgcfszwy] {
    height: 100%;
    margin: 0;
    overflow: hidden;
}

:global(app)[b-7ilgcfszwy], :global(main)[b-7ilgcfszwy] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.timeline-container[b-7ilgcfszwy] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 835px;
    margin: 1rem auto 0 auto;
    background: #f8f9fa;
    padding: 1rem 2rem;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    flex-shrink: 0;
}

.timeline-track[b-7ilgcfszwy] {
    display: flex;
    gap: 1.5rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    padding: 0.5rem;
    width: 100%;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 #f1f5f9;
}

    .timeline-track[b-7ilgcfszwy]::-webkit-scrollbar {
        height: 6px;
    }

    .timeline-track[b-7ilgcfszwy]::-webkit-scrollbar-track {
        background: #f1f5f9;
        border-radius: 4px;
    }

    .timeline-track[b-7ilgcfszwy]::-webkit-scrollbar-thumb {
        background: #cbd5e1;
        border-radius: 4px;
    }

.timeline-card[b-7ilgcfszwy] {
    flex: 0 0 200px;
    scroll-snap-align: center;
    background: white;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    padding: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .timeline-card:hover[b-7ilgcfszwy] {
        transform: translateY(-3px);
        border-color: #F73718;
        box-shadow: 0 6px 15px rgba(59, 130, 246, 0.1);
    }

    .timeline-card.active[b-7ilgcfszwy] {
        background: #FFFFF0;
        border-color: #F73718;
        box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);
    }

    .timeline-card .paid[b-7ilgcfszwy] {
        font-size: 1.5rem;
        font-weight: 800;
        color: #1e293b;
        margin-bottom: 0.3rem;
    }

    .timeline-card.active .paid[b-7ilgcfszwy] {
        color: #F73718;
    }

    .timeline-card .content h4[b-7ilgcfszwy] {
        font-size: 0.9rem;
        margin: 0 0 0.3rem 0;
        color: #334155;
    }

    .timeline-card .content p[b-7ilgcfszwy] {
        font-size: 0.8rem;
        color: #64748b;
        margin: 0;
        line-height: 1.3;
    }

/* Navigation Arrows */
.nav-btn[b-7ilgcfszwy] {
    background-color: white;
    border: 1px solid #cbd5e1;
    color: #F73718;
    font-size: 1.1rem;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 10;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    transition: background 0.2s, color 0.2s;
}

    .nav-btn:hover[b-7ilgcfszwy] {
        background-color: #F73718;
        color: white;
        border-color: #333;
    }

.prev-btn[b-7ilgcfszwy] {
    left: -14px;
}

.next-btn[b-7ilgcfszwy] {
    right: -14px;
}

.selected-paid-details-wrapper[b-7ilgcfszwy] {
    flex: 1;
    display: flex;
    flex-direction: column;
    max-width: 900px;
    width: 100%;
    margin: 1rem auto;
    min-height: 0;
}

.selected-paid-details[b-7ilgcfszwy] {
    flex: 1;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    animation: fadeIn 0.4s ease-in-out;
}

.details-header[b-7ilgcfszwy] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-shrink: 0;
}

.badge[b-7ilgcfszwy] {
    background-color: #FFFFF0;
    color: #000;
    font-size: 0.85rem;
    padding: 0.3rem 0.8rem;
    border-radius: 20px;
    border: 1px solid #F73718;
}

.details-header h3[b-7ilgcfszwy] {
    margin: 0;
    font-size: 1.4rem;
    color: #F73718;
}

.details-body[b-7ilgcfszwy] {
    margin: -15px auto 0px auto;
    flex: 1;
}

.details-description[b-7ilgcfszwy] {
    color: #475569;
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.details-footer[b-7ilgcfszwy] {
    display: flex;
    justify-content: flex-end;
    flex-shrink: 0;
    margin: 0px auto 25px auto;
}

.vcontent[b-7ilgcfszwy] {
    display: none;
}

@media (max-width: 880px) {
    .hcontent[b-7ilgcfszwy] {
        display: none;
    }

    .vcontent[b-7ilgcfszwy] {
        display: inherit;
        text-align: center;
        margin: 0px auto;
    }

    .scroll-container[b-7ilgcfszwy] {
        display: flex;
        flex-direction: column;
        gap: 12px;
        max-height: 90vh;
        overflow-y: auto;
        padding: 10px;
        border-radius: 8px;
        width: 94%;
    }

    .scroll-item[b-7ilgcfszwy] {
        position: relative;
        background: #f8f9fa;
        border: 1px solid #dee2e6;
        border-radius: 6px;
        padding: 16px;
        cursor: pointer;
        transition: all 0.2s ease-in-out;
    }

        .scroll-item:hover[b-7ilgcfszwy] {
            background: #e9ecef;
        }

        .scroll-item.expanded[b-7ilgcfszwy] {
            background: #FFFFF0;
            border-color: #FFAA33;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            cursor: default;
        }

    .expanded-content[b-7ilgcfszwy] {
        margin-top: 12px;
    }

    .preview-content[b-7ilgcfszwy] {
        font-weight: 500;
    }

    .close-btn[b-7ilgcfszwy] {
        position: absolute;
        top: 8px;
        right: 8px;
        background: transparent;
        border: none;
        font-size: 2rem;
        font-weight: bold;
        color: #6c757d;
        cursor: pointer;
        line-height: 1;
    }

        .close-btn:hover[b-7ilgcfszwy] {
            color: #dc3545;
        }
}
/* /Components/Pages/Suicides.razor.rz.scp.css */
.content[b-chn5ywmo31] {
    position: absolute;
    top: 75px;
    left: 50%;
    margin-left: -300px;
    color: #000;
    height: 325px;
    width: 600px;
    text-align: center;
    border-radius: 12px;
    background-color: #FFF;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    animation: fadeIn 0.4s ease-in-out;
}

.icontent[b-chn5ywmo31] {
    margin: 110px auto 0px auto;
    padding: 0px;
}

@media (max-width: 880px) {
    .content[b-chn5ywmo31] {
        position: absolute;
        top: 65px;
        right: 20px;
        bottom: 20px;
        left: 20px;
        margin: 0px;
        color: #000;
        height: inherit;
        width: inherit;
        text-align: center;
        border-radius: 18px;
        background-color: #FFF;
        box-shadow: 0 0 5px 10px #FFF;
        opacity: 0.9;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto;
        overflow-y: auto;
    }

    .icontent[b-chn5ywmo31] {
        width: 100%;
        height: 100%;
        margin: 0;
        box-sizing: border-box;
        text-align: center;
    }
}
/* /Components/Pages/Tools.razor.rz.scp.css */
.content[b-805waf7jym] {
    position: absolute;
    top: 75px;
    left: 50%;
    margin-left: -300px;
    color: #000;
    height: 325px;
    width: 600px;
    text-align: center;
    border-radius: 12px;
    background-color: #FFF;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    animation: fadeIn 0.4s ease-in-out;
}

.icontent[b-805waf7jym] {
    margin: 110px auto 0px auto;
    padding: 0px;
}

@media (max-width: 880px) {
    .content[b-805waf7jym] {
        position: absolute;
        top: 65px;
        right: 20px;
        bottom: 20px;
        left: 20px;
        margin: 0px;
        color: #000;
        height: inherit;
        width: inherit;
        text-align: center;
        border-radius: 18px;
        background-color: #FFF;
        box-shadow: 0 0 5px 10px #FFF;
        opacity: 0.9;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto;
        overflow-y: auto;
    }

    .icontent[b-805waf7jym] {
        width: 100%;
        height: 100%;
        margin: 0;
        box-sizing: border-box;
        text-align: center;
    }
}
/* /Components/Pages/US_Map.razor.rz.scp.css */

.map-page[b-cxiwpqsgy2] {
    max-width: 900px;
    margin: 0 auto;
    padding: 3rem 1.25rem;
}

.map-card[b-cxiwpqsgy2] {
    margin: -15px auto;
    padding: 1rem;
    overflow: hidden;
    border: 1px solid #F73718;
    border-radius: 1rem;
    background: #FFF;
    box-shadow: 0 1rem 2rem rgba(30, 64, 175, .1);
}

.us-map-svg[b-cxiwpqsgy2] {
    display: block;
    width: 100%;
    min-height: 360px;
    border: 0;
}

.state-path[b-cxiwpqsgy2] {
    fill: #FFFFF0;
    stroke: #F73718;
    stroke-width: 1.5;
    outline: none;
    cursor: pointer;
    transition: fill .15s ease;
}

    .state-path:hover[b-cxiwpqsgy2],
    .state-path:focus[b-cxiwpqsgy2] {
        fill: #F73718;
    }

.state-directory[b-cxiwpqsgy2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    gap: .65rem;
    margin-top: 2rem;
}

    .state-directory a[b-cxiwpqsgy2] {
        padding: .7rem .8rem;
        border: 1px solid #FFAA33;
        border-radius: .65rem;
        background: #FFF;
        color: #4E4E4E;
        font-size: 1rem;
        font-weight: bold;
        font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        text-decoration: none;
    }

        .state-directory a:hover[b-cxiwpqsgy2], .state-directory a:focus-visible[b-cxiwpqsgy2] {
            background: #FFFFF0;
            border-color: #F73718;
            color: #F73718;
        }

@media (max-width: 600px) {
    .map-page[b-cxiwpqsgy2] {
        padding: 2rem .75rem;
    }
    .us-map-svg[b-cxiwpqsgy2] {
        min-height: 240px;
    }
}
/* /Components/Pages/US_State.razor.rz.scp.css */
.content[b-jl3744onwi] {
    position: absolute;
    top: 75px;
    left: 50%;
    margin-left: -300px;
    color: #000;
    height: 325px;
    width: 600px;
    text-align: center;
    border-radius: 12px;
    background-color: #FFF;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    animation: fadeIn 0.4s ease-in-out;
}

.icontent[b-jl3744onwi] {
    margin: 0px auto;
    padding: 0px;
}

.state-page[b-jl3744onwi] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 3rem 1.25rem;
}

    .state-page h1[b-jl3744onwi] {
        margin-bottom: .75rem;
        color: #172554;
    }

.back-link[b-jl3744onwi] {
    display: inline-block;
    margin: 0px auto 24px auto;
    font-weight: 700;
}

.eyebrow[b-jl3744onwi] {
    margin: 0px auto -15px auto;
    color: #4E4E4E;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.state-message[b-jl3744onwi] {
    color: #475569;
    font-size: 1.1rem;
}

@media (max-width: 880px) {
    .content[b-jl3744onwi] {
        position: absolute;
        top: 65px;
        right: 20px;
        bottom: 20px;
        left: 20px;
        margin: 0px;
        color: #000;
        height: inherit;
        width: inherit;
        text-align: center;
        border-radius: 18px;
        background-color: #FFF;
        box-shadow: 0 0 5px 10px #FFF;
        opacity: 0.9;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto;
        overflow-y: auto;
    }

    .icontent[b-jl3744onwi] {
        width: 100%;
        height: 100%;
        margin: 0;
        box-sizing: border-box;
        text-align: center;
    }
}

@media (max-width: 600px) {
    .state-page[b-jl3744onwi] {
        padding: 2rem .75rem;
    }
}
/* /Components/Pages/YouTube.razor.rz.scp.css */
.hcontainer[b-b3axh5ckni] {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    overflow: hidden;
}
    .hcontainer iframe[b-b3axh5ckni] {
        position: absolute;
        top: -55px; /* Pulls the iframe up to hide the top channel bar */
        left: 0;
        width: 100%;
        height: calc(100% + 108px); /* Expands height to compensate for the shift */
        border: 0;
    }

@media (max-width: 880px) {
    
}
/* /Components/Pages/_Apex.razor.rz.scp.css */
.content[b-2x46wqiy1r] {
    position: absolute;
    top: 75px;
    left: 50%;
    margin-left: -300px;
    color: #000;
    height: 325px;
    width: 600px;
    text-align: center;
    border-radius: 12px;
    background-color: #FFF;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.icontent[b-2x46wqiy1r] {
    margin: 110px auto 0px auto;
    padding: 0px;
}

@media (max-width: 880px) {
    .content[b-2x46wqiy1r] {
        position: absolute;
        top: 65px;
        right: 20px;
        bottom: 20px;
        left: 20px;
        margin: 0px;
        color: #000;
        height: inherit;
        width: inherit;
        text-align: center;
        border-radius: 18px;
        background-color: #FFF;
        box-shadow: 0 0 5px 10px #FFF;
        opacity: 0.9;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto;
        overflow-y: auto;
    }

    .icontent[b-2x46wqiy1r] {
        width: 100%;
        height: 100%;
        margin: 0;
        box-sizing: border-box;
        text-align: center;
    }
}
/* /Components/Pages/_Dev.razor.rz.scp.css */
.map-container[b-u5t6dh7fd7] {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    background-color: #f1f5f9;
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.us-svg[b-u5t6dh7fd7] {
    width: 100%;
    height: auto;
}

/* Base style for all 50 states */
.state[b-u5t6dh7fd7] {
    fill: #cbd5e1;
    stroke: #ffffff;
    stroke-width: 1px;
    cursor: pointer;
    outline: none;
    transition: fill 0.15s ease-in-out, filter 0.15s ease-in-out;
}

    /* Hover feedback */
    .state:hover[b-u5t6dh7fd7] {
        fill: #60a5fa;
        filter: brightness(0.95);
    }

    /* Active/Selected state managed dynamically through Blazor */
    .state.selected[b-u5t6dh7fd7] {
        fill: #1d4ed8;
        stroke: #93c5fd;
        stroke-width: 2px;
    }

.info-panel[b-u5t6dh7fd7] {
    text-align: center;
    margin-top: 20px;
    font-family: inherit;
}