:root{--bg:#f4f5f7;--white:#fff;--black:#111;--text:#3d4551;--muted:#5a6370;--border:#e2e5ea;--inner:#f8f9fb;--accent:#EA246B;--red:#dc2626;--amber:#d97706;--green:#00A880;--blue:#1772DC;--purple:#7c3aed;--radius:6px;--shadow:0 1px 3px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.06);--shadow-hover:0 2px 6px rgba(0,0,0,.06),0 12px 32px rgba(0,0,0,.1)}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',system-ui,sans-serif;font-size:15px;font-weight:400;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6}
h1,h2,h3{font-family:'Plus Jakarta Sans','Inter',sans-serif;color:var(--black)}
a{text-decoration:none;color:inherit}
strong{color:var(--black)}
.red{color:var(--red)!important}.amber{color:var(--amber)!important}.green{color:var(--green)!important}

/* Header (same as main dashboard) */
.site-header{background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}
.header-inner{max-width:1280px;margin:0 auto;padding:0 20px;display:flex;align-items:center;height:56px;gap:24px}
.logo-img{height:32px}
.nav-links{display:flex;gap:0}
.nav-links a{padding:6px 14px;font-size:13px;font-weight:600;color:var(--text);opacity:.6;transition:.2s;border-right:1px solid var(--border)}
.nav-links a:last-child{border:none}
.nav-links a:hover{opacity:1;color:var(--black)}
.dash-nav{display:flex;gap:4px;margin-left:auto}
.dash-link{font-size:11px;font-weight:600;padding:5px 12px;border-radius:20px;color:var(--muted);border:1px solid var(--border);transition:all .2s}
.dash-link:hover{color:var(--black);border-color:var(--black)}
.dash-link.active{background:var(--black);color:#fff;border-color:var(--black)}
.home-link{font-size:11px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:4px;transition:color .2s;margin-left:8px}
.home-link:hover{color:var(--accent)}
.home-link i{font-size:13px}
.header-right{margin-left:12px;display:flex;align-items:center;gap:12px}
.hamburger{display:none;border:none;background:none;font-size:22px;color:var(--black);cursor:pointer;padding:4px}
.mobile-menu{position:fixed;top:0;right:-300px;width:280px;height:100vh;background:var(--white);z-index:10001;box-shadow:-4px 0 24px rgba(0,0,0,.12);transition:right .3s ease;display:flex;flex-direction:column;overflow-y:auto}
.mobile-menu.open{right:0}
.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}
.mobile-close{border:none;background:none;font-size:20px;color:var(--black);cursor:pointer;padding:8px;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;z-index:10002}
.mobile-nav{display:flex;flex-direction:column;padding:8px 0}
.mobile-nav a{padding:12px 20px;font-size:15px;font-weight:600;color:var(--black);border-bottom:1px solid var(--border);transition:.2s}
.mobile-nav a:hover,.mobile-nav a.active{background:var(--inner);color:var(--accent)}
.mobile-nav-footer{margin-top:auto;padding:16px 20px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}
.mobile-nav-footer a{font-size:13px;color:var(--muted)}
.mobile-nav-footer a:hover{color:var(--black)}
.mobile-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:10000;display:none}
.mobile-backdrop.open{display:block}
.live-badge{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:var(--red);letter-spacing:1px}
.live-dot{width:6px;height:6px;border-radius:50%;background:var(--red);animation:pulse 1.5s infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(220,38,38,.3)}50%{box-shadow:0 0 0 4px rgba(220,38,38,0)}}

