<![CDATA[
@keyframes hitv3sog-fadein{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes hitv3sog-slideup{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes hitv3sog-pulse{0%,100%{box-shadow:0 0 14px #dc262688}50%{box-shadow:0 0 32px #dc2626,0 0 60px #dc262655}}
@keyframes hitv3sog-shimmer{0%,100%{opacity:0.3;transform:scaleX(0.4)}50%{opacity:1;transform:scaleX(1)}}
@keyframes hitv3sog-glow{0%,100%{opacity:0.6}50%{opacity:1}}
@keyframes hitv3sog-badge{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}
]]>
<![CDATA[
.hitv3sogw{container-type:inline-size;width:100%;max-width:970px;margin:0 auto;box-sizing:border-box}
.hitv3soga{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;text-decoration:none;color:#fff;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,system-ui,sans-serif;position:relative;overflow:hidden;cursor:pointer;background:linear-gradient(135deg,#111118 0%,#080808 100%);border:1.5px solid rgba(255,255,255,0.08);border-radius:14px;gap:20px;padding:20px 40px;transition:border-color .2s}
.hitv3soga:hover{border-color:#dc262688}
.hitv3sogg1{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(220,38,38,0.35),transparent 65%);pointer-events:none;z-index:0}
.hitv3sogg2{position:absolute;bottom:0;left:0;right:0;height:45%;background:radial-gradient(ellipse at 50% 100%,rgba(220,38,38,0.15),transparent 70%);pointer-events:none;z-index:0}
.hitv3soggl{position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,#dc262666,transparent);z-index:0}
.hitv3sogc{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0}
.hitv3sogh{font-size:24px;font-weight:800;line-height:1.15;letter-spacing:-.03em;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.4);margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hitv3sogs{font-size:13px;color:rgba(255,255,255,.6);line-height:1.4;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hitv3sogbl{display:none;flex-direction:column;gap:5px;margin-top:9px;align-self:flex-start}
.hitv3sogbi{display:flex;align-items:center;font-size:11px;color:rgba(255,255,255,.55);font-weight:500}
.hitv3sogct{position:relative;z-index:1;flex-shrink:0;display:flex;flex-direction:column;align-items:center}
.hitv3sogbtn{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;background:#dc2626;background-image:linear-gradient(180deg,rgba(255,255,255,.12) 0%,transparent 100%);color:#fff;font-size:14px;font-weight:700;border-radius:8px;white-space:nowrap;box-shadow:0 0 20px #dc262666;border:none;cursor:pointer;font-family:inherit;transition:filter .15s,transform .15s}
.hitv3sogbtn:hover{filter:brightness(1.15);transform:scale(1.04)}
.hitv3sogbr{font-size:9px;color:rgba(255,255,255,.18);text-align:center;margin-top:5px;letter-spacing:.1em;text-transform:uppercase}
/* ── Compact horizontal: 380–599px (like 320×100) ── */
@container (min-width:380px) and (max-width:599px){
.hitv3soga{padding:12px 22px;gap:12px;min-height:100px}
.hitv3sogh{font-size:16px}
.hitv3sogs{display:none}
.hitv3sogbtn{padding:7px 16px;font-size:11px}
}
/* ── Mobile/card: = 600px (leaderboard style) ── */
@container (min-width:600px){
.hitv3soga{min-height:90px}
}
]]
LONDON — Countries that suffered significant economic losses during the recent Iran conflict are now striving to build domestic oil and gas storage buffers to withstand future disruptions. This effort could generate demand for approximately half a billion additional barrels of oil.
The near-total closure of the Strait of Hormuz, which cut off about 20% of global oil and liquefied natural gas (LNG) supplies for over…
