* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: ‘Segoe UI’, Roboto, system-ui, sans-serif;
background: #f5fafc;
color: #1b2b38;
line-height: 1.6;
width: 100%;
overflow-x: hidden;
}
.container {
width: min(1100px, 94%);
margin: 0 auto;
padding: 1.8rem 0 3rem;
}
h1 {
font-size: clamp(2rem, 7vw, 3.2rem);
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.2;
color: #06212e;
margin-bottom: 0.4rem;
}
h2 {
font-size: clamp(1.5rem, 3.8vw, 2.2rem);
font-weight: 600;
margin-top: 2.5rem;
margin-bottom: 1rem;
color: #0c2d3d;
border-left: 6px solid #4b9aa5;
padding-left: 1rem;
}
h3 {
font-size: clamp(1.2rem, 2.4vw, 1.6rem);
font-weight: 600;
margin-top: 2rem;
margin-bottom: 0.6rem;
color: #1c3f50;
}
p { margin-bottom: 1.2rem; color: #1e3a48; }
a {
color: #1b6e7a;
text-decoration: none;
font-weight: 500;
border-bottom: 1px solid transparent;
transition: 0.2s;
}
a:hover { color: #0a4b55; border-bottom-color: #4b9aa5; }
.toc {
background: #e7f2f6;
padding: 1.5rem 2rem;
border-radius: 32px;
margin: 1.5rem 0 2rem;
columns: 2 200px;
column-gap: 2rem;
}
.toc a { display: block; margin-bottom: 0.3rem; }
.intro-box {
background: #e2f2f5;
padding: 1.5rem 2rem;
border-radius: 32px;
margin: 1.5rem 0 2rem;
border: 1px solid rgba(75, 154, 165, 0.2);
}
.intro-box p { font-size: 1.1rem; font-weight: 500; }
/* 3D pyramid */
.infographic-3d {
background: linear-gradient(135deg, #ffffff, #f2fafe);
border-radius: 48px;
padding: 2rem 1.5rem;
margin: 2.5rem 0;
box-shadow: 0 20px 40px -12px rgba(0, 40, 50, 0.10);
border: 1px solid rgba(255,255,255,0.7);
}
.pyramid-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2rem;
align-items: center;
}
.pyramid-3d {
background: #d3e9ed;
background-image: radial-gradient(circle at 30% 30%, #e6f5f8, #bdd9df);
border-radius: 40px 40px 20px 20px;
padding: 1.5rem 0.8rem;
text-align: center;
box-shadow: inset 0 -8px 0 #89b3bb, 0 16px 30px -8px rgba(0,0,0,0.08);
transform: perspective(800px) rotateX(3deg) rotateY(-1deg);
border: 1px solid rgba(255,255,255,0.5);
}
.pyramid-3d .level { padding: 0.4rem; margin: 0.12rem 0; border-radius: 12px; font-weight: 600; color: white; }
.pyramid-3d .level1 { background: #4b9aa5; }
.pyramid-3d .level2 { background: #b8a34b; }
.pyramid-3d .level3 { background: #b17a4b; }
.pyramid-3d .level4 { background: #8f7a5a; }
.pyramid-3d i { font-size: 0.8rem; color: white; margin: 0 0.1rem; }
.floating-layers {
display: flex;
flex-direction: column;
gap: 0.4rem;
}
.layer-item {
background: rgba(255,255,255,0.85);
backdrop-filter: blur(2px);
padding: 0.3rem 1.2rem;
border-radius: 60px;
font-weight: 500;
border: 1px solid rgba(75, 154, 165, 0.15);
display: flex;
align-items: center;
gap: 0.8rem;
transition: 0.15s;
cursor: default;
font-size: 0.9rem;
}
.layer-item i { color: #1b6e7a; width: 1.6rem; font-size: 1rem; }
.layer-item:hover { background: white; box-shadow: 0 8px 18px rgba(75,154,165,0.10); transform: scale(1.02); border-color: #4b9aa5; }
.layer-desc { font-size: 0.7rem; font-weight: 400; color: #1f3f4d; }
/* kit type selector */
.type-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
gap: 0.8rem;
margin: 1rem 0;
}
.type-card {
background: white;
padding: 0.8rem;
border-radius: 20px;
border: 1px solid #d6e9ee;
text-align: center;
cursor: pointer;
transition: 0.15s;
}
.type-card:hover { background: #f0f8fa; border-color: #4b9aa5; }
/* builder */
.builder-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
gap: 0.6rem;
margin: 1rem 0;
}
.builder-item {
background: white;
padding: 0.5rem;
border-radius: 16px;
border: 1px solid #d6e9ee;
text-align: center;
cursor: pointer;
transition: 0.15s;
}
.builder-item:hover { background: #f0f8fa; border-color: #4b9aa5; }
.builder-item.selected { background: #4b9aa5; color: white; border-color: #4b9aa5; }
/* decision tree */
.tree-box {
background: #edf6f9;
border-radius: 32px;
padding: 1.8rem 2rem;
margin: 2rem 0;
}
.tree-item { display: flex; align-items: center; gap: 0.8rem; margin-bottom: 0.5rem; flex-wrap: wrap; }
.tree-item label { font-weight: 600; min-width: 200px; }
.tree-item button {
background: white;
border: 1px solid #c5dee4;
padding: 0.2rem 1.2rem;
border-radius: 40px;
cursor: pointer;
transition: 0.15s;
}
.tree-item button:hover { background: #4b9aa5; color: white; border-color: #4b9aa5; }
.tree-item button.active { background: #4b9aa5; color: white; border-color: #4b9aa5; }
.tree-result { margin-top: 1rem; background: white; padding: 0.6rem 1.8rem; border-radius: 40px; }
/* scorecard */
.scorecard-box {
background: #edf6f9;
border-radius: 32px;
padding: 1.8rem 2rem;
margin: 2rem 0;
}
.score-item { display: flex; align-items: center; gap: 0.8rem; margin-bottom: 0.5rem; flex-wrap: wrap; }
.score-item label { font-weight: 600; min-width: 130px; }
.score-item .stars { display: flex; gap: 0.2rem; cursor: pointer; }
.score-item .stars span { font-size: 1.4rem; color: #c5dee4; transition: 0.15s; }
.score-item .stars span.active { color: #4b9aa5; }
.score-result { margin-top: 1rem; background: white; padding: 0.6rem 1.8rem; border-radius: 40px; }
/* checklist */
.final-checklist {
background: #f1f8fa;
padding: 1.8rem 2rem;
border-radius: 32px;
columns: 2 200px;
column-gap: 2rem;
list-style: none;
}
.final-checklist li { margin-bottom: 0.4rem; display: flex; align-items: center; gap: 0.6rem; break-inside: avoid; cursor: pointer; font-size: 0.95rem; }
.final-checklist li::before { content: “☐”; font-size: 1.2rem; color: #3b8b94; }
.progress-bar { background: #cfe3e8; height: 10px; border-radius: 20px; margin: 0.5rem 0; overflow: hidden; }
.progress-fill { height: 100%; width: 0%; background: #4b9aa5; transition: width 0.3s; }
/* faq */
.faq-item {
background: white;
padding: 0.6rem 1.5rem;
margin-bottom: 0.6rem;
border-radius: 60px;
border: 1px solid #d6e9ee;
cursor: pointer;
transition: 0.2s;
}
.faq-item:hover { background: #f5fbfd; }
.faq-answer { display: none; padding-top: 0.4rem; color: #1f3f4d; font-size: 0.95rem; }
.faq-item.active .faq-answer { display: block; }
.cta-paths {
display: flex;
flex-wrap: wrap;
gap: 1rem;
background: #dcecf0;
padding: 1.8rem 2rem;
border-radius: 48px;
margin-top: 2rem;
}
.cta-path {
background: white;
padding: 0.4rem 1.8rem;
border-radius: 80px;
border: 1px solid #b3d3db;
}
.cta-path a { font-weight: 600; border-bottom: none; }
.external-ref { background: #f0f7f9; padding: 0.1rem 0.6rem; border-radius: 40px; font-size: 0.85rem; }
.internal-link { font-weight: 600; }
.mistake-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.6rem;
margin: 1rem 0;
}
.mistake-item {
background: white;
padding: 0.5rem 1rem;
border-radius: 16px;
border: 1px solid #d6e9ee;
font-size: 0.9rem;
}
.table-wrap { overflow-x: auto; margin: 1rem 0; }
.decision-table {
width: 100%;
border-collapse: collapse;
background: white;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 4px 14px rgba(0,0,0,0.02);
}
.decision-table th { background: #d6e9ee; padding: 0.6rem 1rem; text-align: left; font-size: 0.9rem; }
.decision-table td { padding: 0.5rem 1rem; border-bottom: 1px solid #eaf3f6; font-size: 0.9rem; }
@media (max-width: 768px) {
.pyramid-grid { grid-template-columns: 1fr; gap: 1rem; }
.floating-layers { flex-direction: row; flex-wrap: wrap; justify-content: center; }
.container { width: 95%; padding: 1rem 0 2rem; }
.toc { columns: 1; }
.final-checklist { columns: 1; }
.mistake-grid { grid-template-columns: 1fr; }
.score-item { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 480px) {
.type-grid { grid-template-columns: 1fr 1fr; }
.builder-grid { grid-template-columns: 1fr 1fr; }
}
The Complete Guide to Compact Emergency Survival Kits
Compact emergency survival kits are designed to keep essential emergency supplies together without forcing you to carry a large collection of unnecessary equipment. The best kit isn’t necessarily the biggest one. It is the one that matches your destination, activity, weather, trip length, personal needs and available space while remaining organized and accessible.
Quick Answer: A compact emergency survival kit should include first aid, lighting, navigation, hydration, weather protection, emergency shelter, and communication essentials — all organized for quick access and adapted to your specific trip.
If you’re completely new to emergency preparedness, start with Compact Emergency Survival Kit: What Should You Prepare? for a straightforward introduction.
First Aid · Light · Navigation
Hydration · Weather · Shelter
COMMUNICATION Phone · Backup · Info
Medications · Needs
First aid, lighting, navigation
Hydration, weather, shelter
COMMUNICATION Phone, backup, emergency info
Medications, individual needs
Ready.gov’s emergency kit guidance emphasizes planning around individual and household circumstances. Ready.gov
🏠 Everyday
✈️ Travel
🏕 Camping
🥾 Hiking
Click a type above for guidance.
What Is a Compact Emergency Survival Kit?
Emergency kit: Supplies for unexpected situations.Survival kit: Situation-oriented collection around basic needs.Compact emergency survival kit: A carefully selected version prioritizing usefulness, portability, organization, accessibility, appropriate coverage, and minimal unnecessary bulk.
Compact does not mean incomplete. It means intentionally selected.
The 7 Categories Every Compact Kit Should Make You Think About
🩹 First Aid
🔦 Lighting
🗺 Navigation
💧 Hydration
🌦 Weather
🏕 Shelter
📱 Communication
These are planning categories. The actual contents depend on the trip.
Beginners who want to start with the basics should read Small Emergency Kit Essentials for Beginners .
☐ First Aid
☐ Lighting
☐ Navigation
☐ Hydration
☐ Weather
☐ Shelter
☐ Communication
Click categories to build your core kit.
Building the First-Aid Portion
Basic wound-care supplies, dressings, cleaning supplies, medical tape, blister care, protective barriers, personal requirements.
Equipment is only part of preparedness. The American Red Cross first-aid resources
For a more detailed discussion, continue to Compact First Aid and Emergency Gear for Outdoor Adventures .
Why Lighting Belongs in a Compact Kit
Visibility, finding equipment, navigating in low light, signaling considerations, hands-free lighting where appropriate. Selection criteria: Size + reliability + accessibility + power.
Navigation for Compact Kits
Knowing the route, understanding the destination, appropriate maps/navigation tools, keeping navigation methods accessible, having an appropriate backup when needed.
The National Park Service Ten Essentials
Planning Water for Your Kit
Hydration planning depends on destination, climate, activity, duration, available water, and group size.
Weather Can Change What Belongs in Your Kit
☀️ Hot
❄️ Cold
🌧 Wet
🌬 Changeable
Click a weather condition for tips.
Check the official forecast. The National Weather Service
When Should Emergency Shelter Be Considered?
Environment, distance from shelter, activity, weather, duration, remoteness.
For broader outdoor gear considerations, see Compact Survival Gear for Travel, Camping and Outdoor Preparedness .
Build a Communication Plan, Not Just a Gadget Collection
Knowing who to contact, keeping important information accessible, understanding local emergency services, considering connectivity limitations, maintaining power where relevant.
A communication device is more useful when it is part of a communication plan.
How to Decide What Deserves Space
The 4-Question Space Test:
If your available space is particularly limited, use Choosing Compact Emergency Gear When Space Is Limited as a dedicated guide.
How to Organize a Compact Kit
Module 1 — First Aid Module 2 — Lighting Module 3 — Navigation Module 4 — Hydration Module 5 — Weather/Shelter Module 6 — Communication
If you’re unsure how to make those modules easy to access, read How to Organize a Small Emergency Kit for Quick Access .
After organizing, use Emergency Kit Packing: Keeping Essential Gear Together to refine how everything fits together.
How to Build a Grab-and-Go Compact Kit
Core kit + Trip-specific module + Personal requirements = Ready-to-go kit.
If you want your kit ready to take with you, see How to Build a Grab-and-Go Emergency Kit for Outdoor Trips .
Compact Kits for Travel
Air travel: Check TSA guidance. TSA Road travel: Vehicle-specific supplies, communication, water, first aid, weather considerations. NHTSA Hotel stays: Keep essentials accessible.International travel: Check destination requirements.
For a dedicated approach, see Creating a Practical Emergency Kit for Travel and Camping .
Compact Kits for Camping
Campsite environment, weather, navigation, lighting, first aid, hydration, shelter, communication, trip duration.
Check NPS camping guidance
A Beginner’s Compact Kit
START → Choose destination.PLAN → Identify realistic risks.SELECT → Choose core categories.ORGANIZE → Separate by function.REVIEW → Remove unnecessary duplicates.TEST → Make sure you can access important items.MAINTAIN → Check the kit periodically.
New to emergency preparedness? Small Emergency Kit Essentials for Beginners provides a simpler starting point.
How to Pack Without Creating a Mess
Layer 1 — Immediate Access: Items you may need quickly.Layer 2 — Core Supplies: Main emergency categories.Layer 3 — Trip-Specific: Items that depend on destination/activity.
For a deeper packing strategy, read Emergency Kit Packing: Keeping Essential Gear Together .
Can You Actually Carry Your Kit?
Pick it up. Carry it. Open it. Find one item. Put it back. Repeat. A kit that looks organized on paper but is difficult to carry or access needs redesigning.
See What Makes an Emergency Kit Practical to Carry? and Why Portability Matters in an Emergency Preparedness Kit for deeper guidance.
10 Compact Kit Mistakes to Avoid
1. Buying everything at once
2. Packing without considering destination
3. Creating one giant bag
4. Ignoring portability
5. Forgetting organization
6. Never checking the kit
7. Carrying duplicate equipment
8. Ignoring weather
9. Packing equipment you don’t understand
10. Treating every trip the same
Before adding more equipment, read How to Avoid Overpacking Your Outdoor Emergency Gear .
Is this item relevant to my destination? Yes No
Does another item already perform the same function? Yes No
Can you realistically carry and access it? Yes No
Answer all 3 questions to see your result.
Rate each category from 1-5 stars.
Rate each category to see your score.
Complete Compact Emergency Survival Kit Checklist
Destination reviewed
Duration considered
Activity considered
Weather checked
Transportation considered
First-aid supplies
Personal requirements
Lighting/headlamp
Power/batteries
Navigation method
Water plan
Weather protection
Emergency shelter
Communication plan
Emergency info accessible
No unnecessary duplicates
Important items accessible
Equipment condition checked
I understand what I carry
0% complete
Before leaving, use Emergency Preparedness Checklist: Organizing a Compact Kit as a dedicated checklist reference.
If your kit has become too large, revisit Emergency Preparedness Without Overpacking to return to the compact-kit philosophy.
Which Compact Kit Approach Fits You?
User Main Priority Recommended Approach Beginner Simplicity Start with core categories Traveler Portability Compact modular kit Camper Environment Trip-specific preparation Hiker Weight/accessibility Carefully selected core Road traveler Vehicle context Travel + roadside planning Family Individual needs Shared + personal modules Limited space Efficiency Prioritize multifunctional categories
Compact Emergency Survival Kits — FAQ
What is a compact emergency survival kit?
A carefully selected collection of emergency supplies prioritizing usefulness, portability, organization, accessibility, and minimal unnecessary bulk.
What should a compact emergency survival kit contain?
First aid, lighting, navigation, hydration, weather protection, emergency shelter, and communication essentials — adapted to your specific trip.
How is a compact survival kit different from a regular emergency kit?
A compact kit is intentionally smaller and more portable, prioritizing essential categories while eliminating unnecessary duplicates and bulk.
How do I build an emergency kit as a beginner?
Start with core categories: first aid, lighting, navigation, hydration, weather, shelter, communication. Add trip-specific items as you gain experience.
How can I keep an emergency survival kit compact?
Use the 4-question space test: relevance, purpose, duplication, and carryability. Remove items that fail multiple questions.
Should I create different kits for travel and camping?
A modular system with a base kit and trip-specific additions is more efficient than multiple complete kits.
What first-aid supplies should I consider?
Wound care, dressings, cleaning supplies, tape, blister care, protective barriers, and personal medications.
Why is organization important in an emergency kit?
Organization helps you find supplies quickly when you need them most, instead of digging through one large bag.
How often should I check my emergency kit?
Before every trip and at least every 6 months. Check expiration dates, batteries, and condition.
What should I consider when choosing emergency gear?
Trip type, duration, weather, personal needs, and available space. Use the NPS Ten Essentials as a starting framework.
How can I avoid overpacking?
What should I consider for camping?
Campsite environment, weather, duration, shelter, food, water, lighting, first aid, and navigation.
What should I consider for travel?
Portability, accessibility, transportation rules, destination requirements, personal needs, and communication.
Should emergency gear be separated into modules?
Yes. Modular organization (first aid, lighting, navigation, etc.) makes it easier to find and adapt your kit.
How do I make an emergency kit grab-and-go?
What should I consider when space is limited?
Why does portability matter?
A kit that is difficult to carry is less likely to be taken. Portability affects real-world preparedness. See
Why Portability Matters .
Should beginners buy a large emergency kit?
Start with a compact kit covering core categories. Add trip-specific items as you gain experience.
How does weather affect an emergency kit?
Hot weather needs more water; cold needs insulation; wet needs protection. Adapt your kit to the conditions.
What should I check before leaving for an outdoor trip?
Destination, weather, core supplies, accessibility, duplicates, and equipment condition. Use the checklist above.
Ready to build your compact kit?
// Kit type
function kitType(el, msg) {
document.querySelectorAll(‘.type-card’).forEach(c => c.style.borderColor = ‘#d6e9ee’);
el.style.borderColor = ‘#4b9aa5’;
document.getElementById(‘kitTypeResult’).innerHTML = msg;
}
// Core builder
let coreItems = [];
function buildCore(el) {
if (el.classList.contains(‘selected’)) {
el.classList.remove(‘selected’);
coreItems = coreItems.filter(i => i !== el.innerText.trim().replace(‘☐ ‘, ”));
} else {
el.classList.add(‘selected’);
coreItems.push(el.innerText.trim().replace(‘☐ ‘, ”));
}
const msg = coreItems.length > 0 ? `Your core kit: ${coreItems.join(‘, ‘)}` : ‘Click categories to build your core kit.’;
document.getElementById(‘coreResult’).innerHTML = msg;
}
// Weather
function showWeather6(el, msg) {
document.querySelectorAll(‘.type-grid .type-card’).forEach(c => c.style.borderColor = ‘#d6e9ee’);
el.style.borderColor = ‘#4b9aa5’;
document.getElementById(‘weatherResult6’).innerHTML = msg;
}
// Decision tree
let treeAnswers = [null,null,null];
function treeAnswer(el, val) {
const parent = el.closest(‘.tree-item’);
parent.querySelectorAll(‘button’).forEach(b => b.classList.remove(‘active’));
el.classList.add(‘active’);
const idx = Array.from(document.querySelectorAll(‘.tree-item’)).indexOf(parent);
treeAnswers[idx] = val;
updateTreeResult();
}
function updateTreeResult() {
const count = treeAnswers.filter(a => a !== null).length;
if (count === 3) {
const relevant = treeAnswers[0];
const duplicate = treeAnswers[1];
const carry = treeAnswers[2];
let msg = ”;
if (!relevant) msg = ‘🔴 Consider leaving it out — not relevant to your destination.’;
else if (duplicate) msg = ‘🟡 Consider reducing duplication — another item serves the same function.’;
else if (!carry) msg = ‘🟠 Reconsider its size/form — can you realistically carry and access it?’;
else msg = ‘✅ Potentially useful — passes all three checks.’;
document.getElementById(‘treeResult’).innerHTML = msg;
} else {
document.getElementById(‘treeResult’).innerHTML = `Answer all 3 questions (${count}/3) to see your result.`;
}
}
// Scorecard
function rateScore2(el, rating) {
const parent = el.closest(‘.stars’);
const stars = parent.querySelectorAll(‘span’);
stars.forEach((s, i) => {
if (i {
const stars = document.querySelector(`.stars[data-category=”${cat}”]`);
if (stars) {
const active = stars.querySelectorAll(‘.active’).length;
if (active > 0) { total += active; count++; }
}
});
const avg = count > 0 ? Math.round(total / count) : 0;
let msg = avg >= 4 ? ‘✅ Well planned!’ : (avg >= 3 ? ‘🟡 Review lower-rated categories’ : ‘🔴 More preparation needed’);
document.getElementById(‘scoreResult2’).innerHTML = `Average: ${avg}/5 — ${msg}`;
}
// Checklist
let checked = 0;
const totalItems = 19;
function toggleCheck(el) {
if (el.style.textDecoration === ‘line-through’) {
el.style.textDecoration = ‘none’;
checked–;
} else {
el.style.textDecoration = ‘line-through’;
checked++;
}
const pct = Math.round((checked / totalItems) * 100);
document.getElementById(‘progressFill’).style.width = pct + ‘%’;
document.getElementById(‘progressText’).textContent = pct + ‘% complete’;
}
// FAQ toggle
function toggleFaq(el) {
el.classList.toggle(‘active’);
}
