.ss-nat{max-width:980px;margin:0 auto 24px;color:#e8eef8;box-sizing:border-box}
.ss-nat *{box-sizing:border-box}
.ss-nat-k{margin:0 0 6px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#e8b84a}
.ss-nat-head h2{margin:0 0 10px;font-size:1.45rem;line-height:1.2}
.ss-nat-head p{margin:0 0 8px;color:#c5d0de;line-height:1.5;font-size:.95rem}
.ss-nat-ampel{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.ss-nat-chip{border:1px solid rgba(255,255,255,.14);background:#121c30;color:#e8eef8;border-radius:999px;padding:7px 10px;min-height:40px;font-weight:700;font-size:.82rem}
.ss-nat-chip b{margin-left:5px;color:#e8b84a}
.ss-nat-chip.on{background:#1b2a46;border-color:#e8b84a}
.ss-nat-mapbox{background:#0a101c;border:1px solid rgba(232,184,74,.28);border-radius:16px;padding:10px;margin:0 0 14px}
.ss-nat-legend{display:flex;flex-wrap:wrap;gap:8px 12px;margin:0 0 8px;font-size:.75rem;color:#c5d0de}
.ss-nat-legend span::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}
.ss-nat-legend .q::before{background:#f0b429}
.ss-nat-legend .v::before{background:#ef5b5b}
.ss-nat-legend .s::before{background:#0a84ff}
.ss-nat-legend .f::before{background:#5ac8fa}
.ss-nat-legend .w::before{background:#ff9f0a}
#ssNatMap{height:220px;border-radius:12px;background:#0b1220}
.ss-nat-mapnote{margin:8px 0 0;color:#8ea0b8;font-size:.78rem}
.ss-nat-status{margin:0 0 10px;color:#9db0c8;font-size:.88rem}
  .ss-nat-hint{grid-column:1/-1;margin:0 0 6px;color:#9db0c8;font-size:.84rem;line-height:1.4}
.ss-nat-h{grid-column:1/-1;margin:10px 0 0;font-size:.95rem;color:#e8b84a}
.ss-nat-list{display:grid;grid-template-columns:1fr;gap:8px}
.ss-nat-item{display:block;padding:10px 12px;border-radius:12px;background:#121c30;border:1px solid rgba(255,255,255,.08);color:#e8eef8;text-decoration:none;min-width:0}
.ss-nat-item strong{display:block;margin:0 0 4px;font-size:.92rem;line-height:1.3;max-height:2.6em;overflow:hidden}
.ss-nat-item small{display:block;color:#8ea0b8;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ss-nat-mag{display:inline-block;margin-right:6px;padding:1px 7px;border-radius:999px;background:rgba(240,180,41,.16);color:#f0b429;font-weight:800;font-size:.75rem}
.ss-nat-item.hot .ss-nat-mag{background:rgba(239,91,91,.2);color:#ef5b5b}
.ss-nat-faq{margin-top:16px}
.ss-nat-faq details{background:#121c30;border-radius:12px;padding:10px 12px;margin:8px 0}
.ss-nat-faq summary{cursor:pointer;font-weight:700}
.ss-nat-faq p{color:#c5d0de;line-height:1.45;margin:8px 0 0}
.ss-nat-foot{margin-top:14px;color:#8ea0b8;font-size:.82rem}
.leaflet-container{background:#0b1220;font:12px/1.35 system-ui,sans-serif}
@media (min-width:700px){
    .ss-nat-hint{grid-column:1/-1;margin:0 0 6px;color:#9db0c8;font-size:.84rem;line-height:1.4}
.ss-nat-h{grid-column:1/-1;margin:10px 0 0;font-size:.95rem;color:#e8b84a}
.ss-nat-list{grid-template-columns:1fr 1fr}
  #ssNatMap{height:340px}
  .ss-nat-head h2{font-size:1.7rem}
}

.ss-nat-warn{margin:12px 0 14px;padding:12px 14px;border-radius:14px;background:#121c30;border:1px solid rgba(232,184,74,.3)}
.ss-nat-warn h3{margin:0 0 8px;font-size:1rem}
.ss-nat-warn p{margin:0 0 8px;color:#c5d0de;line-height:1.45;font-size:.92rem}
.ss-nat-warn p:last-child{margin:0}
.ss-nat-warn a{color:#e8b84a}

.ss-nat-news{margin:12px 0 16px;padding:14px;border-radius:16px;background:#121c30;border:1px solid rgba(232,184,74,.28)}
.ss-nat-news h3{margin:0 0 6px;font-size:1.05rem}
.ss-nat-news-l{margin:0 0 10px;color:#9db0c8;font-size:.88rem;line-height:1.4}
.ss-nat-news-list{display:flex;flex-direction:column}
.ss-nat-news-a{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid rgba(255,255,255,.08);color:#e8eef8;text-decoration:none}
.ss-nat-news-t{flex:1;min-width:0;line-height:1.35}
.ss-nat-pill{flex:0 0 auto;min-width:4.6rem;text-align:center;border-radius:8px;padding:4px 6px;font-size:.68rem;font-weight:800;line-height:1.2}
.ss-nat-pill.v{background:#7a2e12;color:#fff}
.ss-nat-pill.d{background:#1f6b45;color:#fff}
.ss-nat-pill.b{background:#1d4f9c;color:#fff}
@media (min-width:760px){
  .ss-nat-news{padding:16px 18px}
  .ss-nat-news-t{font-size:1.02rem}
}