Saudi–Houthi Conflict: Why It Matters for India
* {
box-sizing: border-box;
}
body {
margin: 0;
padding: 20px;
background: #f1f5f9;
color: #172033;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.5;
}
.dashboard {
max-width: 1050px;
margin: 0 auto;
color: #172033;
}
/* HEADER */
.hero {
padding: 30px;
border-radius: 20px;
color: #ffffff;
background: linear-gradient(120deg, #102c50, #126c86);
}
.hero h1 {
margin: 0 0 8px;
color: #ffffff;
font-size: clamp(25px, 4vw, 38px);
line-height: 1.2;
}
.hero p {
margin: 0;
color: #e5f3ff;
}
.hero .pill {
display: inline-block;
padding: 5px 12px;
margin-bottom: 12px;
border-radius: 20px;
background: rgba(255, 255, 255, 0.17);
color: #ffffff;
font-size: 12px;
font-weight: bold;
}
/* HERO TOPIC TILES */
.flow {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: center;
gap: 10px;
margin-top: 22px;
}
.node {
flex: 1 1 130px;
padding: 15px 10px;
text-align: center;
background: #ffffff;
color: #172033;
border: 1px solid #dce4ef;
border-radius: 14px;
font-size: 14px;
font-weight: bold;
}
.node .emoji {
display: block;
margin-bottom: 5px;
font-size: 28px;
}
/* MAIN GRID */
.grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
margin-top: 18px;
}
.card {
min-width: 0;
padding: 20px;
border-radius: 16px;
background: #ffffff;
color: #172033;
border: 1px solid #e2e8f0;
box-shadow: 0 3px 12px rgba(23, 32, 51, 0.05);
}
.card h2 {
margin: 0 0 14px;
color: #172033;
font-size: 19px;
line-height: 1.35;
}
.card p {
color: #334155;
}
.blue {
border-top: 5px solid #3182ce;
}
.red {
border-top: 5px solid #e05252;
}
.purple {
border-top: 5px solid #8b5cf6;
}
.green {
border-top: 5px solid #16a36a;
}
.orange {
border-top: 5px solid #e99a24;
}
/* TIMELINE */
.timeline {
position: relative;
margin-left: 9px;
padding-left: 22px;
border-left: 3px solid #cbd5e1;
}
.event {
position: relative;
margin-bottom: 18px;
color: #334155;
}
.event:last-child {
margin-bottom: 8px;
}
.event::before {
content: "";
position: absolute;
left: -30px;
top: 5px;
width: 12px;
height: 12px;
border-radius: 50%;
background: #3182ce;
border: 2px solid #ffffff;
box-shadow: 0 0 0 1px #3182ce;
}
.year {
margin-bottom: 3px;
color: #2563a6;
font-weight: bold;
}
/* STATISTICS */
.stats {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.stat {
padding: 15px 8px;
border-radius: 12px;
text-align: center;
background: #fff1f0;
color: #172033;
}
.stat strong {
display: block;
color: #c73535;
font-size: 32px;
line-height: 1.3;
}
.stat span {
color: #334155;
font-size: 13px;
}
/* VISUAL IMPACT ROWS */
.visual {
display: flex;
align-items: center;
gap: 12px;
padding: 12px;
margin-top: 10px;
border-radius: 10px;
background: #f1f7fc;
color: #172033;
}
.visual p {
margin: 0;
color: #334155;
font-size: 14px;
}
.visual strong {
display: block;
margin-bottom: 3px;
color: #172033;
}
.emoji {
flex-shrink: 0;
font-size: 29px;
}
/* CAUSE-AND-EFFECT FLOW */
.mini-flow {
display: grid;
gap: 7px;
text-align: center;
}
.mini-flow div {
padding: 11px;
border-radius: 9px;
background: #f1f5f9;
color: #172033;
}
.mini-flow strong {
color: #172033;
}
.mini-flow .down {
padding: 0;
background: transparent;
color: #64748b;
font-size: 21px;
font-weight: bold;
line-height: 1.1;
}
/* TAKEAWAY FOOTER */
.takeaway {
margin-top: 18px;
padding: 24px;
color: #ffffff;
background: #102c50;
border-radius: 16px;
}
.takeaway h2 {
margin: 0 0 8px;
color: #ffffff;
font-size: 22px;
}
.takeaway p {
margin: 0;
color: #ffffff;
line-height: 1.7;
}
.takeaway strong {
color: #ffffff;
}
/* DISCLAIMER */
.note {
margin-top: 12px;
color: #64748b;
font-size: 12px;
}
/* RESPONSIVE LAYOUT */
@media (max-width: 650px) {
body {
padding: 10px;
}
.hero {
padding: 22px;
}
.grid {
grid-template-columns: 1fr;
}
.card {
padding: 16px;
}
.node {
flex-basis: calc(50% - 10px);
}
}
/* PRINT */
@media print {
body {
padding: 0;
background: #ffffff;
}
.hero,
.card,
.takeaway {
break-inside: avoid;
box-shadow: none;
print-color-adjust: exact;
-webkit-print-color-adjust: exact;
}
}
1. 🕒 How did the conflict escalate?
2014
Houthis take control of Sana'a.
2015
Saudi Arabia launches an air campaign.
2022
A ceasefire is agreed.
July 2026
According to the supplied account, the ceasefire collapses after a Saudi strike on Sana'a airport.
⚔️
Escalation
Houthi attacks on Saudi infrastructure and a ground offensive follow.
2. 👥 Humanitarian impact
2
Indians killed
14
Indians wounded
🧳
Pilgrims stranded
Thousands of Indian pilgrims face flight disruptions.
✈️
Travel disruption
The supplied account reports IndiGo cancellations on several Saudi routes.
🛥️
Safety at sea
Fourteen Indian nationals on a yacht near Yemen were reported safe.
3. 🚢 Maritime and energy exposure
🌊
Red Sea risk
Conflict near a major shipping corridor can threaten maritime movement.
🎯
Infrastructure under attack
The supplied account names Dammam airport and the Shaybah oilfield.
🛢️
Oil prices rise
Higher crude prices can increase India's import bill and inflation risks.
$120.08
Reported monthly average of India's crude basket, according to the supplied account
4. 🛑 Why military force may fail
💣 Repeated air strikes
↓
❌ No decisive defeat of the Houthis
↓
📈 Houthi capabilities persist
↓
⚠️ Prolonged conflict and wider insecurity
Core lesson:
Military pressure alone may not deliver lasting peace without a political settlement.
5. 🇮🇳 What does this mean for India?
🧑🤝🧑
People
Risks to Indian nationals, pilgrims and workers.
🚢
Trade
Shipping disruption can affect routes and delivery costs.
📈
Economy
Expensive oil can worsen inflation and increase the import bill.
🌐
Diplomacy
Regional instability complicates India's strategic interests.
6. 🕊️ India's response
🛟 Protect citizens
Evacuation plans and assistance for stranded pilgrims and vulnerable workers.
↓
🗣️ Diplomatic engagement
Condemn attacks and advocate regional stability.
↓
🤝 Promote dialogue
Engage Arab countries and Tehran for a political settlement.
↓
🚢 Secure supplies
Assess maritime risks and protect energy connectivity.
Study aid based on the supplied explanation. Verify current events,
casualty figures, flight information and oil-price data against reliable
sources before publication.