, and a div with class "market-snapshot". We need to translate the text inside the div but keep the styles and structure. The div contains headings and labels like "Market Data Snapshot", "24h Change", etc. We'll translate those.
Let's go through the content:
First paragraph: "More than 180,000 customers in Puerto Rico are living through rotating 48-hour water outages as a severe drought and aging infrastructure push the island's water system to its breaking point. Resident Commissioner Pablo José Hernández has asked the federal government to declare an emergency, saying years of mismanagement made the crisis worse."
Translation: "Понад 180 000 клієнтів у Пуерто-Рико переживають ротаційні 48-годинні відключення води, оскільки сильна посуха та застаріла інфраструктура доводять водну систему острова до критичної точки. Резидент-комісар Пабло Хосе Ернандес звернувся до федерального уряду з проханням оголосити надзвичайний стан, заявивши, що роки безгосподарності погіршили кризу."
Note: "Resident Commissioner" is a specific title, we can keep as "резидент-комісар" or just "комісар-резидент"? In Ukrainian, it's often "резидентний комісар" but better to keep as is? Since it's a proper title, we can translate as "резидент-комісар". Alternatively, we can say "представник острова в Конгресі" but that's not exact. Let's use "резидент-комісар" as it's a known term. Also, "Pablo José Hernández" we keep as is.
Next h2: "The scope of the outages" -> "Масштаб відключень"
Paragraph: "Water service is being cut off in a rotating pattern across the island, leaving neighborhoods without taps for two full days at a time. The outages are a direct response to a drought that has drained reservoirs, but they've also exposed the fragility of a network that loses a large share of its water to leaks and poor upkeep. For many residents, the disruption is more than an inconvenience — it complicates everything from cooking to basic hygiene."
Translation: "Воду відключають за ротаційним графіком по всьому острову, залишаючи райони без водопроводу на два повні дні. Відключення є прямою відповіддю на посуху, яка висушила водосховища, але вони також виявили крихкість мережі, яка втрачає значну частину води через витоки та погане обслуговування. Для багатьох мешканців ці перебої — більше, ніж незручність: вони ускладнюють усе, від приготування їжі до базової гігієни."
Now the market snapshot div. It has a heading "📊 Market Data Snapshot" -> "📊 Знімок ринкових даних" or "📊 Огляд ринкових даних". We'll use "Огляд ринкових даних". Then four blocks: "24h Change" -> "Зміна за 24 години", "7d Change" -> "Зміна за 7 днів", "Fear & Greed" -> "Страх і жадібність", "Sentiment" -> "Настрій". Then values: "+0.10%", "-3.20%", "34 Fear" -> "34 Страх", "🔴 slightly bearish" -> "🔴 помірно ведмежий" (or "трохи ведмежий"). Then Bitcoin line: "Bitcoin (BTC):" keep as is, "$63,006" keep, "Rank #1" -> "Ранг #1". We need to preserve the inline styles exactly, so we only change the text content.
Next h2: "Hernández calls for federal help" -> "Ернандес закликає до федеральної допомоги"
Paragraph: "Hernández, the island's non-voting representative in Congress, formally requested a federal emergency declaration this week. He didn't mince words, blaming the situation on 'poor management' that, in his view, turned a drought into a full-blown crisis. 'We need to hold local officials accountable,' he said, pointing to a pattern of neglect that has left the island's infrastructure vulnerable. A federal declaration would unlock additional resources and speed up repairs, but it also puts the spotlight on local governance failures."
Translation: "Ернандес, представник острова без права голосу в Конгресі, офіційно подав запит на оголошення федерального надзвичайного стану цього тижня. Він не добирає слів, звинувачуючи ситуацію в 'поганому управлінні', яке, на його думку, перетворило посуху на повномасштабну кризу. 'Нам потрібно притягти місцевих чиновників до відповідальності', — сказав він, вказуючи на модель недбальства, яка залишила інфраструктуру острова вразливою. Федеральне оголошення дозволило б залучити додаткові ресурси та пришвидшити ремонт, але також привертає увагу до провалів місцевого управління."
Note: "non-voting representative" - we can say "представник без права голосу" or "неголосуючий представник". We'll use "без права голосу".
Next h2: "Infrastructure under strain" -> "Інфраструктура під тиском"
Paragraph: "The water system in Puerto Rico has been crumbling for years. Pipes are old, pumping stations are unreliable, and maintenance has often been deferred. When drought reduces supply, the system has little slack. The result is a cascading failure that affects hundreds of thousands of people. This isn't the first time the island has faced water issues, but the current drought is severe enough to force extreme measures like the 48-hour rotations."
Translation: "Водна система Пуерто-Рико руйнується роками. Труби старі, насосні станції ненадійні, а технічне обслуговування часто відкладається. Коли посуха зменшує подачу води, система має мало запасу міцності. Результат — каскадний збій, який зачіпає сотні тисяч людей. Це не перший раз, коли острів стикається з проблемами води, але нинішня посуха досить серйозна, щоб змусити вдатися до крайніх заходів, таких як 48-годинні ротації."
Next h2: "A warning