/* === ANCHOR NAV === */
.anchor-nav{position:sticky;top:56px;z-index:90;background:var(--white);border-bottom:1px solid var(--border);overflow:hidden}
.anchor-nav-inner{max-width:1280px;margin:0 auto;padding:0 20px;display:flex;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.anchor-nav-inner::-webkit-scrollbar{display:none}
.anchor-link{display:flex;align-items:center;gap:5px;padding:10px 16px;font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap;border-bottom:2px solid transparent;transition:all .2s;flex-shrink:0}
.anchor-link i{font-size:13px}
.anchor-link:hover{color:var(--black)}
.anchor-link.active{color:var(--accent);border-bottom-color:var(--accent)}

/* Scroll offset for sticky headers */
[id^="sec"]{scroll-margin-top:112px}

/* === SCROLL TO TOP === */
.scroll-top{position:fixed;bottom:24px;right:24px;width:40px;height:40px;border-radius:50%;background:var(--black);color:#fff;border:none;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s;z-index:99;box-shadow:0 2px 10px rgba(0,0,0,.2)}
.scroll-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.scroll-top:hover{background:var(--accent);transform:translateY(-2px);box-shadow:0 4px 16px rgba(234,36,107,.3)}

.main{max-width:1280px;margin:0 auto;padding:0 20px 40px}
.page-intro{padding:20px 0 16px;border-bottom:1px solid var(--border);margin-bottom:12px}
.page-title{font-size:1.3rem;font-weight:800}



/* Ripple Legend (compact inline) */
.ripple-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:10px;font-size:11px}
.rl-item{display:flex;align-items:center;gap:4px;color:var(--muted);font-weight:600}
.rl-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.rl-sep{color:var(--border);font-size:10px}
.rl-exposed{font-size:11px;color:var(--text)}

/* Map Context */
.map-context{font-size:11px;color:var(--muted);text-align:center;padding:6px 16px;margin:0;border-bottom:1px solid var(--border)}
.page-desc{font-size:14px;color:var(--muted);margin-top:4px}

/* Summary bar */
.summary-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}
.sum-item{text-align:center;padding:16px 12px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);position:relative;overflow:hidden}
.sum-item::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),transparent)}
.sum-label{display:block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:6px}
.sum-val{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:18px;font-weight:800;color:var(--black)}
.sum-val.red{color:var(--red)}.sum-val.amber{color:var(--amber)}

/* Sections */
.section{padding:20px 0}
.section-title{font-size:.95rem;font-weight:700;color:var(--black)}

/* Card (matching main dashboard) */
.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);transition:.2s}
.card:hover{box-shadow:var(--shadow-hover)}

/* ===== BRIEF ===== */
.brief-full{padding:24px;border-left:4px solid var(--accent);position:relative;overflow:hidden}
.brief-full::before{content:'';position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,rgba(234,36,107,.03),transparent);border-radius:50%}
.bf-date{font-size:10px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:1px;display:inline-flex;align-items:center;gap:5px}
.bf-date::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent);animation:briefDot 1.5s infinite}
@keyframes briefDot{0%,100%{opacity:1}50%{opacity:.3}}
.bf-headline{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.2rem;font-weight:800;margin:8px 0 16px;line-height:1.35;letter-spacing:-.3px}
.bf-section{margin-bottom:14px;padding:12px;background:var(--inner);border-radius:var(--radius);border:1px solid var(--border)}
.bf-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:4px}
.bf-text{font-size:13px;line-height:1.65;color:var(--text)}

/* ===== PRICES ===== */
.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.price-card{text-align:center;padding:18px 12px;position:relative;overflow:hidden}
.price-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
.price-card:nth-child(1)::before{background:var(--red)}
.price-card:nth-child(2)::before{background:var(--amber)}
.price-card:nth-child(3)::before{background:#b8860b}
.price-card:nth-child(4)::before{background:var(--blue)}
.pc-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:6px}
.pc-val{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.6rem;font-weight:800;color:var(--black)}
.pc-chg{font-size:12px;margin-top:4px;font-weight:600}
.pc-time{font-size:9px;color:var(--muted);margin-top:4px}

