.sn_arc_shell{
    position:relative;
    padding:clamp(1rem, 2vw, 1.5rem) 0 clamp(3rem, 5vw, 5rem);
    color:var(--sn_hdr_color_text);
}

.sn_arc_wrap{
    width:var(--sn_hdr_container);
    margin:0 auto;
}

.sn_arc_hero{
    position:relative;
    overflow:hidden;
    border:1px solid var(--sn_hdr_color_line);
    border-radius:34px;
    background:
        radial-gradient(circle at top right, rgba(15,92,99,.12), transparent 26%),
        linear-gradient(180deg, var(--sn_hdr_color_surface) 0%, var(--sn_hdr_color_surface_2) 100%);
    box-shadow:var(--sn_hdr_shadow_sm);
    padding:clamp(1.25rem, 3vw, 2rem);
}

.sn_arc_hero::before{
    content:"";
    position:absolute;
    inset:auto -4% -28% auto;
    width:280px;
    height:280px;
    border-radius:50%;
    border:1px dashed rgba(15,92,99,.12);
    pointer-events:none;
}

.sn_arc_hero_grid{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(0, 1.08fr) minmax(0, .92fr);
    gap:clamp(1rem, 3vw, 2rem);
    align-items:start;
}

.sn_arc_kicker{
    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_arc_kicker i{
    color:var(--sn_hdr_color_accent);
    font-size:1rem;
}

.sn_arc_title{
    margin:1rem 0 .8rem;
    font-family:var(--sn_hdr_font_display);
    font-size:clamp(2rem, 1.45rem + 2.5vw, 4rem);
    line-height:.95;
    letter-spacing:-.05em;

}

.sn_arc_desc,
.sn_arc_desc p{
    margin:0;

    color:var(--sn_hdr_color_muted);
    font-size:var(--sn_hdr_text_base);
    line-height:1.8;
}

.sn_arc_desc p + p{
    margin-top:.85rem;
}

.sn_arc_meta_grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
}

.sn_arc_meta_card{
    min-height:132px;
    padding:1rem;
    border:1px solid var(--sn_hdr_color_line);
    border-radius:22px;
    background:
        linear-gradient(180deg, var(--sn_hdr_color_surface), var(--sn_hdr_color_surface_2));
}

.sn_arc_meta_label{
    margin:0 0 .45rem;
    color:var(--sn_hdr_color_muted);
    font-size:var(--sn_hdr_text_xs);
    letter-spacing:.08em;
    font-weight:700;
    text-transform:uppercase;
}

.sn_arc_meta_value{
    margin:0;
    color:var(--sn_hdr_color_text);
    font-size:clamp(1.15rem, 1rem + .9vw, 1.9rem);
    line-height:1.08;
    letter-spacing:-.04em;
    font-weight:800;
}

.sn_arc_meta_text{
    margin:.5rem 0 0;
    color:var(--sn_hdr_color_muted);
    font-size:var(--sn_hdr_text_sm);
    line-height:1.7;
}

.sn_arc_section{
    margin-top:clamp(1.25rem, 3vw, 2rem);
}

.sn_arc_toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    flex-wrap:wrap;
    margin-bottom:1rem;
}

.sn_arc_headingbox{
    display:flex;
    flex-direction:column;
    gap:.35rem;
}

.sn_arc_heading{
    margin:0;
    font-family:var(--sn_hdr_font_display);
    font-size:clamp(1.4rem, 1.14rem + 1vw, 2.15rem);
    line-height:1;
    letter-spacing:-.04em;
}

.sn_arc_subheading{
    margin:0;
    color:var(--sn_hdr_color_muted);
    font-size:var(--sn_hdr_text_sm);
}

.sn_arc_result_chip{
    display:inline-flex;
    align-items:center;
    gap:.6rem;
    min-height:44px;
    padding:0 .95rem;
    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:700;
}

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

.sn_arc_grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:1rem;
}

