
    .sn_csf_shell{
        position:relative;
        padding:clamp(1rem, 2vw, 1.5rem) 0 clamp(3rem, 5vw, 5rem);
        color:var(--sn_hdr_color_text);
    }

    .sn_csf_wrap{
        width:var(--sn_hdr_container);
        margin:0 auto;
    }

    .sn_csf_hero{
        position:relative;
        overflow:hidden;
        border:1px solid var(--sn_hdr_color_line);
        border-radius:36px;
        background:
            radial-gradient(circle at top right, rgba(15,92,99,.14), transparent 24%),
            linear-gradient(180deg, var(--sn_hdr_color_surface) 0%, var(--sn_hdr_color_surface_2) 100%);
        box-shadow:var(--sn_hdr_shadow_md);
        padding:clamp(1.25rem, 3vw, 2rem);
    }

    .sn_csf_hero_grid{

        gap:clamp(1rem, 3vw, 2rem);
        align-items:start;
    }

    .sn_csf_eyebrow{
        display:inline-flex;
        align-items:center;
        gap:.65rem;
        min-height:42px;
        padding:.55rem .95rem;
        border:1px solid var(--sn_hdr_color_line);
        border-radius:999px;
        background:var(--sn_hdr_color_surface);
        color:var(--sn_hdr_color_muted);
        font-size:var(--sn_hdr_text_xs);
        font-weight:700;
        letter-spacing:.08em;
        text-transform:uppercase;
    }

    .sn_csf_eyebrow i{
        color:var(--sn_hdr_color_accent);
    }

    .sn_csf_title_main{
        margin:1rem 0 .9rem;
        font-family:var(--sn_hdr_font_display);
        font-size:clamp(2rem, 1.45rem + 2.4vw, 4rem);
        line-height:.95;
        letter-spacing:-.05em;

    }

    .sn_csf_intro{
        margin:0;

        color:var(--sn_hdr_color_muted);
        font-size:var(--sn_hdr_text_base);
        line-height:1.88;
    }

    .sn_csf_stats{
        display:grid;
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:12px;
    }

    .sn_csf_stat{
        min-height:136px;
        padding:1rem;
        border:1px solid var(--sn_hdr_color_line);
        border-radius:22px;
        background:linear-gradient(180deg, var(--sn_hdr_color_surface) 0%, var(--sn_hdr_color_surface_2) 100%);
    }

    .sn_csf_stat_label{
        margin:0 0 .45rem;
        color:var(--sn_hdr_color_muted);
        font-size:var(--sn_hdr_text_xs);
        text-transform:uppercase;
        letter-spacing:.08em;
        font-weight:700;
    }

    .sn_csf_stat_value{
        margin:0;
        color:var(--sn_hdr_color_text);
        font-size:clamp(1.1rem, .98rem + .8vw, 1.8rem);
        line-height:1.05;
        letter-spacing:-.04em;
        font-weight:800;
    }

    .sn_csf_stat_text{
        margin:.55rem 0 0;
        color:var(--sn_hdr_color_muted);
        font-size:var(--sn_hdr_text_sm);
        line-height:1.72;
    }

    .sn_csf_searchbox{
        margin-top:1rem;
        border:1px solid var(--sn_hdr_color_line);
        border-radius:30px;
        background:linear-gradient(180deg, var(--sn_hdr_color_surface) 0%, var(--sn_hdr_color_surface_2) 100%);
        box-shadow:var(--sn_hdr_shadow_sm);
        padding:1rem;
    }

    .sn_csf_searchform{
        display:flex;
        align-items:center;
        gap:.8rem;
        padding:.7rem;
        border:1px solid var(--sn_hdr_color_line);
        border-radius:22px;
        background:var(--sn_hdr_color_surface);
    }

    .sn_csf_searchicon{
        width:48px;
        height:48px;
        flex:0 0 48px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        border-radius:16px;
        background:var(--sn_hdr_color_surface_2);
        color:var(--sn_hdr_color_accent);
        font-size:1.1rem;
    }

    .sn_csf_searchinput{
        width:100%;
        min-width:0;
        height:52px;
        border:0;
        background:transparent;
        color:var(--sn_hdr_color_text);
        font-size:var(--sn_hdr_text-base, 1rem);
        outline:none;
        box-shadow:none;
    }

    .sn_csf_searchinput::placeholder{
        color:var(--sn_hdr_color_faint);
    }

    .sn_csf_resultsbar{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:1rem;
        flex-wrap:wrap;
        margin-top:1rem;
    }

    .sn_csf_resultstext{
        color:var(--sn_hdr_color_muted);
        font-size:var(--sn_hdr_text_sm);
    }

    .sn_csf_status{
        display:none;
        align-items:center;
        gap:.55rem;
        color:var(--sn_hdr_color_accent);
        font-size:var(--sn_hdr_text_xs);
        font-weight:700;
        letter-spacing:.08em;
        text-transform:uppercase;
    }

    .sn_csf_status.is-active{
        display:inline-flex;
    }

    .sn_csf_loader{
        width:14px;
        height:14px;
        border:2px solid rgba(15,92,99,.2);
        border-top-color:var(--sn_hdr_color_accent);
        border-radius:50%;
        animation:snCsfSpin .8s linear infinite;
    }

    @keyframes snCsfSpin{
        to{ transform:rotate(360deg); }
    }

    .sn_csf_results{
        margin-top:1rem;
    }

    .sn_csf_loadmore_wrap{
        display:flex;
        justify-content:center;
        margin-top:1.25rem;
    }

    .sn_csf_loadmore_wrap[hidden]{
        display:none;
    }

    .sn_csf_loadmore{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:.6rem;
        min-height:50px;
        padding:0 1.15rem;
        border:1px solid var(--sn_hdr_color_line);
        border-radius:16px;
        background:var(--sn_hdr_color_surface);
        color:var(--sn_hdr_color_text);
        font-size:var(--sn_hdr_text_sm);
        font-weight:800;
        box-shadow:var(--sn_hdr_shadow_sm);
        cursor:pointer;
    }

    .sn_csf_loadmore:hover,
    .sn_csf_loadmore:focus-visible{
        color:var(--sn_hdr_color_accent);
        border-color:rgba(15,92,99,.28);
        background:var(--sn_hdr_color_accent_soft);
        transform:translateY(-1px);
    }

    .sn_csf_loadmore:disabled{
        cursor:wait;
        opacity:.72;
        transform:none;
    }

    .sn_csf_loadmore i{
        color:var(--sn_hdr_color_accent);
    }

    .sn_csf_scroll_sentinel{
        width:100%;
        height:1px;
    }

    .sn_csf_table{
        overflow:hidden;
        border:1px solid var(--sn_hdr_color_line);
        border-radius:28px;
        background:linear-gradient(180deg, var(--sn_hdr_color_surface) 0%, var(--sn_hdr_color_surface_2) 100%);
        box-shadow:var(--sn_hdr_shadow_sm);
    }

    .sn_csf_thead{
        display:grid;
        grid-template-columns:minmax(0, 1fr) 220px;
        gap:1rem;
        padding:1rem 1.1rem;
        border-bottom:1px solid var(--sn_hdr_color_line);
        background:var(--sn_hdr_color_surface);
    }

    .sn_csf_th{
        color:var(--sn_hdr_color_muted);
        font-size:var(--sn_hdr_text_xs);
        font-weight:700;
        letter-spacing:.08em;
        text-transform:uppercase;
    }

    .sn_csf_th_link{
        text-align:right;
    }

    .sn_csf_tbody{
        display:block;
    }

    .sn_csf_row{
        display:grid;
        grid-template-columns:minmax(0, 1fr) 220px;
        gap:1rem;
        align-items:center;
        padding:1rem 1.1rem;
        border-bottom:1px solid var(--sn_hdr_color_line);
    }

    .sn_csf_row:last-child{
        border-bottom:0;
    }

    .sn_csf_row:hover{
        background:rgba(15,92,99,.035);
    }

    .sn_csf_col_name,
    .sn_csf_col_link{
        min-width:0;
    }

    .sn_csf_namewrap{
        display:flex;
        flex-direction:column;
        gap:.55rem;
        min-width:0;
    }

    .sn_csf_title{
        margin:0;
        font-size:clamp(1.05rem, .98rem + .28vw, 1.2rem);
        line-height:1.18;
        letter-spacing:-.02em;
    }

    .sn_csf_title a{
        color:var(--sn_hdr_color_text);
        text-decoration:none;
    }

    .sn_csf_title a:hover{
        color:var(--sn_hdr_color_accent);
    }

    .sn_csf_meta{
        display:flex;
        flex-wrap:wrap;
        gap:.5rem;
    }

    .sn_csf_meta_badge{
        display:inline-flex;
        align-items:center;
        gap:.4rem;
        min-height:32px;
        padding:.35rem .65rem;
        border:1px solid var(--sn_hdr_color_line);
        border-radius:999px;
        background:var(--sn_hdr_color_surface);
        color:var(--sn_hdr_color_muted);
        font-size:var(--sn_hdr_text_xs);
        font-weight:700;
    }

    .sn_csf_meta_badge i{
        color:var(--sn_hdr_color_accent);
    }

    .sn_csf_col_link{
        display:flex;
        justify-content:flex-end;
    }

    .sn_csf_apply{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:.55rem;
        min-height:44px;
        padding:0 1rem;
        border-radius:14px;
        background:var(--sn_hdr_color_accent);
        color:#fff;
        font-size:var(--sn_hdr_text_sm);
        font-weight:700;
        text-decoration:none;
        box-shadow:0 12px 24px rgba(15,92,99,.16);
        white-space:nowrap;
    }

    .sn_csf_apply:hover{
        background:var(--sn_hdr_color_accent_hover);
        color:#fff;
        transform:translateY(-1px);
    }

    .sn_csf_missing{
        display:inline-flex;
        align-items:center;
        justify-content:flex-end;
        gap:.45rem;
        color:var(--sn_hdr_color_muted);
        font-size:var(--sn_hdr_text_sm);
        font-weight:600;
    }

    .sn_csf_missing i{
        color:var(--sn_hdr_color_faint);
    }

    .sn_csf_empty{
        padding:clamp(1.25rem, 3vw, 2rem);
        border:1px solid var(--sn_hdr_color_line);
        border-radius:28px;
        background:linear-gradient(180deg, var(--sn_hdr_color_surface) 0%, var(--sn_hdr_color_surface_2) 100%);
        box-shadow:var(--sn_hdr_shadow_sm);
    }

    .sn_csf_empty_title{
        margin:0 0 .65rem;
        font-family:var(--sn_hdr_font_display);
        font-size:clamp(1.35rem, 1.16rem + .8vw, 1.9rem);
        line-height:1;
        letter-spacing:-.04em;
    }

    .sn_csf_empty_text{
        margin:0;
        color:var(--sn_hdr_color_muted);
        font-size:var(--sn_hdr_text_sm);
        line-height:1.8;
    }

    @media (max-width: 991.98px){
        .sn_csf_hero_grid{
            grid-template-columns:1fr;
        }

        .sn_csf_stats{
            grid-template-columns:1fr 1fr;
        }

        .sn_csf_thead,
        .sn_csf_row{
            grid-template-columns:minmax(0, 1fr) 190px;
        }
    }

    @media (max-width: 767.98px){
        .sn_csf_wrap{
            width:min(100% - 20px, 100%);
        }

        .sn_csf_hero,
        .sn_csf_searchbox,
        .sn_csf_table,
        .sn_csf_empty{
            border-radius:24px;
        }

        .sn_csf_stats{
            grid-template-columns:1fr;
        }

        .sn_csf_searchform{
            padding:.65rem;
        }

        .sn_csf_thead{
            display:none;
        }

        .sn_csf_row{
            grid-template-columns:1fr;
            gap:.9rem;
            align-items:start;
        }

        .sn_csf_col_link{
            justify-content:flex-start;
        }

        .sn_csf_apply{
            width:auto;
        }
    }

    @media (prefers-reduced-motion: reduce){
        .sn_csf_loader{
            animation:none;
        }
    }