/* ===== RIPPLE ===== */
.ripple-section{margin:20px 0 10px}
.ripple-title h2{font-size:1.3rem;font-weight:800;text-align:center}
.ripple-subtitle{font-size:14px;color:var(--text);text-align:center;margin-bottom:16px}
.ripple-container{position:relative;width:100%;aspect-ratio:1;max-width:600px;margin:0 auto}
.ripple-ring{position:absolute;border-radius:50%;border:1.5px dashed;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.ripple-ring.r1{width:28%;height:28%;border-color:var(--red);opacity:.5;animation:ringPulse 3s ease infinite}
.ripple-ring.r2{width:48%;height:48%;border-color:var(--amber);opacity:.4;animation:ringPulse 3s ease infinite .5s}
.ripple-ring.r3{width:68%;height:68%;border-color:#fbbf24;opacity:.3;animation:ringPulse 3s ease infinite 1s}
.ripple-ring.r4{width:88%;height:88%;border-color:var(--green);opacity:.2;animation:ringPulse 3s ease infinite 1.5s}
@keyframes ringPulse{0%,100%{opacity:.2;transform:translate(-50%,-50%) scale(1)}50%{opacity:.45;transform:translate(-50%,-50%) scale(1.015)}}

.ring-label{position:absolute;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.ring-label.l1{margin-top:-16%;color:var(--red)}
.ring-label.l2{margin-top:-26%;color:#ea580c;opacity:.85}
.ring-label.l3{margin-top:-36%;color:var(--amber);opacity:.75}
.ring-label.l4{margin-top:-46%;color:var(--green);opacity:.7}

.epicenter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--red),#f97316);display:flex;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:700;text-align:center;line-height:1.2;z-index:10;box-shadow:0 0 0 8px rgba(220,38,38,.08),0 0 0 16px rgba(220,38,38,.04),0 0 30px rgba(220,38,38,.12);animation:epicPulse 2s ease infinite}
@keyframes epicPulse{0%,100%{box-shadow:0 0 0 8px rgba(220,38,38,.08),0 0 30px rgba(220,38,38,.12)}50%{box-shadow:0 0 0 12px rgba(220,38,38,.14),0 0 40px rgba(220,38,38,.18)}}

.node{position:absolute;transform:translate(-50%,-50%);cursor:pointer;z-index:10;pointer-events:auto;transition:all .3s cubic-bezier(.25,.8,.25,1)}
.node:hover{z-index:20;transform:translate(-50%,-50%) scale(1.18)}
.node-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:800;border:2.5px solid #fff;box-shadow:0 2px 10px rgba(0,0,0,.18);transition:.3s}
.node:hover .node-dot{box-shadow:0 4px 16px rgba(0,0,0,.25)}
.node-dot.severe{background:var(--red);animation:glowRed 2s ease infinite}
.node-dot.high{background:#ea580c;animation:glowOrange 2s ease infinite .3s}
.node-dot.moderate{background:var(--amber);animation:glowAmber 2s ease infinite .6s}
.node-dot.low{background:var(--green);animation:glowGreen 2s ease infinite .9s}
.node-dot.mixed{background:var(--purple);animation:glowPurple 2s ease infinite 1.2s}
@keyframes glowRed{0%,100%{box-shadow:0 2px 10px rgba(0,0,0,.18)}50%{box-shadow:0 0 0 6px rgba(220,38,38,.3),0 0 20px rgba(220,38,38,.2)}}
@keyframes glowOrange{0%,100%{box-shadow:0 2px 10px rgba(0,0,0,.18)}50%{box-shadow:0 0 0 6px rgba(234,88,12,.3),0 0 20px rgba(234,88,12,.2)}}
@keyframes glowAmber{0%,100%{box-shadow:0 2px 10px rgba(0,0,0,.18)}50%{box-shadow:0 0 0 6px rgba(217,119,6,.3),0 0 20px rgba(217,119,6,.2)}}
@keyframes glowGreen{0%,100%{box-shadow:0 2px 10px rgba(0,0,0,.18)}50%{box-shadow:0 0 0 6px rgba(0,168,128,.3),0 0 20px rgba(0,168,128,.2)}}
@keyframes glowPurple{0%,100%{box-shadow:0 2px 10px rgba(0,0,0,.18)}50%{box-shadow:0 0 0 6px rgba(124,58,237,.3),0 0 20px rgba(124,58,237,.2)}}
.node-name{font-size:11px;font-weight:700;color:var(--black);text-align:center;margin-top:3px;white-space:nowrap;text-shadow:0 1px 4px rgba(255,255,255,.9)}
.node{opacity:0;animation:nodeDrop .5s ease forwards}
@keyframes nodeDrop{from{opacity:0;transform:translate(-50%,-50%) scale(0)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}

/* Click hint */
.ripple-hint{text-align:center;margin-top:-8px;margin-bottom:8px;animation:hintFade 6s ease forwards}
.ripple-hint span{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--accent);background:rgba(234,36,107,.06);padding:6px 16px;border-radius:20px;border:1px solid rgba(234,36,107,.12)}
.ripple-hint i{animation:hintBounce 1.2s ease infinite}
@keyframes hintBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes hintFade{0%,70%{opacity:1}100%{opacity:0;pointer-events:none}}

/* Detail panel */
.detail-panel{max-width:720px;margin:0 auto;overflow:hidden;transition:max-height .4s ease,opacity .3s;max-height:0;opacity:0}
.detail-panel.open{max-height:600px;opacity:1;margin-bottom:20px}
.detail-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-hover);margin-top:14px;animation:fadeUp .3s ease}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.dc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.dc-name{font-size:1.15rem;font-weight:800}
.dc-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 12px;border-radius:20px}
.dc-badge.severe{background:rgba(220,38,38,.08);color:var(--red)}.dc-badge.high{background:rgba(234,88,12,.08);color:#ea580c}.dc-badge.moderate{background:rgba(217,119,6,.08);color:var(--amber)}.dc-badge.low{background:rgba(0,168,128,.08);color:var(--green)}.dc-badge.mixed{background:rgba(124,58,237,.08);color:var(--purple)}
.dc-chain{display:flex;align-items:flex-start;gap:4px;margin:12px 0;padding:12px;background:var(--inner);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto;scrollbar-width:none}
.dc-chain::-webkit-scrollbar{display:none}
.dc-step{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:68px}
.dc-step-icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;margin-bottom:4px}
.dc-step-label{font-size:8px;font-weight:700;text-transform:uppercase;color:var(--muted)}
.dc-step-val{font-size:10px;font-weight:700;color:var(--black);max-width:76px;line-height:1.3}
.dc-arrow{color:var(--border);font-size:12px;flex-shrink:0;margin-top:10px}
.dc-stats{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.dc-stat{font-size:11px;padding:4px 10px;background:var(--inner);border:1px solid var(--border);border-radius:20px;color:var(--muted)}
.dc-stat strong{color:var(--black)}
.dc-fact{font-size:13px;color:var(--text);line-height:1.55;padding:10px;border-left:3px solid var(--accent);background:rgba(234,36,107,.02);border-radius:0 var(--radius) var(--radius) 0}
.dc-source{font-size:10px;color:var(--muted);margin-top:8px}
.dc-source a{color:var(--accent)}
.dc-close{background:none;border:1px solid var(--border);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);font-size:14px;transition:.2s}
.dc-close:hover{border-color:var(--accent);color:var(--accent)}

/* Map */
.map-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin:16px 0;box-shadow:var(--shadow)}
.map-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px}
.map-header h2{font-size:.9rem;font-weight:700;margin:0}
.legend{display:flex;gap:10px;flex-wrap:wrap}
.leg{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--muted)}
.leg-dot{width:7px;height:7px;border-radius:50%}
.world-map{height:400px}

