Create a super aesthetic, handwritten-style revision note page for the topic: [Hypertension]. Make it look like neat exam notes written on a page (top view, clean layout, colorful headings, underlines, boxes). Keep it crisp, high-yield, and exam-oriented. Use clear headings and organize content like this (modify if needed for topic): Definition Etiology Pathogenesis (flow/arrow style) Clinical features Key features Differential diagnosis Management Complications Key points / last-minute revision box Add simple diagrams or labeled sketches wherever helpful. Highlight important keywords. Include one memory trick / one-line summary Keep handwriting-style fonts, pastel colors, and clean spacing
Reading File
Finding Sources
Finding Sources
Reading File
Reading File
Finding Sources
Finding Sources
Reading File
Finding Sources
Finding Sources
Finding Sources
Reading File
Reading File
Reading File
Running Command
ls /home/daytona/workspace/ 2>/dev/null || echo "workspace empty or does not exist"
Writing File
~/hypertension-notes/hypertension_notes.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hypertension – Revision Notes</title>
<link href="https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&family=Patrick+Hand&family=Kalam:wght@300;400;700&display=swap" rel="stylesheet">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
background: #f0ece3;
font-family: 'Kalam', cursive;
padding: 30px 20px;
min-height: 100vh;
}
.page {
background: #fffdf5;
max-width: 960px;
margin: 0 auto;
padding: 50px 55px 60px 80px;
border-radius: 4px;
box-shadow: 3px 3px 20px rgba(0,0,0,0.15), -1px -1px 6px rgba(0,0,0,0.05);
position: relative;
/* ruled lines */
background-image:
linear-gradient(#e8e0d0 1px, transparent 1px),
linear-gradient(90deg, #f5a0a0 1px, transparent 1px);
background-size: 36px 36px, 100% 100%;
background-position: 0 68px, 62px 0;
}
/* Red margin line */
.page::before {
content: '';
position: absolute;
top: 0; left: 62px;
width: 2px;
height: 100%;
background: #f5a0a0;
border-radius: 1px;
}
/* Spiral holes */
.holes {
position: absolute;
top: 30px; left: -18px;
display: flex;
flex-direction: column;
gap: 60px;
}
.hole {
width: 22px; height: 22px;
background: #f0ece3;
border-radius: 50%;
border: 2px solid #ccc;
box-shadow: inset 1px 1px 3px rgba(0,0,0,0.15);
}
/* ── Title ── */
.page-title {
font-family: 'Caveat', cursive;
font-size: 42px;
font-weight: 700;
color: #2c3e6b;
text-align: center;
margin-bottom: 4px;
letter-spacing: 1px;
text-decoration: underline;
text-decoration-color: #7fb3f5;
text-decoration-thickness: 3px;
}
.page-subtitle {
font-family: 'Kalam', cursive;
font-size: 14px;
color: #888;
text-align: center;
margin-bottom: 28px;
}
/* ── Section headings ── */
.section-heading {
font-family: 'Caveat', cursive;
font-size: 22px;
font-weight: 700;
display: inline-block;
padding: 3px 14px 3px 10px;
border-radius: 4px;
margin-bottom: 10px;
margin-top: 4px;
letter-spacing: 0.5px;
}
.h-blue { background: #dbeeff; color: #1a5fa8; border-left: 4px solid #4a9ef5; }
.h-pink { background: #ffe0ec; color: #b0185a; border-left: 4px solid #f06292; }
.h-green { background: #d6f5e3; color: #1a7a40; border-left: 4px solid #4caf7d; }
.h-yellow { background: #fff3cc; color: #8a6200; border-left: 4px solid #f5c518; }
.h-purple { background: #ede0ff; color: #5a1a9a; border-left: 4px solid #9c64f5; }
.h-orange { background: #ffe8d5; color: #a03a00; border-left: 4px solid #f57c45; }
.h-teal { background: #d5f5f5; color: #006060; border-left: 4px solid #40c0c0; }
.h-red { background: #fde0e0; color: #900; border-left: 4px solid #e55; }
/* ── Content text ── */
.content { font-size: 15px; color: #333; line-height: 1.75; margin-bottom: 6px; }
.content ul { padding-left: 20px; }
.content ul li { margin-bottom: 3px; }
.content ul li::marker { color: #aaa; }
/* ── Highlight ── */
.hl-yellow { background: #fff176; padding: 0 3px; border-radius: 3px; font-weight: 600; }
.hl-pink { background: #ffc1d8; padding: 0 3px; border-radius: 3px; font-weight: 600; }
.hl-blue { background: #b3d9ff; padding: 0 3px; border-radius: 3px; font-weight: 600; }
.hl-green { background: #b8f0cd; padding: 0 3px; border-radius: 3px; font-weight: 600; }
.hl-orange { background: #ffd199; padding: 0 3px; border-radius: 3px; font-weight: 600; }
/* ── Divider ── */
.divider {
border: none;
border-top: 1.5px dashed #ccc;
margin: 18px 0 14px 0;
}
/* ── Two-column layout ── */
.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 0; }
.three-col { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; margin-bottom: 0; }
/* ── Box / Card ── */
.box {
border-radius: 8px;
padding: 12px 14px;
margin-bottom: 12px;
}
.box-blue { background: #eaf4ff; border: 1.5px solid #7ab8f5; }
.box-pink { background: #fff0f5; border: 1.5px solid #f5a0c0; }
.box-green { background: #eafaf0; border: 1.5px solid #6dcc95; }
.box-yellow { background: #fffaeb; border: 1.5px solid #f5d060; }
.box-purple { background: #f5eeff; border: 1.5px solid #b08ae0; }
.box-orange { background: #fff6ee; border: 1.5px solid #f5a060; }
.box-red { background: #fff0f0; border: 2px solid #e55; }
.box-teal { background: #eafafa; border: 1.5px solid #60c0c0; }
.box-title {
font-family: 'Caveat', cursive;
font-size: 16px;
font-weight: 700;
margin-bottom: 6px;
}
/* ── Arrow flow ── */
.flow {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px;
font-size: 14px;
color: #333;
margin: 6px 0;
line-height: 1.5;
}
.flow-step {
background: #fff;
border: 1.5px solid #aaa;
border-radius: 6px;
padding: 4px 10px;
font-size: 13.5px;
white-space: nowrap;
}
.flow-step.blue { border-color: #4a9ef5; background: #eaf4ff; }
.flow-step.pink { border-color: #f06292; background: #fff0f5; }
.flow-step.green { border-color: #4caf7d; background: #eafaf0; }
.flow-step.yellow { border-color: #f5c518; background: #fffaeb; }
.flow-step.orange { border-color: #f57c45; background: #fff6ee; }
.flow-step.purple { border-color: #9c64f5; background: #f5eeff; }
.flow-step.red { border-color: #e55; background: #fff0f0; }
.arrow { font-size: 18px; color: #888; line-height: 1; }
/* ── Table ── */
table.notes-table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
margin: 8px 0;
}
table.notes-table th {
background: #dbeeff;
color: #1a5fa8;
font-family: 'Caveat', cursive;
font-size: 16px;
padding: 6px 10px;
border: 1.5px solid #9ec8f5;
text-align: left;
}
table.notes-table td {
padding: 5px 10px;
border: 1px solid #d0d8e8;
vertical-align: top;
}
table.notes-table tr:nth-child(even) td { background: #f5f9ff; }
/* ── Mnemonic / memory box ── */
.mnemonic-box {
background: linear-gradient(135deg, #fff9e6, #fff0fa);
border: 2px dashed #f0b040;
border-radius: 10px;
padding: 14px 18px;
margin: 14px 0 8px 0;
position: relative;
}
.mnemonic-box .star {
position: absolute;
top: -12px; left: 14px;
font-size: 22px;
}
.mnemonic-title {
font-family: 'Caveat', cursive;
font-size: 17px;
font-weight: 700;
color: #c07000;
margin-bottom: 5px;
}
/* ── Last-minute revision box ── */
.lastmin-box {
background: linear-gradient(135deg, #fff0f5, #f0f5ff);
border: 2.5px solid #d060a0;
border-radius: 10px;
padding: 16px 20px;
margin-top: 16px;
}
.lastmin-title {
font-family: 'Caveat', cursive;
font-size: 20px;
font-weight: 700;
color: #c0105a;
margin-bottom: 10px;
display: flex;
align-items: center;
gap: 6px;
}
.lastmin-box ul { padding-left: 20px; }
.lastmin-box li { margin-bottom: 5px; font-size: 14.5px; }
/* ── Sketch/diagram ── */
.sketch {
font-family: 'Kalam', cursive;
font-size: 13px;
color: #444;
text-align: center;
margin: 8px 0;
}
.sketch svg { display: block; margin: 0 auto; }
/* ── Tag pills ── */
.tag {
display: inline-block;
border-radius: 20px;
padding: 2px 10px;
font-size: 12.5px;
margin: 2px 3px 2px 0;
font-family: 'Kalam', cursive;
}
.tag-blue { background: #dbeeff; color: #1a5fa8; border: 1px solid #7ab8f5; }
.tag-pink { background: #ffe0ec; color: #b0185a; border: 1px solid #f06292; }
.tag-green { background: #d6f5e3; color: #1a7a40; border: 1px solid #4caf7d; }
.tag-orange { background: #ffe8d5; color: #a03a00; border: 1px solid #f57c45; }
.tag-red { background: #fde0e0; color: #900; border: 1px solid #e55; }
/* underline decoration */
.underline-blue { border-bottom: 2.5px solid #4a9ef5; display: inline; }
.underline-pink { border-bottom: 2.5px solid #f06292; display: inline; }
.underline-green { border-bottom: 2.5px solid #4caf7d; display: inline; }
/* small note */
.note-sm { font-size: 12.5px; color: #888; font-style: italic; }
/* section gap */
.sec { margin-bottom: 22px; }
/* dotted separator */
.dot-sep { color: #ccc; font-size: 20px; margin: 0 5px; }
</style>
</head>
<body>
<div class="page">
<!-- spiral holes -->
<div class="holes">
<div class="hole"></div><div class="hole"></div><div class="hole"></div>
<div class="hole"></div><div class="hole"></div><div class="hole"></div>
<div class="hole"></div><div class="hole"></div><div class="hole"></div>
<div class="hole"></div><div class="hole"></div><div class="hole"></div>
</div>
<!-- ═══ TITLE ═══ -->
<div class="page-title">🩺 Hypertension</div>
<div class="page-subtitle">High-Yield Exam Notes · Internal Medicine / Pharmacology · 2025–26</div>
<hr class="divider">
<!-- ═══ 1. DEFINITION ═══ -->
<div class="sec">
<div class="section-heading h-blue">① Definition</div>
<div class="content">
Sustained elevation of arterial blood pressure ≥ <span class="hl-yellow">130/80 mmHg</span> (2017 ACC/AHA guideline).
<br>
<span class="note-sm">Previously: ≥ 140/90 mmHg (JNC-7). Know <em>both</em> for exams!</span>
</div>
<!-- BP classification table -->
<table class="notes-table" style="margin-top:10px;">
<tr>
<th>Category</th><th>Systolic (mmHg)</th><th>Diastolic (mmHg)</th>
</tr>
<tr><td>Normal</td><td>< 120</td><td>< 80</td></tr>
<tr><td><span class="hl-green">Elevated</span></td><td>120–129</td><td>< 80</td></tr>
<tr><td><span class="hl-yellow">Stage I HTN</span></td><td>130–139</td><td>80–89</td></tr>
<tr><td><span class="hl-orange">Stage II HTN</span></td><td>≥ 140</td><td>≥ 90</td></tr>
<tr><td><span class="hl-pink">Hypertensive Crisis</span></td><td>≥ 180</td><td>≥ 120</td></tr>
</table>
<div class="note-sm" style="margin-top:4px;">* CVD risk doubles with every ↑ 20/10 mmHg above 115/75 mmHg</div>
</div>
<hr class="divider">
<!-- ═══ 2. ETIOLOGY ═══ -->
<div class="sec">
<div class="section-heading h-pink">② Etiology</div>
<div class="two-col">
<div class="box box-pink">
<div class="box-title" style="color:#b0185a;">🔵 Primary / Essential HTN</div>
<div class="content">
<ul>
<li><span class="hl-pink">90–95%</span> of all cases</li>
<li>Multifactorial – genetic + environmental</li>
<li>No single identifiable cause</li>
<li>Risk factors: age, obesity, ↑ salt, alcohol, smoking, family Hx, sedentary lifestyle, stress</li>
<li>Heritability ~<span class="hl-yellow">30%</span></li>
</ul>
</div>
</div>
<div class="box box-blue">
<div class="box-title" style="color:#1a5fa8;">🔴 Secondary HTN (~5–10%)</div>
<div class="content">
<ul>
<li><b>Renal:</b> RAS, glomerulonephritis, polycystic kidney, renal vasculitis</li>
<li><b>Endocrine:</b> <span class="hl-yellow">Conn's</span> (1° aldosteronism), <span class="hl-pink">phaeochromocytoma</span>, Cushing's, hyperthyroidism, acromegaly</li>
<li><b>Cardiovascular:</b> Coarctation of aorta</li>
<li><b>Drugs:</b> OCP, NSAIDs, steroids, sympathomimetics</li>
<li><b>Sleep apnea</b></li>
<li><b>Pregnancy:</b> Preeclampsia</li>
</ul>
</div>
</div>
</div>
<div class="sketch" style="margin-top:4px;">
<span class="tag tag-orange">⚡ Clue to 2° HTN:</span>
Young pt, resistant to ≥3 drugs, hypokalaemia, headache/palpitation episodes → investigate!
</div>
</div>
<hr class="divider">
<!-- ═══ 3. PATHOGENESIS ═══ -->
<div class="sec">
<div class="section-heading h-green">③ Pathogenesis (Flow)</div>
<div class="content note-sm" style="margin-bottom:8px;">BP = CO × PVR | ↑ BP = ↑ CO and/or ↑ PVR</div>
<!-- RAAS pathway -->
<div style="font-family:'Caveat',cursive; font-size:14px; color:#1a7a40; font-weight:700; margin-bottom:4px;">RAAS Pathway →</div>
<div class="flow">
<div class="flow-step blue">↓ Renal Perfusion</div><div class="arrow">→</div>
<div class="flow-step blue">Renin ↑ (JGA)</div><div class="arrow">→</div>
<div class="flow-step green">Angiotensinogen → Ang I</div><div class="arrow">→</div>
<div class="flow-step green">ACE (lung) → <span class="hl-green">Ang II</span></div><div class="arrow">→</div>
<div class="flow-step yellow">Vasoconstriction ↑ PVR</div>
<br>
<div class="flow-step orange">Ang II → Adrenal Cortex</div><div class="arrow">→</div>
<div class="flow-step orange">Aldosterone ↑</div><div class="arrow">→</div>
<div class="flow-step red">Na⁺ & H₂O retention ↑</div><div class="arrow">→</div>
<div class="flow-step red">↑ CO → ↑ BP</div>
</div>
<!-- SNS pathway -->
<div style="font-family:'Caveat',cursive; font-size:14px; color:#b0185a; font-weight:700; margin-top:10px; margin-bottom:4px;">SNS Activation →</div>
<div class="flow">
<div class="flow-step pink">Stress / Obesity</div><div class="arrow">→</div>
<div class="flow-step pink">↑ SNS activity</div><div class="arrow">→</div>
<div class="flow-step pink">↑ HR, ↑ contractility</div><div class="arrow">→</div>
<div class="flow-step red">↑ CO</div>
</div>
<div class="flow">
<div class="flow-step pink">↑ Renal SNS</div><div class="arrow">→</div>
<div class="flow-step orange">↑ Na⁺ retention</div><div class="arrow">→</div>
<div class="flow-step orange">↑ Renin secretion</div><div class="arrow">→</div>
<div class="flow-step red">↑ RAAS cascade</div>
</div>
<!-- Vascular remodelling -->
<div style="font-family:'Caveat',cursive; font-size:14px; color:#5a1a9a; font-weight:700; margin-top:10px; margin-bottom:4px;">Vascular Remodelling (chronic) →</div>
<div class="flow">
<div class="flow-step purple">↑ Ang II + Endothelin-1</div><div class="arrow">→</div>
<div class="flow-step purple">Smooth muscle hypertrophy</div><div class="arrow">→</div>
<div class="flow-step purple">↑ PVR</div><div class="arrow">→</div>
<div class="flow-step red">Sustained ↑ BP</div>
</div>
<div class="note-sm" style="margin-top:6px;">↓ Nitric oxide (vasodilator) + ↑ Endothelin-1 (vasoconstrictor) = endothelial dysfunction</div>
</div>
<hr class="divider">
<!-- ═══ 4. CLINICAL FEATURES ═══ -->
<div class="sec">
<div class="section-heading h-yellow">④ Clinical Features</div>
<div class="two-col">
<div class="box box-yellow">
<div class="box-title" style="color:#8a6200;">😐 Usually Asymptomatic!</div>
<div class="content">
<ul>
<li>Called the <span class="hl-yellow">"Silent Killer"</span></li>
<li>Detected on routine BP check</li>
<li>Headache (occipital, morning) — <em>late sign</em></li>
<li>Dizziness / blurred vision</li>
<li>Epistaxis (nosebleed)</li>
<li>Tinnitus, palpitations</li>
</ul>
</div>
</div>
<div class="box box-red">
<div class="box-title" style="color:#900;">🚨 Hypertensive Emergency Signs</div>
<div class="content">
<ul>
<li>BP ≥ <span class="hl-pink">180/120</span> mmHg + end-organ damage</li>
<li>Encephalopathy / altered consciousness</li>
<li>Papilledema (optic disc swelling)</li>
<li>Acute heart failure / pulmonary oedema</li>
<li>AKI (haematuria, ↑ Cr)</li>
<li>Aortic dissection</li>
<li>Seizures</li>
</ul>
</div>
</div>
</div>
<div class="content" style="margin-top:4px;">
<b>Exam findings:</b>
<span class="tag tag-blue">LVH on ECG</span>
<span class="tag tag-blue">S4 gallop</span>
<span class="tag tag-blue">Fundoscopy: AV nipping, silver wiring, flame haemorrhages</span>
<span class="tag tag-pink">Renal bruits (RAS)</span>
</div>
</div>
<hr class="divider">
<!-- ═══ 5. KEY FEATURES / DIAGNOSIS ═══ -->
<div class="sec">
<div class="section-heading h-teal">⑤ Key Features & Diagnosis</div>
<div class="two-col">
<div class="content">
<b>How to diagnose:</b>
<ul>
<li>≥ 2 readings on ≥ 2 occasions</li>
<li><span class="hl-blue">ABPM</span> (ambulatory BP monitoring) — gold standard to exclude white-coat HTN</li>
<li><span class="hl-blue">HBPM</span> (home BP monitoring) — acceptable alternative</li>
<li>Both arms measured; use higher reading</li>
</ul>
<br>
<b>Workup:</b>
<ul>
<li>U&E, Cr, eGFR (renal function)</li>
<li>Fasting glucose + lipids</li>
<li>Urinalysis (protein, RBCs)</li>
<li>ECG (LVH, arrhythmia)</li>
<li>Fundoscopy</li>
<li>Echo if LVH suspected</li>
</ul>
</div>
<!-- Sketch: fundoscopy grades -->
<div class="box box-teal" style="font-size:13.5px;">
<div class="box-title" style="color:#006060;">👁 Keith-Wagener-Barker (Fundoscopy) Grades</div>
<table style="width:100%; font-size:12.5px; border-collapse:collapse;">
<tr style="background:#d5f5f5;"><th style="padding:3px 6px; border:1px solid #aaa;">Grade</th><th style="padding:3px 6px; border:1px solid #aaa;">Finding</th></tr>
<tr><td style="padding:3px 6px; border:1px solid #ddd;">I</td><td style="padding:3px 6px; border:1px solid #ddd;">Silver wiring of arterioles</td></tr>
<tr><td style="padding:3px 6px; border:1px solid #ddd;">II</td><td style="padding:3px 6px; border:1px solid #ddd;">AV nipping (nicking)</td></tr>
<tr><td style="padding:3px 6px; border:1px solid #ddd;">III</td><td style="padding:3px 6px; border:1px solid #ddd;"><span class="hl-orange">Flame haemorrhages + Cotton-wool spots</span></td></tr>
<tr><td style="padding:3px 6px; border:1px solid #ddd;">IV</td><td style="padding:3px 6px; border:1px solid #ddd;"><span class="hl-pink">Papilledema</span> → Malignant HTN!</td></tr>
</table>
</div>
</div>
</div>
<hr class="divider">
<!-- ═══ 6. DIFFERENTIAL DIAGNOSIS ═══ -->
<div class="sec">
<div class="section-heading h-purple">⑥ Differential Diagnosis</div>
<div class="three-col">
<div class="box box-purple">
<div class="box-title" style="color:#5a1a9a;">🧪 Renal</div>
<div class="content" style="font-size:13.5px;">
<ul>
<li>Renal artery stenosis</li>
<li>Chronic kidney disease</li>
<li>Polycystic kidney disease</li>
<li>Glomerulonephritis</li>
</ul>
</div>
</div>
<div class="box box-orange">
<div class="box-title" style="color:#a03a00;">⚗️ Endocrine</div>
<div class="content" style="font-size:13.5px;">
<ul>
<li>Primary hyperaldosteronism (Conn's)</li>
<li>Phaeochromocytoma</li>
<li>Cushing's syndrome</li>
<li>Hyperthyroidism</li>
<li>Acromegaly</li>
</ul>
</div>
</div>
<div class="box box-pink">
<div class="box-title" style="color:#b0185a;">💊 Other</div>
<div class="content" style="font-size:13.5px;">
<ul>
<li>Coarctation of aorta</li>
<li>Preeclampsia</li>
<li>Obstructive sleep apnoea</li>
<li>Drug-induced (OCP, NSAIDs)</li>
<li>White-coat HTN</li>
</ul>
</div>
</div>
</div>
</div>
<hr class="divider">
<!-- ═══ 7. MANAGEMENT ═══ -->
<div class="sec">
<div class="section-heading h-orange">⑦ Management</div>
<!-- Lifestyle -->
<div class="box box-green" style="margin-bottom:10px;">
<div class="box-title" style="color:#1a7a40;">🏃 Step 1 — Lifestyle Modifications (ALL patients)</div>
<div class="content" style="font-size:13.5px;">
<span class="tag tag-green">↓ Salt (<6g/day)</span>
<span class="tag tag-green">DASH diet</span>
<span class="tag tag-green">Exercise ≥30 min/day</span>
<span class="tag tag-green">↓ Alcohol</span>
<span class="tag tag-green">Stop smoking</span>
<span class="tag tag-green">Weight loss</span>
<span class="tag tag-green">↓ Stress</span>
</div>
</div>
<!-- Drug therapy table -->
<div class="box box-blue">
<div class="box-title" style="color:#1a5fa8;">💊 Step 2 — Pharmacotherapy</div>
<table class="notes-table">
<tr>
<th>Class</th><th>Drug Example</th><th>1st Line For</th><th>Avoid In</th>
</tr>
<tr>
<td><span class="hl-blue">ACE inhibitor</span></td>
<td>Ramipril, Enalapril</td>
<td>DM, CKD, post-MI, HF</td>
<td>Pregnancy, bilateral RAS, hyperkalaemia</td>
</tr>
<tr>
<td><span class="hl-blue">ARB</span></td>
<td>Losartan, Valsartan</td>
<td>ACEi-intolerant (dry cough)</td>
<td>Pregnancy, bilateral RAS</td>
</tr>
<tr>
<td><span class="hl-green">CCB</span> (dihydropyridine)</td>
<td>Amlodipine, Nifedipine</td>
<td>Elderly, isolated systolic, angina</td>
<td>HF with reduced EF</td>
</tr>
<tr>
<td><span class="hl-yellow">Thiazide diuretic</span></td>
<td>Chlorthalidone, HCTZ</td>
<td>Elderly, osteoporosis, Black pts</td>
<td>Gout, hyponatraemia</td>
</tr>
<tr>
<td><span class="hl-pink">β-blocker</span></td>
<td>Atenolol, Carvedilol</td>
<td>Post-MI, HF, arrhythmia, angina</td>
<td>Asthma, COPD, heart block</td>
</tr>
<tr>
<td><span class="hl-orange">Aldosterone antag.</span></td>
<td>Spironolactone</td>
<td>Resistant HTN, HF</td>
<td>Hyperkalaemia, CKD severe</td>
</tr>
</table>
</div>
<!-- Step-up -->
<div style="margin-top:10px;">
<div style="font-family:'Caveat',cursive; font-size:15px; font-weight:700; color:#a03a00; margin-bottom:5px;">📋 AHA/ACC Step-Up Approach:</div>
<div class="flow">
<div class="flow-step green">Lifestyle ×3–6 months</div><div class="arrow">→</div>
<div class="flow-step blue">1 drug (ACEi / ARB / CCB / Thiazide)</div><div class="arrow">→</div>
<div class="flow-step yellow">2 drugs (combination)</div><div class="arrow">→</div>
<div class="flow-step orange">3 drugs (triple combo)</div><div class="arrow">→</div>
<div class="flow-step red">Resistant HTN → add Spironolactone / refer</div>
</div>
</div>
<!-- Target BPs -->
<div class="box box-yellow" style="margin-top:10px; font-size:13.5px;">
<div class="box-title" style="color:#8a6200;">🎯 BP Targets</div>
General: <span class="hl-yellow"><130/80</span> |
CKD + proteinuria: <span class="hl-orange"><125/75</span> |
Elderly (≥65): <span class="hl-green"><130/80</span> |
Pregnancy: <span class="hl-pink"><140/90</span>
</div>
<!-- Hypertensive emergency -->
<div class="box box-red" style="margin-top:10px; font-size:13.5px;">
<div class="box-title" style="color:#900;">🚨 Hypertensive Emergency Tx</div>
IV labetalol / nicardipine / sodium nitroprusside |
<span class="hl-pink">Reduce MAP by ≤ 25% in 1st hour</span>, then to 160/100 over next 2–6h
<br>Do NOT lower BP too fast → cerebral hypoperfusion!
</div>
</div>
<hr class="divider">
<!-- ═══ 8. COMPLICATIONS ═══ -->
<div class="sec">
<div class="section-heading h-red">⑧ Complications — "CHASED"</div>
<div class="three-col">
<div class="box box-red">
<div class="box-title" style="color:#900;">💔 Cardiac</div>
<div class="content" style="font-size:13.5px;">
<ul>
<li>LVH → diastolic HF</li>
<li>Ischaemic heart disease / MI</li>
<li>Atrial fibrillation</li>
</ul>
</div>
</div>
<div class="box box-orange">
<div class="box-title" style="color:#a03a00;">🧠 Neuro</div>
<div class="content" style="font-size:13.5px;">
<ul>
<li>Ischaemic stroke</li>
<li>Haemorrhagic stroke</li>
<li>Multi-infarct dementia</li>
<li>Hypertensive encephalopathy</li>
</ul>
</div>
</div>
<div class="box box-blue">
<div class="box-title" style="color:#1a5fa8;">🫘 Renal</div>
<div class="content" style="font-size:13.5px;">
<ul>
<li>Nephrosclerosis → CKD</li>
<li>Proteinuria / haematuria</li>
<li>ESRD</li>
</ul>
</div>
</div>
</div>
<div class="two-col" style="margin-top:10px;">
<div class="box box-purple">
<div class="box-title" style="color:#5a1a9a;">👁 Ocular</div>
<div class="content" style="font-size:13.5px;">
Hypertensive retinopathy (Grades I–IV)<br>
Retinal vein/artery occlusion
</div>
</div>
<div class="box box-yellow">
<div class="box-title" style="color:#8a6200;">🩸 Vascular</div>
<div class="content" style="font-size:13.5px;">
Aortic dissection / aneurysm<br>
Peripheral arterial disease<br>
Accelerated atherosclerosis
</div>
</div>
</div>
<div style="text-align:center; margin-top:8px;">
<div style="font-family:'Caveat',cursive; font-size:16px; font-weight:700; color:#900; display:inline-block; background:#fde0e0; border:1.5px dashed #e55; padding:4px 18px; border-radius:6px;">
½ die of IHD/HF · ⅓ die of stroke · ↓ with treatment!
</div>
</div>
</div>
<hr class="divider">
<!-- ═══ 9. MNEMONIC ═══ -->
<div class="mnemonic-box">
<div class="star">⭐</div>
<div class="mnemonic-title">🧠 Memory Trick — 2° HTN: "CRASH & COPE"</div>
<div style="font-size:14px; color:#555; line-height:1.9;">
<b style="color:#c07000;">C</b>oarctation of aorta ·
<b style="color:#c07000;">R</b>eno-vascular (RAS) ·
<b style="color:#c07000;">A</b>ldosteronism (Conn's) ·
<b style="color:#c07000;">S</b>leep apnoea ·
<b style="color:#c07000;">H</b>yperthyroidism<br>
<b style="color:#c07000;">C</b>ushing's ·
<b style="color:#c07000;">O</b>besity / OCP ·
<b style="color:#c07000;">P</b>haeochromocytoma ·
<b style="color:#c07000;">E</b>clampsia (pre-)
</div>
<div style="margin-top:8px; font-size:13.5px; color:#a06000;">
<b>Antihypertensive mnemonic — "ABCD":</b>
<span class="hl-yellow">A</span>CEi/ARB →
<span class="hl-orange">B</span>eta-blocker →
<span class="hl-green">C</span>CB →
<span class="hl-blue">D</span>iuretic (thiazide)
</div>
</div>
<!-- ═══ 10. LAST-MINUTE REVISION BOX ═══ -->
<div class="lastmin-box">
<div class="lastmin-title">📌 Last-Minute Revision Box</div>
<ul>
<li>HTN = <span class="hl-pink">BP ≥ 130/80</span> (ACC/AHA 2017) or <span class="hl-yellow">≥ 140/90</span> (older JNC-7)</li>
<li><span class="hl-blue">Essential HTN (90–95%)</span> — polygenic, multifactorial, asymptomatic for years</li>
<li><span class="hl-orange">RAAS</span> and <span class="hl-orange">SNS activation</span> → core mechanisms; BP = CO × PVR</li>
<li>1st line drugs: <span class="hl-green">ACEi/ARB, CCB, Thiazide</span> (β-blocker only for specific indications)</li>
<li>DM + HTN → <span class="hl-blue">ACEi or ARB</span> (renoprotective)</li>
<li>Black patients → prefer <span class="hl-yellow">CCB or Thiazide</span> (ACEi less effective)</li>
<li>Malignant HTN → <span class="hl-pink">BP ≥ 180/120 + papilledema/end-organ damage</span> → emergency IV tx</li>
<li>Do NOT lower BP too fast in emergency — <span class="hl-orange">max ↓25% MAP in 1st hour</span></li>
<li>Complications: <span class="hl-pink">Stroke (⅓)</span>, <span class="hl-pink">IHD/HF (½)</span>, CKD, retinopathy, aortic dissection</li>
<li>ABPM = gold standard to exclude white-coat & masked hypertension</li>
</ul>
<div style="margin-top:12px; padding:10px 14px; background:#fff; border-radius:8px; border:1.5px dashed #d060a0; font-size:14.5px;">
<b style="color:#c0105a;">⚡ One-line Summary:</b>
Hypertension is the <em>"silent killer"</em> — a chronic, multifactorial elevation in BP (≥130/80 mmHg) driven by ↑ RAAS/SNS/PVR, managed with lifestyle + ABCD drugs, causing CHASED complications if untreated.
</div>
</div>
<div style="text-align:right; margin-top:16px; font-family:'Caveat',cursive; font-size:13px; color:#bbb;">
Sources: Katzung Basic & Clinical Pharmacology 16e · Robbins Pathology 10e · Fuster & Hurst's The Heart 15e · Harrison's 22e
</div>
</div>
</body>
</html>
You've run out of free credits. Sign up for a free account to continue using Orris.
This is a shared conversation. Sign in to Orris to start your own chat.