#gang-story *{box-sizing:border-box;margin:0;padding:0}
#gang-story{font-family:'Inter','Helvetica Neue',Arial,sans-serif;background:#fff;color:#1a1a1a;line-height:1.4;max-width:1400px;margin:0 auto;padding:24px 28px 40px}
#gang-story .serif-number{font-family:Georgia,'Times New Roman',serif}
#gang-story .story-header{display:flex;flex-wrap:wrap;
    /* align-items:flex-start; */
    justify-content:space-between;padding-bottom:16px;border-bottom:2px solid #e6e9e6;margin-bottom:28px}
#gang-story .header-left{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
#gang-story .header-title{font-size:3.2rem;font-weight:800;letter-spacing:-.03em;line-height:1;text-transform:uppercase}
#gang-story .header-subtitle{font-size:.95rem;color:#4a4f4a;margin-top:4px;margin-bottom: 10px;}
#gang-story .header-subtitle span{display:block}
#gang-story .overview-section{display:grid;grid-template-columns:200px 1fr 230px;gap:24px;margin-bottom:40px;align-items:start}
#gang-story .section-label{font-size:1.1rem;font-weight:600;margin-bottom:20px}
#gang-story .section-label::after{content:'';display:block;width:32px;height:2px;background:#12566b;margin-top:6px}
#gang-story .figure-group{margin-bottom:26px}
#gang-story .figure-label{font-size:.85rem;font-weight:600}
#gang-story .figure-value{font-size:3.2rem;font-style:italic;color:#12566b;line-height:1.1}
#gang-story .figure-value.hot{color:#d7191c}
#gang-story .figure-note{font-size:.76rem;color:#4a4f4a}
#gang-story .map-section{position:relative;border-radius:4px;overflow:hidden;background:#eef2ee}
#gang-story .map-container{width:100%;height:clamp(420px,55vw,680px)}
#gang-story .map-fallback{display:none;position:absolute;inset:0;background:#f4f7f4;align-items:center;justify-content:center;text-align:center;padding:40px;color:#4a4f4a;z-index:10}
#gang-story .map-fallback.visible{display:flex}
#gang-story .legend-heading{font-size:.82rem;font-weight:600;margin:0 0 8px}
#gang-story .gradient-bar{height:12px;border-radius:6px;background:linear-gradient(90deg,#ffe600,#ff9800 55%,#d7191c);border:1px solid rgba(0,0,0,.1)}
#gang-story .gradient-labels{display:flex;justify-content:space-between;font-size:.7rem;color:#5a5f5a;margin-top:4px}
#gang-story .legend-note{font-size:.72rem;color:#5a5f5a;margin:8px 0 18px}
#gang-story .developments-heading{font-size:1.1rem;font-weight:600;margin-bottom:22px}
#gang-story .developments-heading::after{content:'';display:block;width:32px;height:2px;background:#12566b;margin-top:6px}
#gang-story .events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
#gang-story .event-card{display:flex;flex-direction:column;text-align:left;background:#fafcfa;border:1px solid #e2e8e2;border-left:4px solid var(--c,#ccc);border-radius:4px;padding:14px 16px;cursor:pointer;font:inherit;color:inherit;width:100%}
#gang-story .event-card:hover{background:#f2f7f2}
#gang-story .event-card.is-active{background:#eef5ee;border-color:#12566b;border-left-color:var(--c)}
#gang-story .event-card .event-date{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#4a4f4a}
#gang-story .event-card .event-title{font-size:1.05rem;font-weight:700;margin:2px 0 6px}
#gang-story .event-card .event-description{font-size:.76rem;color:#2a2f2a}
#gang-story .story-footer{padding:16px 24px;border-top:1px solid #e6e9e6;text-align:center;font-size:.75rem;color:#6a7a6a}
#gang-story .mapboxgl-popup{max-width:280px;font-family:inherit}
#gang-story .mapboxgl-popup-content{padding:14px 16px;border-radius:6px}
#gang-story .popup-location{font-size:1.05rem;font-weight:700;text-transform:uppercase}
#gang-story .popup-count{font-size:.75rem;font-weight:700;margin:2px 0 6px}
#gang-story .popup-gangs{font-size:.78rem;color:#2a2f2a}
@media (max-width:1199px) and (min-width:768px){
 #gang-story .overview-section{grid-template-columns:1fr;gap:20px}
 #gang-story .key-figures{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}
 #gang-story .key-figures .section-label{grid-column:1/-1;margin-bottom:0}
}
@media (max-width:767px){
 #gang-story{padding:16px 14px 28px}
 #gang-story .header-title{font-size:2.1rem}
 #gang-story .overview-section{grid-template-columns:1fr}
 #gang-story .figure-value{font-size:2.4rem}
 #gang-story .map-container{height:400px}
 #gang-story .events-grid{grid-template-columns:1fr}
}