/* ===== TANKER ===== */
.tanker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.tanker-card{padding:18px;position:relative;overflow:hidden}
.tanker-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--amber)}
.tc-icon{font-size:1.4rem;margin-bottom:6px}
.tc-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:10px}
.tc-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--border);font-size:12px}
.tc-row:last-child{border:none}
.tc-key{color:var(--muted)}.tc-val{font-weight:700;color:var(--black)}

/* ===== SCENARIOS ===== */
.scenario-list{display:flex;flex-direction:column;gap:8px}
.sc{display:flex;gap:12px;padding:14px 16px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;box-shadow:var(--shadow);transition:all .3s}
.sc:hover{transform:translateX(4px);box-shadow:var(--shadow-hover)}
.sc-sev{flex-shrink:0;width:10px;height:10px;border-radius:50%;margin-top:5px}
.sc-sev.high{background:var(--amber)}.sc-sev.severe{background:var(--red)}.sc-sev.critical{background:#7f1d1d}.sc-sev.moderate{background:var(--green)}
.sc-body{flex:1}
.sc-trigger{font-size:14px;font-weight:700;color:var(--black);margin-bottom:3px}
.sc-impact{font-size:12px;color:var(--text);line-height:1.55}
.sc-status{flex-shrink:0;font-size:9px;font-weight:600;padding:4px 12px;border-radius:20px;background:var(--inner);border:1px solid var(--border);color:var(--muted);white-space:nowrap}

/* === CONFLICT / HUMAN COST === */
.conflict-total{text-align:center;padding:16px;background:linear-gradient(135deg,rgba(220,38,38,.04),rgba(220,38,38,.02));border:1px solid rgba(220,38,38,.08);border-radius:var(--radius);margin-bottom:12px}
.ct-num{display:block;font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:1.8rem;font-weight:900;color:var(--red)}
.ct-label{display:block;font-size:12px;color:var(--text);margin-top:2px}
.ct-days{display:block;font-size:11px;color:var(--muted);margin-top:4px}

.casualty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.cas-card{padding:12px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);border-left:3px solid var(--muted);box-shadow:var(--shadow)}
.cas-country{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}
.cas-num{font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:1.15rem;font-weight:800;color:var(--black);margin:3px 0}
.cas-injured{font-size:13px;font-weight:700;color:var(--amber);margin-bottom:2px}
.cas-detail{font-size:13px;color:var(--text);line-height:1.55}
.cas-src{font-size:11px;color:var(--muted);margin-top:6px;padding-top:6px;border-top:1px solid var(--border);opacity:.8}
.cas-src a{color:var(--accent);text-decoration:none}
.cas-src a:hover{text-decoration:underline}

/* === HUMANITARIAN IMPACT === */
.humanitarian-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.human-card{padding:12px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;position:relative;overflow:hidden}
.human-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
.hc-icon{font-size:1.3rem;margin-bottom:4px}
.hc-val{font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:1.3rem;font-weight:800;color:var(--red)}
.hc-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:2px 0 6px}
.hc-detail{font-size:13px;color:var(--text);line-height:1.55;text-align:left}