.sn_arc_card{
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    min-height:100%;
    border:1px solid var(--sn_hdr_color_line);
    border-radius:24px;
    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_arc_card_media{
    position:relative;
    aspect-ratio:16 / 10;
    overflow:hidden;
    background:var(--sn_hdr_color_surface_3);
}

.sn_arc_card_media img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.sn_arc_card_fallback{
    width:100%;
    height:100%;
}

.sn_arc_card_body{
    display:flex;
    flex-direction:column;
    gap:.9rem;
    padding:1rem;
    flex:1 1 auto;
}

.sn_arc_badges{
    display:flex;
    flex-wrap:wrap;
    gap:.5rem;
}

.sn_arc_badge{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    min-height:34px;
    padding:.45rem .75rem;
    border:1px solid var(--sn_hdr_color_line);
    border-radius:999px;
    background:var(--sn_hdr_color_surface_2);
    color:var(--sn_hdr_color_muted);
    font-size:var(--sn_hdr_text_xs);
    font-weight:700;
    letter-spacing:.03em;
}

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

.sn_arc_title_card{
    margin:0;
    font-size:clamp(1.08rem, 1rem + .4vw, 1.45rem);
    line-height:1.18;
    letter-spacing:-.03em;
}

.sn_arc_title_card a:hover{
    color:var(--sn_hdr_color_accent);
}

.sn_arc_excerpt{
    margin:0;
    color:var(--sn_hdr_color_muted);
    font-size:var(--sn_hdr_text_sm);
    line-height:1.75;
}

.sn_arc_card_footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    flex-wrap:wrap;
    margin-top:auto;
    padding-top:.85rem;
    border-top:1px solid var(--sn_hdr_color_line);
}

.sn_arc_meta_row{
    display:flex;
    flex-wrap:wrap;
    gap:.6rem .8rem;
    color:var(--sn_hdr_color_muted);
    font-size:var(--sn_hdr_text_xs);
}

.sn_arc_meta_row span{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
}

.sn_arc_link{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    color:var(--sn_hdr_color_text);
    font-size:var(--sn_hdr_text_sm);
    font-weight:700;
}

.sn_arc_link:hover,
.sn_arc_link:focus-visible{
    color:var(--sn_hdr_color_accent);
}

.sn_arc_link_button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.55rem;
    min-height:44px;
    padding:0 .95rem;
    border-radius:15px;
    background:var(--sn_hdr_color_accent);
    color:#fff;
    font-size:var(--sn_hdr_text_sm);
    font-weight:700;
}

.sn_arc_link_button:hover,
.sn_arc_link_button:focus-visible{
    background:var(--sn_hdr_color_accent_hover);
    transform:translateY(-1px);
}

.sn_arc_loadmore_wrap{
    display:flex;
    justify-content:center;
    margin-top:1.5rem;
}

.sn_arc_loadmore_wrap[hidden]{
    display:none;
}

.sn_arc_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_arc_loadmore:hover,
.sn_arc_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_arc_loadmore:disabled{
    cursor:wait;
    opacity:.72;
    transform:none;
}

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

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

.sn_arc_pagination{
    margin-top:1.5rem;
}

.sn_arc_pagination .nav-links{
    display:flex;
    flex-wrap:wrap;
    gap:.65rem;
    align-items:center;
}

.sn_arc_pagination .page-numbers{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:44px;
    min-height:44px;
    padding:0 .9rem;
    border:1px solid var(--sn_hdr_color_line);
    border-radius:15px;
    background:var(--sn_hdr_color_surface);
    color:var(--sn_hdr_color_text);
    font-size:var(--sn_hdr_text_sm);
    font-weight:700;
}

.sn_arc_pagination .page-numbers.current,
.sn_arc_pagination .page-numbers:hover{
    background:var(--sn_hdr_color_accent);
    color:#fff;
    border-color:transparent;
}

.sn_arc_empty{
    padding:1.25rem;
    border:1px dashed var(--sn_hdr_color_line_strong);
    border-radius:22px;
    background:var(--sn_hdr_color_surface_2);
    color:var(--sn_hdr_color_muted);
    font-size:var(--sn_hdr_text_sm);
}

@media (max-width: 1199.98px){
    .sn_arc_grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px){
    .sn_arc_hero_grid{
        grid-template-columns:1fr;
    }

    .sn_arc_meta_grid{
        grid-template-columns:1fr 1fr;
    }
}

@media (max-width: 767.98px){
    .sn_arc_wrap{
        width:min(100% - 20px, 100%);
    }

    .sn_arc_hero{
        border-radius:24px;
        padding:1rem;
    }

    .sn_arc_grid,
    .sn_arc_meta_grid{
        grid-template-columns:1fr;
    }
}