.st-slf-shell{
    position:relative;
    width:100%;
    max-width:1180px;
    margin:24px auto 28px;
    padding:0 24px 28px;
    box-sizing:border-box;
}
.st-slf-shell *,
.st-slf-shell *:before,
.st-slf-shell *:after{box-sizing:border-box}
.st-slf-shell > *{
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
}
.st-slf-intro{
    margin:0 0 20px;
    padding:26px 28px;
    border-radius:26px;
    background:linear-gradient(135deg,#12356f 0%,#2450d4 100%);
    color:#fff;
    box-shadow:0 14px 36px rgba(15,23,42,.12)
}
.st-slf-intro h1{margin:0 0 10px;font-size:32px;line-height:1.05;color:#fff}
.st-slf-intro p{margin:0;max-width:900px;font-size:16px;line-height:1.4;opacity:.96}
.st-slf-toplist,.st-slf-mapblock{
    margin:0 0 20px;
    padding:18px;
    border-radius:24px;
    background:#fff;
    border:1px solid rgba(15,23,42,.06);
    box-shadow:0 10px 24px rgba(15,23,42,.05)
}
.st-slf-mapblock,.st-slf-newsnow{content-visibility:auto;contain-intrinsic-size:520px}
.st-slf-toplist__head h2,.st-slf-maphead h2{margin:0 0 6px;font-size:26px;line-height:1.1}
.st-slf-toplist__head p,.st-slf-maphead p{margin:0 0 14px;color:#607086;font-size:15px}
.st-slf-toplist__items{display:grid;gap:10px}
.st-slf-topitem{
    display:grid;
    grid-template-columns:42px 1fr auto;
    gap:12px;
    align-items:center;
    padding:14px 16px;
    border-radius:18px;
    background:#f8fbff;
    border:1px solid rgba(148,163,184,.1)
}
.st-slf-rank{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border-radius:999px;
    background:#0f172a;
    color:#fff;
    font-weight:800
}
.st-slf-topmeta strong{display:block;font-size:17px;line-height:1.2}
.st-slf-topmeta small{display:block;margin-top:4px;color:#607086}
.st-slf-topvalue{font-size:24px;font-weight:800;color:#0f172a}
.st-slf-newsnow{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)}
.st-slf-topitem--snow{background:#f7fbff}
.st-slf-topvalue--snow{color:#1d4ed8}
.st-slf-map{height:460px;border-radius:18px;overflow:hidden}
.st-slf-searchbar{
    max-width:100%;
    margin:0 auto 14px;
}
.st-slf-searchbar input{
    width:100%;
    padding:16px 18px;
    border-radius:18px;
    border:1px solid rgba(148,163,184,.18);
    font-size:16px;
    background:#fff;
    box-shadow:0 6px 16px rgba(15,23,42,.03)
}
.st-slf-chips{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:0 auto 18px;
    max-width:100%;
}
.st-slf-chips button{
    border:0;
    padding:10px 14px;
    border-radius:999px;
    background:#dfe7f3;
    color:#0f172a;
    font-weight:700;
    cursor:pointer
}
.st-slf-chips button.is-active{background:#0f172a;color:#fff}
.st-slf-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:18px;
    margin:0 auto;
    max-width:100%;
}
.st-slf-card{
    position:relative;
    overflow:hidden;
    border-radius:24px;
    padding:18px;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
    border:1px solid rgba(15,23,42,.06);
    box-shadow:0 10px 28px rgba(15,23,42,.06);
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    color:#102033;
    cursor:pointer;
    min-width:0;
    content-visibility:auto;
    contain-intrinsic-size:360px;
}
.st-slf-card.is-active{box-shadow:0 0 0 3px rgba(37,99,235,.22),0 10px 28px rgba(15,23,42,.06)}
.st-slf-card:before{
    content:"";
    position:absolute;
    top:-90px;
    right:-90px;
    width:180px;
    height:180px;
    border-radius:999px;
    background:radial-gradient(circle,rgba(56,189,248,.12) 0%,rgba(56,189,248,0) 68%)
}
.st-slf-badge{
    display:inline-flex;
    align-items:center;
    padding:6px 10px;
    border-radius:999px;
    background:#dceefc;
    color:#0b6aa6;
    font-size:12px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
    margin-bottom:12px
}
.st-slf-title{margin:0;font-size:24px;line-height:1.08;font-weight:800}
.st-slf-sub{margin-top:8px;color:#66778d;font-size:14px}
.st-slf-note{margin-top:4px;font-size:13px;color:#7a8aa0}
.st-slf-metrics{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin:18px 0 12px
}
.st-slf-metric{
    padding:16px;
    border-radius:20px;
    background:#fff;
    border:1px solid rgba(148,163,184,.12)
}
.st-slf-metric.is-accent{background:linear-gradient(135deg,#102a63 0%,#1d3f99 100%);color:#fff}
.st-slf-metric span{
    display:block;
    font-size:12px;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:uppercase;
    margin-bottom:8px;
    opacity:.9
}
.st-slf-metric strong{display:block;font-size:34px;line-height:1;font-weight:800}
.st-slf-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.st-slf-pill{
    display:inline-flex;
    align-items:center;
    padding:8px 10px;
    border-radius:999px;
    background:#eef4fa;
    color:#27425f;
    font-size:13px;
    font-weight:700
}
.st-slf-pill.is-new{background:#e8f7ed;color:#0f6b37}
.st-slf-meta{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px
}
.st-slf-meta div{
    padding:12px 14px;
    border-radius:16px;
    background:#f8fafc;
    border:1px solid rgba(148,163,184,.1)
}
.st-slf-meta span{
    display:block;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.04em;
    color:#64748b;
    margin-bottom:4px;
    font-weight:700
}
.st-slf-meta strong{font-size:15px;color:#0f172a}
.st-slf-updated{margin-top:12px;font-size:13px;color:#607086}
.st-slf-popup{
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    min-width:180px
}
.st-slf-popup strong{display:block;font-size:16px;line-height:1.2;color:#0f172a;margin-bottom:4px}
.st-slf-popup small{display:block;color:#607086;margin-bottom:8px}
.st-slf-popup ul{list-style:none;padding:0;margin:0}
.st-slf-popup li{margin:4px 0;color:#1f2937;font-size:13px}
@media (max-width:900px){
    .st-slf-shell{
        margin-top:20px;
        padding:0 18px 24px;
    }
}
@media (max-width:640px){
    .st-slf-shell{
        width:100%;
        max-width:100%;
        margin:18px auto 24px;
        padding:0 14px 22px;
    }
    .st-slf-shell > *,
    .st-slf-searchbar,
    .st-slf-chips,
    .st-slf-grid{
        max-width:100%;
    }
    .st-slf-intro{padding:22px 20px}
    .st-slf-intro h1{font-size:28px}
    .st-slf-topitem{grid-template-columns:36px 1fr}
    .st-slf-topvalue{grid-column:2/3}
    .st-slf-map{height:340px}
    .st-slf-card{padding:16px;border-radius:22px}
    .st-slf-title{font-size:22px}
    .st-slf-metrics,.st-slf-meta{grid-template-columns:1fr}
    .st-slf-metric strong{font-size:28px}
}