/* Section source */
.sec-source{font-size:10px;color:var(--muted);margin-top:8px;opacity:.7}
.sec-source a{color:var(--accent);text-decoration:none}
.sec-source a:hover{text-decoration:underline}

/* Footer (matching main dashboard) */
.site-footer{background:#0d0d0d;margin-top:24px}
.footer-inner{max-width:1280px;margin:0 auto;padding:0 20px}
.ft-top{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.ft-logo img{height:22px;opacity:.65;transition:.2s}
.ft-logo:hover img{opacity:1}
.ft-links{display:flex;gap:24px}
.ft-links a{font-size:12px;font-weight:500;color:rgba(255,255,255,.55);transition:.2s;letter-spacing:.2px}
.ft-links a:hover{color:#fff}
.ft-social{display:flex;gap:4px}
.ft-social a{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:rgba(255,255,255,.25);font-size:12px;transition:.2s}
.ft-social a:hover{background:rgba(255,255,255,.08);color:#fff}
.ft-sources{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.ft-sources::-webkit-scrollbar{display:none}
.ft-src-label{font-size:8px;font-weight:700;letter-spacing:1.5px;color:rgba(255,255,255,.4);text-transform:uppercase;white-space:nowrap;flex-shrink:0}
.ft-src-items{display:flex;gap:20px;flex:1}
.ft-src{font-size:10px;color:rgba(255,255,255,.5);display:flex;align-items:center;gap:5px;white-space:nowrap}
.ft-src strong{color:rgba(255,255,255,.7);font-weight:600}
.ft-src em{font-style:normal;color:#00A880;font-weight:700;font-size:9px;letter-spacing:.5px}
.ft-dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.15);flex-shrink:0}
.ft-dot.live{background:#00A880;box-shadow:0 0 4px rgba(0,168,128,.4)}
.ft-disclaimer-short{text-align:center;padding:10px 0 0;font-size:11px;color:rgba(255,255,255,.55);font-weight:500;letter-spacing:.2px}
.ft-disclaimer{padding:10px 0;font-size:10px;color:rgba(255,255,255,.45);line-height:1.6;text-align:center;max-width:960px;margin:0 auto}
.ft-disclaimer strong{color:rgba(255,255,255,.6);font-weight:700}
.ft-bottom{text-align:center;padding:8px 0;font-size:9px;color:rgba(255,255,255,.35);border-top:1px solid rgba(255,255,255,.06)}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){.price-grid{grid-template-columns:repeat(2,1fr)}.tanker-grid{grid-template-columns:1fr}.casualty-grid{grid-template-columns:repeat(2,1fr)}.humanitarian-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){
    .rl-sep{display:none}
    .rl-exposed{width:100%;text-align:center;margin-top:2px}
    .anchor-nav{top:48px}
    .price-grid{grid-template-columns:1fr}
    .summary-bar{grid-template-columns:repeat(2,1fr)}
    .world-map{height:280px}
    .nav-links{display:none}
    .dash-nav{display:none}
    .home-link{display:none}
    .hamburger{display:block}
    .header-right{margin-left:auto;gap:8px}
    .main{padding:0 12px 30px}
    .header-inner{padding:0 12px;height:48px}
    .logo-img{height:26px}
    .ripple-container{max-width:100%}
    .node-dot{width:28px;height:28px;font-size:8px}
    .node-name{font-size:9px}
    .epicenter{width:46px;height:46px;font-size:8px}
    .pc-val{font-size:1.2rem}
    .card{padding:14px}
    .bf-headline{font-size:1rem}
    .casualty-grid{grid-template-columns:1fr}
    .humanitarian-grid{grid-template-columns:1fr}
    .footer-inner{padding:0 12px}
    .ft-top{flex-wrap:wrap;gap:10px;justify-content:space-between;padding:14px 0}
    .ft-social{width:100%;justify-content:center;padding-top:6px;border-top:1px solid rgba(255,255,255,.06)}
    .ft-social a{width:28px;height:28px}
    .ft-links{gap:12px}
    .ft-links a{font-size:11px}
    .ft-sources{flex-wrap:wrap;gap:6px;padding:10px 0}
    .ft-src-items{flex-wrap:wrap;gap:6px 14px}
    .ft-disclaimer{font-size:9px;padding:8px 0}
    .ft-bottom{font-size:8px}
}
@media(max-width:480px){
    .summary-bar{grid-template-columns:1fr}
    .world-map{height:240px}
    .node-dot{width:24px;height:24px;font-size:7px}
    .epicenter{width:38px;height:38px;font-size:7px}
}