Mr Carter’s AP Human Geography Self-Study and Review System Sneak Peek

Go back

Visitor

Mr Carter’s AP^® Human Geography Guides

Your progress0%

Homepage

Start Here

5 Hour Rapid Full Course Review

Mock Exam (MCQs)

Unit 1: Thinking Geographically

1.1 Introduction to Maps

1.2 Geographic Data

1.3 The Power of Geographic Data

1.4 Spatial Concepts

1.5 Human–Environmental Interaction

1.6 Scales of Analysis

1.7 Regional Analysis

Unit 2: Population and Migration Patterns and Processes

2.1 Population Distribution

2.2 Consequences of Population Distribution

2.3 Population Composition

2.4 Population Dynamics

2.5 The Demographic Transition Model

2.6 Malthusian Theory

2.7 Population Policies

2.8 Women and Demographic Change

2.9 Aging Populations

2.10 Causes of Migration

2.11 Forced and Voluntary Migration

2.12 Effects of Migration

Unit 3: Cultural Patterns and Processes

3.1 Introduction to Culture

3.2 Cultural Landscapes

3.3 Cultural Patterns

3.4 Types of Diffusion

3.5 Historical Causes of Diffusion

3.6 Contemporary Causes of Diffusion

3.7 Diffusion of Religion and Language

3.8 Effects of Diffusion

Unit 4: Political Patterns and Processes

4.1 Introduction to Political Geography

4.2 Political Processes

4.3 Political Power and Territoriality

4.4 Defining Political Boundaries

4.5 The Function of Political Boundaries

4.6 Internal Boundaries

4.7 Forms of Governance

4.8 Defining Devolutionary Factors

4.9 Challenges to Sovereignty

4.10 Consequences of Centrifugal and Centripetal Forces

Unit 5: Agriculture and Rural Land-Use Patterns and Processes

5.1 Introduction to Agriculture

5.2 Settlement Patterns and Survey Methods

5.4 The Second Agricultural Revolution

5.5 The Green Revolution

5.6 Agricultural Production Regions

5.7 Spatial Organization of Agriculture

5.8 Von Thünen Model

5.9 The Global System of Agriculture

5.10 Consequences of Agricultural Practices

5.11 Challenges of Contemporary Agriculture

5.12 Women in Agriculture

Unit 6: Cities and Urban Land-Use Patterns and Processes

6.1 The Origin and Influences of Urbanization

6.2 Cities Across the World

6.3 Cities and Globalization

6.4 The Size and Distribution of Cities

6.5 The Internal Structure of Cities

6.6 Density and Land Use

6.7 Infrastructure

6.8 Urban Sustainability

6.9 Urban Data

6.10 Challenges of Urban Changes

6.11 Challenges of Urban Sustainability

Unit 7: Industrial and Economic Development Patterns and Processes

7.1 The Industrial Revolution

7.2 Economic Sectors and Patterns

7.3 Measures of Development

7.4 Women and Economic Development

7.5 Theories of Development

7.6 Trade and the World Economy

7.7 Changes as a Result of the World Economy

7.8 Sustainable Development

Bonuses

FRQ Mastery Playbook

MCQ Mastery Playbook

Last-Minute Knowledge Checklist

Interactive Flashcard Practice

Key Terms Worksheet

Welcome to AP Human Geography

Select a lesson from the sidebar to get started, or click any locked lesson to unlock the full course.

<h1 style="font-family:'Sora',sans-serif;font-size:34px;font-weight:700;color:#1a1a2e;text-align:left;margin:0 0 28px;line-height:1.3;">5 Hour Rapid Full Course Review</h1>
<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; max-width: 100%;">
  <div style="display: flex; align-items: flex-end; gap: 4px; padding: 0 16px; background: #f8fafd; border-bottom: 1px solid #e2e8f0; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none;">
    <button onclick="switchLessonTab(0)" id="lesson-tab-0" style="display: inline-flex; align-items: center; gap: 7px; padding: 13px 14px 11px; font-size: 14px; font-weight: 600; color: #2563eb; background: transparent; border: none; border-bottom: 2px solid #2563eb; cursor: pointer; margin-bottom: -1px; white-space: nowrap;"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#2563eb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5A2.5 2.5 0 016.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 014 19.5v-15A2.5 2.5 0 016.5 2z"/></svg>Tutorial</button>
    <button onclick="switchLessonTab(1)" id="lesson-tab-1" style="display: inline-flex; align-items: center; gap: 7px; padding: 13px 14px 11px; font-size: 14px; font-weight: 500; color: #64748b; background: transparent; border: none; border-bottom: 2px solid transparent; cursor: pointer; margin-bottom: -1px; white-space: nowrap;"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="#8b5cf6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="14" rx="2"/><line x1="12" y1="4" x2="12" y2="18"/></svg>Flashcards</button>
    <button onclick="switchLessonTab(2); aphgRrMcqRender();" id="lesson-tab-2" style="display: inline-flex; align-items: center; gap: 7px; padding: 13px 14px 11px; font-size: 14px; font-weight: 500; color: #64748b; background: transparent; border: none; border-bottom: 2px solid transparent; cursor: pointer; margin-bottom: -1px; white-space: nowrap;"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="#f97316" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>MCQ Practice</button>
    <button onclick="switchLessonTab(3); aphgRrFrqScore=0; aphgRrFrqRender();" id="lesson-tab-3" style="display: inline-flex; align-items: center; gap: 7px; padding: 13px 14px 11px; font-size: 14px; font-weight: 500; color: #64748b; background: transparent; border: none; border-bottom: 2px solid transparent; cursor: pointer; margin-bottom: -1px; white-space: nowrap;"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="#0891b2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z"/><line x1="3" y1="21" x2="21" y2="21"/></svg>FRQ Practice</button>
  </div>
  <div id="lesson-panel-0" style="padding: 20px;">
    <div style="display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start;">
      <div style="flex: 3; min-width: 260px;"><div style="border-radius: 8px; overflow: hidden;"><iframe width="100%" style="aspect-ratio:16/9;display:block;border:0;border-radius:8px;" src="https://www.youtube.com/embed/OaMq2LrYJ1c?si=MKLQMIVHfacLfjgf" title="5 Hour Rapid Full Course Review" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></div><div style="margin-top: 14px;"><p style="font-size: 11px; font-weight: 600; color: #94a3b8; margin: 0 0 6px; text-transform: uppercase; letter-spacing: 0.07em;">Description</p><p style="font-size: 13px; color: #475569; margin: 0; line-height: 1.5;">This video stitches together every lesson in the course into a single, fast-paced review session designed for students who are joining close to exam day or want to rapidly refresh everything before the AP exam. It covers all major topics across all units in approximately five hours. Work through it alongside the study guide below to maximize what you retain.</p></div></div>
      <div style="flex: 1; min-width: 160px; display: flex; flex-direction: column; gap: 10px;">
        <p style="font-size: 11px; font-weight: 600; color: #94a3b8; margin: 0 0 2px; text-transform: uppercase; letter-spacing: 0.07em;">Downloads</p>
        <a href="#" onclick="triggerModalFromLesson('5 Hour Study Guide'); return false;" style="display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 8px; text-decoration: none; color: #1d4ed8; font-size: 13px; font-weight: 500;"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#1d4ed8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>5 Hour Study Guide</a>
        <a href="#" onclick="triggerModalFromLesson('5 Hour Study Guide Answer Key'); return false;" style="display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 8px; text-decoration: none; color: #1d4ed8; font-size: 13px; font-weight: 500;"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#1d4ed8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>5 Hour Study Guide Answer Key</a>
        <a href="#" onclick="triggerModalFromLesson('Last Minute Checklist'); return false;" style="display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 8px; text-decoration: none; color: #1d4ed8; font-size: 13px; font-weight: 500;"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#1d4ed8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>Last Minute Checklist</a>
        <div style="border: 1px solid #e2e8f0; border-radius: 10px; padding: 12px 14px; margin-top: 2px;">
          <p style="font-size: 11px; font-weight: 600; color: #94a3b8; margin: 0 0 10px; text-transform: uppercase; letter-spacing: 0.07em;">Last Minute Cram Checklist</p>
          <div style="display: flex; flex-direction: column; gap: 6px;" id="hug-cram-checklist">
            <label style="display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 12px; color: #475569; font-weight: 500;"><input type="checkbox" data-key="hug-cram-video" onchange="hugSaveChecklist(this)" style="width:15px;height:15px;accent-color:#2563eb;cursor:pointer;flex-shrink:0;"> Watched 5-hour review video</label>
            <label style="display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 12px; color: #475569; font-weight: 500;"><input type="checkbox" data-key="hug-cram-studyguide" onchange="hugSaveChecklist(this)" style="width:15px;height:15px;accent-color:#2563eb;cursor:pointer;flex-shrink:0;"> Completed study guide</label>
            <label style="display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 12px; color: #475569; font-weight: 500;"><input type="checkbox" data-key="hug-cram-mcq" onchange="hugSaveChecklist(this)" style="width:15px;height:15px;accent-color:#2563eb;cursor:pointer;flex-shrink:0;"> Completed MCQ mock exam</label>
            <label style="display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 12px; color: #475569; font-weight: 500;"><input type="checkbox" data-key="hug-cram-frq" onchange="hugSaveChecklist(this)" style="width:15px;height:15px;accent-color:#2563eb;cursor:pointer;flex-shrink:0;"> Completed FRQ practice tabs</label>
            <label style="display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 12px; color: #475569; font-weight: 500;"><input type="checkbox" data-key="hug-cram-flashcards" onchange="hugSaveChecklist(this)" style="width:15px;height:15px;accent-color:#2563eb;cursor:pointer;flex-shrink:0;"> 30-minute flashcard practice</label>
            <label style="display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 12px; color: #475569; font-weight: 500;"><input type="checkbox" data-key="hug-cram-printed" onchange="hugSaveChecklist(this)" style="width:15px;height:15px;accent-color:#2563eb;cursor:pointer;flex-shrink:0;"> Printed last minute checklist</label>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="lesson-panel-1" style="padding: 20px; display: none;">
    <div style="display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start;">
      <div style="flex: 3; min-width: 260px;">
        <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px;">
          <span style="font-size: 13px; color: #64748b; font-weight: 500;">Card 1 of 355</span>
          <div style="display: flex; gap: 6px;"><div style="width:8px;height:8px;border-radius:50%;background:#2563eb;"></div></div>
        </div>
        <div onclick="aphgRrFcFlip()" id="aphg-rr-fc-wrap" style="cursor: pointer; perspective: 1000px; height: 340px; margin-bottom: 12px;">
          <div id="aphg-rr-fc-inner" style="position: relative; width: 100%; height: 100%; transition: transform 0.5s; transform-style: preserve-3d;">
            <div style="position: absolute; width: 100%; height: 100%; min-height: 340px; backface-visibility: hidden; -webkit-backface-visibility: hidden; background: #f8fafd; border: 1px solid #e2e8f0; border-radius: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px; box-sizing: border-box;">
              <p style="font-size: 11px; font-weight: 600; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.07em; margin: 0 0 12px;">Term</p>
              <p style="font-size: 20px; font-weight: 700; color: #1e293b; margin: 0; text-align: center;">Absolute Distance</p>
              <p style="font-size: 12px; color: #94a3b8; margin: 16px 0 0;">Click to reveal definition</p>
            </div>
            <div style="position: absolute; width: 100%; height: 100%; min-height: 340px; backface-visibility: hidden; -webkit-backface-visibility: hidden; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px; box-sizing: border-box; transform: rotateY(180deg);">
              <p style="font-size: 11px; font-weight: 600; color: #93c5fd; text-transform: uppercase; letter-spacing: 0.07em; margin: 0 0 12px;">Definition</p>
              <p style="font-size: 15px; color: #1e40af; margin: 0; text-align: center; line-height: 1.6;">The exact measurement of space between two points, usually expressed in units such as miles or kilometers.</p>
            </div>
          </div>
        </div>
        <div style="display: flex; justify-content: center; align-items: center; gap: 8px; margin-bottom: 12px;">
          <span style="font-size: 12px; color: #64748b; font-weight: 500;">Definition first</span>
          <div onclick="aphgRrFcToggleMode()" id="aphg-rr-fc-toggle-track" style="width: 36px; height: 20px; border-radius: 99px; background: #e2e8f0; cursor: pointer; position: relative; transition: background 0.2s; flex-shrink: 0;">
            <div id="aphg-rr-fc-toggle-thumb" style="position: absolute; top: 3px; left: 3px; width: 14px; height: 14px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.2); transition: left 0.2s;"></div>
          </div>
        </div>
        <div style="display: flex; align-items: center; justify-content: center; gap: 12px;">
          <button onclick="triggerModalFromLesson('Interactive Flashcard Practice')" style="display: inline-flex; align-items: center; gap: 6px; padding: 9px 18px; font-size: 13px; font-weight: 500; color: #475569; background: #f1f5f9; border: 1px solid #e2e8f0; border-radius: 8px; cursor: pointer;">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg>
            Previous
          </button>
          <button onclick="triggerModalFromLesson('Interactive Flashcard Practice')" style="display: inline-flex; align-items: center; gap: 6px; padding: 9px 18px; font-size: 13px; font-weight: 500; color: #fff; background: #2D5FA3; border: 1px solid #2D5FA3; border-radius: 8px; cursor: pointer;">
            Next
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>
          </button>
        </div>
      </div>
      <div style="flex: 1; min-width: 160px; display: flex; flex-direction: column; gap: 10px;">
        <p style="font-size: 11px; font-weight: 600; color: #94a3b8; margin: 0 0 2px; text-transform: uppercase; letter-spacing: 0.07em;">Description</p>
        <p style="font-size: 13px; color: #475569; margin: 0 0 10px; line-height: 1.5;">Interactive flashcard practice for all 355 AP Human Geography terms is available in the full course, organized by unit.</p>
        <p style="font-size: 11px; font-weight: 600; color: #94a3b8; margin: 0 0 2px; text-transform: uppercase; letter-spacing: 0.07em;">Downloads</p>
        <a href="#" onclick="triggerModalFromLesson('All Flashcards PDF'); return false;" style="display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: #f5f3ff; border: 1px solid #ddd6fe; border-radius: 8px; text-decoration: none; color: #6d28d9; font-size: 13px; font-weight: 500;">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#6d28d9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
          Download All Flashcards
        </a>
      </div>
    </div>
  </div>
  <div id="lesson-panel-2" style="padding: 20px; display: none;">
    <div style="display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start;">
      <div style="flex: 3; min-width: 260px;">
        <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
          <span id="aphg-rr-mcq-counter" style="font-size: 13px; color: #64748b; font-weight: 500;">Question 1 of 60</span>
          <span id="aphg-rr-mcq-score" style="font-size: 13px; color: #64748b; font-weight: 500;">Score: 0 / 60</span>
        </div>
        <div style="background: #e2e8f0; border-radius: 99px; height: 5px; margin-bottom: 18px;">
          <div id="aphg-rr-mcq-bar" style="background: #f97316; border-radius: 99px; height: 5px; width: 1.67%; transition: width 0.3s;"></div>
        </div>
        <div style="background: #f8fafd; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px; margin-bottom: 14px; min-height: 340px; box-sizing: border-box;">
          <div style="text-align: center; margin-bottom: 14px;">
            <img decoding="async" src="https://mrcartersguides.com/wp-content/uploads/2026/03/2-1-aphg-mcq-img-1.png" style="width: 85%; border-radius: 8px;" />
          </div>
          <p style="font-size: 12px; color: #64748b; text-align: center; font-style: italic; margin: 0 0 12px;">This choropleth map of Egypt shows population density using a grayscale shading scheme, where darker areas indicate higher population density.</p>
          <p id="aphg-rr-mcq-question" style="font-size: 15px; font-weight: 600; color: #1e293b; margin: 0 0 16px; line-height: 1.5;">The choropleth map shows that the highest population densities are concentrated along the Nile River and its delta. Which of the following best explains this pattern?</p>
          <div id="aphg-rr-mcq-options" style="display: flex; flex-direction: column; gap: 8px;"></div>
        </div>
        <div id="aphg-rr-mcq-feedback" style="display: none; border-radius: 8px; padding: 12px 14px; margin-bottom: 8px; font-size: 13px; line-height: 1.5;"></div>
        <div id="aphg-rr-mcq-outcome" style="display: none; border-radius: 8px; padding: 10px 14px; margin-bottom: 14px; background: #f8fafd; border: 1px solid #e2e8f0; font-size: 12px; color: #475569; line-height: 1.5;">
          <span style="display: block; font-size: 11px; font-weight: 600; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.07em; margin-bottom: 4px;">Learning Outcome</span>
          <span id="aphg-rr-mcq-outcome-text"></span>
        </div>
        <div style="display: flex; justify-content: flex-end;">
          <button id="aphg-rr-mcq-next-btn" onclick="triggerModalFromLesson('MCQ Mastery Playbook')" style="display: none; align-items: center; gap: 6px; padding: 9px 18px; font-size: 13px; font-weight: 500; color: #fff; background: #2D5FA3; border: 1px solid #2D5FA3; border-radius: 8px; cursor: pointer;">
            Next Question
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>
          </button>
        </div>
      </div>
      <div style="flex: 1; min-width: 160px; display: flex; flex-direction: column; gap: 10px;">
        <p style="font-size: 11px; font-weight: 600; color: #94a3b8; margin: 0 0 2px; text-transform: uppercase; letter-spacing: 0.07em;">Description</p>
        <p style="font-size: 13px; color: #475569; margin: 0 0 10px; line-height: 1.5;">Test your understanding with 60 multiple-choice questions covering the full AP Human Geography curriculum. Read each scenario carefully and select the best answer.</p>
        <p style="font-size: 11px; font-weight: 600; color: #94a3b8; margin: 0 0 2px; text-transform: uppercase; letter-spacing: 0.07em;">Downloads</p>
        <a href="#" onclick="triggerModalFromLesson('MCQ Mastery Playbook'); return false;" style="display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 8px; text-decoration: none; color: #1d4ed8; font-size: 13px; font-weight: 500;">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#1d4ed8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
          MCQ Mastery Playbook
        </a>
        <a href="#" onclick="triggerModalFromLesson('MCQ Mastery Playbook Answer Key'); return false;" style="display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 8px; text-decoration: none; color: #1d4ed8; font-size: 13px; font-weight: 500;">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#1d4ed8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
          MCQ Mastery Playbook Answer Key
        </a>
      </div>
    </div>
  </div>
  <div id="lesson-panel-3" style="padding: 20px; display: none;">
    <div style="display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start;">
      <div style="flex: 3; min-width: 260px;">
        <div style="background: #f8fafd; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px; margin-bottom: 14px;">
          <p style="font-size: 18px; font-weight: 700; color: #1e293b; text-align: center; margin: 0 0 16px;">Exam-Style FRQ Question</p>
          <div style="text-align: center; margin-bottom: 10px;">
            <img decoding="async" src="https://mrcartersguides.com/wp-content/uploads/2026/03/1-4-aphg-mcq-img-1.jpg" style="width: 85%; border-radius: 8px;" />
          </div>
          <p style="font-size: 12px; color: #64748b; text-align: center; margin: 0 0 14px; font-style: italic;">The world map above highlights London and New York.</p>
          <p style="font-size: 13px; color: #475569; line-height: 1.6; margin: 0 0 10px;">Geographers analyze flows of people, goods, and information between global cities, while also considering the influence of distance decay, time-space compression, and the concepts of space, place, relative location, and absolute location.</p>
          <p style="font-size: 13px; color: #1e293b; font-weight: 600; margin: 0;">Respond to parts A, B, C, D, E, F, and G.</p>
        </div>
        <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
          <span id="aphg-rr-frq-counter" style="font-size: 13px; color: #64748b; font-weight: 500;">Part A of 7</span>
          <span id="aphg-rr-frq-score-display" style="font-size: 13px; color: #64748b; font-weight: 500;">Score: 0 / 7</span>
        </div>
        <div style="background: #e2e8f0; border-radius: 99px; height: 5px; margin-bottom: 18px;">
          <div id="aphg-rr-frq-bar" style="background: #2D5FA3; border-radius: 99px; height: 5px; width: 14.28%; transition: width 0.3s;"></div>
        </div>
        <div style="background: #f8fafd; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px; margin-bottom: 14px; box-sizing: border-box;">
          <p id="aphg-rr-frq-question" style="font-size: 15px; font-weight: 600; color: #1e293b; margin: 0 0 16px; line-height: 1.5;"></p>
          <div id="aphg-rr-frq-options" style="display: flex; flex-direction: column; gap: 8px;"></div>
        </div>
        <div id="aphg-rr-frq-feedback" style="display: none; border-radius: 8px; padding: 12px 14px; margin-bottom: 8px; font-size: 13px; line-height: 1.5;"></div>
        <div id="aphg-rr-frq-outcome" style="display: none; border-radius: 8px; padding: 10px 14px; margin-bottom: 14px; background: #f8fafd; border: 1px solid #e2e8f0; font-size: 12px; color: #475569; line-height: 1.5;">
          <span style="display: block; font-size: 11px; font-weight: 600; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.07em; margin-bottom: 4px;">Learning Outcome</span>
          <span id="aphg-rr-frq-outcome-text"></span>
        </div>
        <div style="display: flex; justify-content: flex-end;">
          <button id="aphg-rr-frq-next-btn" onclick="aphgRrFrqNext()" style="display: none; align-items: center; gap: 6px; padding: 9px 18px; font-size: 13px; font-weight: 500; color: #fff; background: #2D5FA3; border: 1px solid #2D5FA3; border-radius: 8px; cursor: pointer;">
            Next Part
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>
          </button>
        </div>
        <div id="aphg-rr-frq-results" style="display: none; text-align: center; padding: 10px 0;">
          <p style="font-size: 28px; font-weight: 800; color: #1e293b; margin: 0 0 6px;" id="aphg-rr-frq-final-score"></p>
          <p style="font-size: 14px; color: #64748b; margin: 0 0 20px;" id="aphg-rr-frq-final-msg"></p>
          <div style="display: flex; justify-content: center;">
            <button onclick="aphgRrFrqReset()" style="display: inline-flex; align-items: center; gap: 6px; padding: 10px 20px; font-size: 13px; font-weight: 500; color: #fff; background: #2D5FA3; border: 1px solid #2D5FA3; border-radius: 8px; cursor: pointer;">
              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 1 0 .49-3.47"/></svg>
              Try Again
            </button>
          </div>
        </div>
      </div>
      <div style="flex: 1; min-width: 160px; display: flex; flex-direction: column; gap: 10px;">
        <p style="font-size: 11px; font-weight: 600; color: #94a3b8; margin: 0 0 2px; text-transform: uppercase; letter-spacing: 0.07em;">Description</p>
        <p style="font-size: 13px; color: #475569; margin: 0 0 6px; line-height: 1.5;">Test your understanding with an exam-style FRQ. Select the most correct answer for each part. Answers are examples of correct responses only — other correct responses are possible.</p>
        <p style="font-size: 13px; color: #475569; margin: 0 0 10px; line-height: 1.5;">To write-in your own free-response answers, use the printable PDF below.</p>
        <p style="font-size: 11px; font-weight: 600; color: #94a3b8; margin: 0 0 2px; text-transform: uppercase; letter-spacing: 0.07em;">Downloads</p>
        <a href="#" onclick="triggerModalFromLesson('FRQ Mastery Playbook'); return false;" style="display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: #f0f9ff; border: 1px solid #bae6fd; border-radius: 8px; text-decoration: none; color: #0369a1; font-size: 13px; font-weight: 500;">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#0369a1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
          FRQ Mastery Playbook
        </a>
        <a href="#" onclick="triggerModalFromLesson('FRQ Mastery Playbook Answer Key'); return false;" style="display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 8px; text-decoration: none; color: #15803d; font-size: 13px; font-weight: 500;">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#15803d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
          FRQ Mastery Playbook Answer Key
        </a>
      </div>
    </div>
  </div>
</div>

<h1 style="font-family:'Sora',sans-serif;font-size:34px;font-weight:700;color:#1a1a2e;text-align:left;margin:0 0 28px;line-height:1.3;">Mock Exam (MCQs)</h1>
<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; max-width: 100%;">
  <div style="display: flex; align-items: flex-end; gap: 4px; padding: 0 16px; background: #f8fafd; border-bottom: 1px solid #e2e8f0;">
    <div style="display: inline-flex; align-items: center; gap: 7px; padding: 13px 14px 11px; font-size: 14px; font-weight: 600; color: #2D5FA3; border-bottom: 2px solid #2D5FA3; margin-bottom: -1px; white-space: nowrap;">
      <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="#2D5FA3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>
      Mock Exam (MCQs)
    </div>
  </div>
  <div style="padding: 20px;">
    <div style="display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start;">
      <div style="flex: 3; min-width: 260px;">
        <div id="mcq-progress-row" style="display: none;">
          <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
            <span id="mcq-counter" style="font-size: 13px; color: #64748b; font-weight: 500;">Question 1 of 1</span>
            <span id="mcq-score-display" style="font-size: 13px; color: #64748b; font-weight: 500;">Score: 0 / 1</span>
          </div>
          <div style="background: #e2e8f0; border-radius: 99px; height: 5px; margin-bottom: 18px;">
            <div id="mcq-progress-bar" style="background: #2D5FA3; border-radius: 99px; height: 5px; width: 0%; transition: width 0.3s;"></div>
          </div>
        </div>
        <div id="mcq-intro-card" style="background: #f8fafd; border: 1px solid #e2e8f0; border-radius: 12px; padding: 32px 28px; min-height: 340px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 16px;">
          <div style="width: 52px; height: 52px; background: #DCE9FC; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 4px auto;">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#2D5FA3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
          </div>
          <h2 style="font-size: 18px; font-weight: 700; color: #1e293b; margin: 0; text-align: center; width: 100%;">AP<sup style="font-size: 11px;">®</sup> Human Geography — MCQ Mock Exam</h2>
          <p style="font-size: 14px; color: #475569; margin: 0; line-height: 1.7; max-width: 420px; text-align: center; width: 100%;">This practice exam mirrors the format of the actual AP® Human Geography multiple-choice section. You will have 60 minutes to answer 60 questions. The timer will begin as soon as you press Start. Work at a steady pace and avoid spending too long on any single question.</p>
          <p style="font-size: 14px; color: #475569; margin: 0; line-height: 1.7; max-width: 420px; text-align: center; width: 100%;">For additional practice, visit the MCQ Masterclass and FRQ Masterclass for full mock exam questions covering those sections of the exam.</p>
          <div style="display: flex; gap: 24px; margin: 4px auto; justify-content: center;">
            <div style="text-align: center;"><p style="font-size: 22px; font-weight: 800; color: #2D5FA3; margin: 0; text-align: center;">60</p><p style="font-size: 11px; font-weight: 600; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.06em; margin: 2px 0 0; text-align: center;">Questions</p></div>
            <div style="width: 1px; background: #e2e8f0;"></div>
            <div style="text-align: center;"><p style="font-size: 22px; font-weight: 800; color: #2D5FA3; margin: 0; text-align: center;">60</p><p style="font-size: 11px; font-weight: 600; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.06em; margin: 2px 0 0; text-align: center;">Minutes</p></div>
          </div>
          <div style="display: flex; justify-content: center; width: 100%;">
            <button onclick="aphgMcqStart()" style="display: inline-flex; align-items: center; gap: 8px; padding: 11px 28px; font-size: 14px; font-weight: 600; color: #fff; background: #2D5FA3; border: none; border-radius: 8px; cursor: pointer; margin-top: 4px;">Start Exam<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg></button>
          </div>
        </div>
        <div id="mcq-question-card" style="display: none; background: #f8fafd; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px; margin-bottom: 14px; min-height: 340px; box-sizing: border-box;"></div>
        <div id="mcq-feedback" style="display: none; border-radius: 8px; padding: 12px 14px; margin-bottom: 10px; font-size: 13px; line-height: 1.5;"></div>
        <div id="mcq-lo-box" style="display: none; border: 1px solid #e2e8f0; border-radius: 8px; padding: 14px 16px; margin-bottom: 10px; background: #fff;"></div>
        <div style="display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 14px;">
          <a id="mcq-lesson-link" href="#" onclick="triggerModalFromLesson('Full Course Access'); return false;" style="display: none; align-items: center; gap: 6px; padding: 9px 18px; font-size: 13px; font-weight: 500; color: #2D5FA3; background: #DCE9FC; border: 1px solid #aac4f0; border-radius: 8px; text-decoration: none; white-space: nowrap;">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#2D5FA3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>
            Return to Full Lesson Review
          </a>
          <div style="flex: 1;"></div>
          <button id="mcq-next-btn" onclick="aphgMcqModalNext()" style="display: none; align-items: center; gap: 6px; padding: 9px 18px; font-size: 13px; font-weight: 500; color: #fff; background: #2D5FA3; border: 1px solid #2D5FA3; border-radius: 8px; cursor: pointer;">
            Next Question<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>
          </button>
        </div>
      </div>
      <div style="flex: 1; min-width: 160px; display: flex; flex-direction: column; gap: 10px;">
        <div id="mcq-timer-block" style="display: block; background: #DCE9FC; border: 1px solid #aac4f0; border-radius: 10px; padding: 12px 14px; text-align: center; margin-bottom: 2px;">
          <p style="font-size: 11px; font-weight: 600; color: #2D5FA3; margin: 0 0 4px; text-transform: uppercase; letter-spacing: 0.07em; text-align: center; width: 100%;">Time Remaining</p>
          <p id="mcq-timer-display" style="font-size: 26px; font-weight: 800; color: #2D5FA3; margin: 0; letter-spacing: 0.04em; font-variant-numeric: tabular-nums; text-align: center; width: 100%;">60:00</p>
        </div>
        <p style="font-size: 11px; font-weight: 600; color: #94a3b8; margin: 0 0 2px; text-transform: uppercase; letter-spacing: 0.07em;">Description</p>
        <p style="font-size: 13px; color: #475569; margin: 0 0 10px; line-height: 1.5;">Test your understanding with 60 questions covering the full AP® Human Geography curriculum. Read each one carefully and apply what you have learned in the course.</p>
        <p style="font-size: 11px; font-weight: 600; color: #94a3b8; margin: 0 0 2px; text-transform: uppercase; letter-spacing: 0.07em;">Downloads</p>
        <a href="#" onclick="triggerModalFromLesson('Full Practice Exam PDF'); return false;" style="display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: #fff7ed; border: 1px solid #fed7aa; border-radius: 8px; text-decoration: none; color: #c2410c; font-size: 13px; font-weight: 500;">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#c2410c" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
          Full Practice Exam PDF
        </a>
        <a href="#" onclick="triggerModalFromLesson('Practice Exam Answer Key'); return false;" style="display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 8px; text-decoration: none; color: #15803d; font-size: 13px; font-weight: 500;">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#15803d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
          Answer Key
        </a>
      </div>
    </div>
  </div>
</div>

<h1 style="font-family:'Sora',sans-serif;font-size:34px;font-weight:700;color:#1a1a2e;text-align:left;margin:0 0 28px;line-height:1.3;">1.1 Introduction to Maps</h1>
<div data-lesson="aphg-1-1" style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; max-width: 100%;">

<div id="lesson-tab-bar" style="display: flex; align-items: flex-end; gap: 4px; padding: 0 16px; background: #f8fafd; border-bottom: 1px solid #e2e8f0; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none;">
    <button onclick="switchLessonTab(0); aphg11LoadChecklist();" id="lesson-tab-0" style="display: inline-flex; align-items: center; gap: 7px; padding: 13px 14px 11px; font-size: 14px; font-weight: 600; color: #2563eb; background: transparent; border: none; border-bottom: 2px solid #2563eb; cursor: pointer; margin-bottom: -1px; white-space: nowrap;">
      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#2563eb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5A2.5 2.5 0 016.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 014 19.5v-15A2.5 2.5 0 016.5 2z"/></svg>
      Tutorial
    </button>
    <button onclick="switchLessonTab(1); aphg11FcRender();" id="lesson-tab-1" style="display: inline-flex; align-items: center; gap: 7px; padding: 13px 14px 11px; font-size: 14px; font-weight: 500; color: #64748b; background: transparent; border: none; border-bottom: 2px solid transparent; cursor: pointer; margin-bottom: -1px; white-space: nowrap;">
      <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="#8b5cf6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="14" rx="2"/><line x1="12" y1="4" x2="12" y2="18"/></svg>
      Flashcards
    </button>
    <button onclick="switchLessonTab(2); aphg11McqScore=0; aphg11McqRender();" id="lesson-tab-2" style="display: inline-flex; align-items: center; gap: 7px; padding: 13px 14px 11px; font-size: 14px; font-weight: 500; color: #64748b; background: transparent; border: none; border-bottom: 2px solid transparent; cursor: pointer; margin-bottom: -1px; white-space: nowrap;">
      <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="#f97316" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>
      MCQ Practice
    </button>
    <button onclick="switchLessonTab(3); aphg11FrqScore=0; aphg11FrqRender();" id="lesson-tab-3" style="display: inline-flex; align-items: center; gap: 7px; padding: 13px 14px 11px; font-size: 14px; font-weight: 500; color: #64748b; background: transparent; border: none; border-bottom: 2px solid transparent; cursor: pointer; margin-bottom: -1px; white-space: nowrap;">
      <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="#0ea5e9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>
      FRQ Practice
    </button>
  </div>

<div id="lesson-panel-0" style="padding: 20px;">
    <div style="display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start;">
      <div style="flex: 3; min-width: 260px; border-radius: 8px; overflow: hidden;">
        <iframe src="https://player.mediadelivery.net/embed/623806/d95d7083-8eb9-4ee5-8ca7-c4c6ae52861c?autoplay=false&loop=false&muted=false&preload=true&responsive=false" loading="lazy" style="border: 0; display: block; width: 100%; aspect-ratio: 16/9;" allow="accelerometer;gyroscope;autoplay;encrypted-media;picture-in-picture;" allowfullscreen="true"></iframe>
        <p style="padding-top: 12px; font-size: 11px; font-weight: 600; color: #94a3b8; margin: 0 0 2px; text-transform: uppercase; letter-spacing: 0.07em;">Description</p>
        <p style="font-size: 13px; color: #475569; margin: 0 0 10px; line-height: 1.5;">In this lesson, you will explore the difference between reference and thematic maps, and examine how maps represent spatial patterns including distance, direction, clustering, dispersal, and elevation. You will also consider how all maps are selective in the information they show, and how map projections inevitably distort shape, area, distance, or direction.</p>
      </div>
      <div style="flex: 1; min-width: 160px; display: flex; flex-direction: column; gap: 10px;">
        <p style="font-size: 11px; font-weight: 600; color: #94a3b8; margin: 0 0 2px; text-transform: uppercase; letter-spacing: 0.07em;">Lesson Worksheets</p>
        <a href="#" onclick="triggerModalFromLesson('Terms and Notes Worksheet'); return false;" style="display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 8px; text-decoration: none; color: #1d4ed8; font-size: 13px; font-weight: 500;">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#1d4ed8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
          Terms & Notes Worksheet
        </a>
        <a href="#" onclick="triggerModalFromLesson('Comprehension Worksheet'); return false;" style="display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 8px; text-decoration: none; color: #1d4ed8; font-size: 13px; font-weight: 500;">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#1d4ed8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
          Comprehension Worksheet
        </a>
        <a href="#" onclick="triggerModalFromLesson('1.1 Answer Key'); return false;" style="display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 8px; text-decoration: none; color: #15803d; font-size: 13px; font-weight: 500;">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#15803d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
          Answer Key
        </a>
        <div style="border: 1px solid #e2e8f0; border-radius: 10px; padding: 12px 14px; margin-top: 6px;">
          <p style="font-size: 11px; font-weight: 600; color: #94a3b8; margin: 0 0 10px; text-transform: uppercase; letter-spacing: 0.07em;">Lesson Checklist</p>
          <div style="display: flex; flex-direction: column; gap: 6px;" id="aphg11-checklist">
            <label style="display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 12px; color: #475569; font-weight: 500;"><input type="checkbox" data-key="chk-tutorial" onchange="aphg11SaveChecklist(this)" style="width:15px;height:15px;accent-color:#2563eb;cursor:pointer;flex-shrink:0;"> Watched tutorial</label>
            <label style="display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 12px; color: #475569; font-weight: 500;"><input type="checkbox" data-key="chk-notes" onchange="aphg11SaveChecklist(this)" style="width:15px;height:15px;accent-color:#2563eb;cursor:pointer;flex-shrink:0;"> Completed terms & notes sheet</label>
            <label style="display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 12px; color: #475569; font-weight: 500;"><input type="checkbox" data-key="chk-studyguide" onchange="aphg11SaveChecklist(this)" style="width:15px;height:15px;accent-color:#2563eb;cursor:pointer;flex-shrink:0;"> Completed comprehension worksheet</label>
            <label style="display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 12px; color: #475569; font-weight: 500;"><input type="checkbox" data-key="chk-flashcards" onchange="aphg11SaveChecklist(this)" style="width:15px;height:15px;accent-color:#2563eb;cursor:pointer;flex-shrink:0;"> Flashcard practice</label>
            <label style="display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 12px; color: #475569; font-weight: 500;"><input type="checkbox" data-key="chk-mcq" onchange="aphg11SaveChecklist(this)" style="width:15px;height:15px;accent-color:#2563eb;cursor:pointer;flex-shrink:0;"> Completed MCQ practice</label>
            <label style="display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 12px; color: #475569; font-weight: 500;"><input type="checkbox" data-key="chk-frq" onchange="aphg11SaveChecklist(this)" style="width:15px;height:15px;accent-color:#2563eb;cursor:pointer;flex-shrink:0;"> Completed FRQ practice</label>
          </div>
        </div>
      </div>
    </div>
  </div>

<div id="lesson-panel-1" style="padding: 20px; display: none;">
    <div style="display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start;">
      <div style="flex: 3; min-width: 260px;">
        <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px;">
          <span id="aphg11-fc-counter" style="font-size: 13px; color: #64748b; font-weight: 500;">Card 1 of 13</span>
          <div style="display: flex; gap: 6px;" id="aphg11-fc-dots"></div>
        </div>
        <div onclick="aphg11FlipCard()" id="aphg11-fc-card-wrap" style="cursor: pointer; perspective: 1000px; height: 340px; margin-bottom: 12px;">
          <div id="aphg11-fc-card-inner" style="position: relative; width: 100%; height: 100%; transition: transform 0.5s; transform-style: preserve-3d;">
            <div id="aphg11-fc-front" style="position: absolute; width: 100%; height: 100%; min-height: 340px; backface-visibility: hidden; -webkit-backface-visibility: hidden; background: #f8fafd; border: 1px solid #e2e8f0; border-radius: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px; box-sizing: border-box;">
              <p id="aphg11-fc-front-label" style="font-size: 11px; font-weight: 600; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.07em; margin: 0 0 12px;">Term</p>
              <p id="aphg11-fc-term" style="font-size: 20px; font-weight: 700; color: #1e293b; margin: 0; text-align: center;"></p>
              <p id="aphg11-fc-front-hint" style="font-size: 12px; color: #94a3b8; margin: 16px 0 0;">Click to reveal definition</p>
            </div>
            <div id="aphg11-fc-back" style="position: absolute; width: 100%; height: 100%; min-height: 340px; backface-visibility: hidden; -webkit-backface-visibility: hidden; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px; box-sizing: border-box; transform: rotateY(180deg);">
              <p id="aphg11-fc-back-label" style="font-size: 11px; font-weight: 600; color: #93c5fd; text-transform: uppercase; letter-spacing: 0.07em; margin: 0 0 12px;">Definition</p>
              <p id="aphg11-fc-def" style="font-size: 15px; color: #1e40af; margin: 0; text-align: center; line-height: 1.6;"></p>
            </div>
          </div>
        </div>
        <div style="display: flex; justify-content: center; align-items: center; gap: 8px; margin-bottom: 12px;">
          <span style="font-size: 12px; color: #64748b; font-weight: 500;">Definition first</span>
          <div onclick="aphg11FcToggleMode()" id="aphg11-fc-toggle-track" style="width: 36px; height: 20px; border-radius: 99px; background: #e2e8f0; cursor: pointer; position: relative; transition: background 0.2s; flex-shrink: 0;">
            <div id="aphg11-fc-toggle-thumb" style="position: absolute; top: 3px; left: 3px; width: 14px; height: 14px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.2); transition: left 0.2s;"></div>
          </div>
        </div>
        <div style="display: flex; align-items: center; justify-content: center; gap: 12px;">
          <button onclick="aphg11FcNav(-1)" style="display: inline-flex; align-items: center; gap: 6px; padding: 9px 18px; font-size: 13px; font-weight: 500; color: #475569; background: #f1f5f9; border: 1px solid #e2e8f0; border-radius: 8px; cursor: pointer;">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg>
            Previous
          </button>
          <button onclick="aphg11FcNav(1)" style="display: inline-flex; align-items: center; gap: 6px; padding: 9px 18px; font-size: 13px; font-weight: 500; color: #fff; background: #2D5FA3; border: 1px solid #2D5FA3; border-radius: 8px; cursor: pointer;">
            Next
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>
          </button>
        </div>
      </div>
      <div style="flex: 1; min-width: 160px; display: flex; flex-direction: column; gap: 10px;">
        <p style="font-size: 11px; font-weight: 600; color: #94a3b8; margin: 0 0 2px; text-transform: uppercase; letter-spacing: 0.07em;">Description</p>
        <p style="font-size: 13px; color: #475569; margin: 0 0 6px; line-height: 1.5;">Test your knowledge of 13 key terms:</p>
        <p style="font-size: 12px; color: #64748b; margin: 0 0 10px; line-height: 1.7;">Reference Map · Thematic Map · Absolute Distance · Relative Distance · Absolute Direction · Relative Direction · Clustering · Dispersal · Elevation · Shape Distortion · Area Distortion · Distance Distortion · Direction Distortion</p>
        <p style="font-size: 11px; font-weight: 600; color: #94a3b8; margin: 0 0 2px; text-transform: uppercase; letter-spacing: 0.07em;">Downloads</p>
        <a href="#" onclick="triggerModalFromLesson('1.1 Flashcards'); return false;" style="display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: #f5f3ff; border: 1px solid #ddd6fe; border-radius: 8px; text-decoration: none; color: #6d28d9; font-size: 13px; font-weight: 500;">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#6d28d9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
          Download Flashcards
        </a>
      </div>
    </div>
  </div>

<div id="lesson-panel-2" style="padding: 20px; display: none;">
    <div style="display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start;">
      <div style="flex: 3; min-width: 260px;">
        <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
          <span id="aphg11-mcq-counter" style="font-size: 13px; color: #64748b; font-weight: 500;">Question 1 of 6</span>
          <span id="aphg11-mcq-score-display" style="font-size: 13px; color: #64748b; font-weight: 500;">Score: 0 / 6</span>
        </div>
        <div style="background: #e2e8f0; border-radius: 99px; height: 5px; margin-bottom: 18px;">
          <div id="aphg11-mcq-progress-bar" style="background: #f97316; border-radius: 99px; height: 5px; width: 16.67%; transition: width 0.3s;"></div>
        </div>
        <div style="background: #f8fafd; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px; margin-bottom: 14px; min-height: 340px; box-sizing: border-box;">
          <p id="aphg11-mcq-question" style="font-size: 15px; font-weight: 600; color: #1e293b; margin: 0 0 16px; line-height: 1.5;"></p>
          <div id="aphg11-mcq-options" style="display: flex; flex-direction: column; gap: 8px;"></div>
        </div>
        <div id="aphg11-mcq-feedback" style="display: none; border-radius: 8px; padding: 12px 14px; margin-bottom: 8px; font-size: 13px; line-height: 1.5;"></div>
        <div id="aphg11-mcq-outcome" style="display: none; border-radius: 8px; padding: 10px 14px; margin-bottom: 14px; background: #f8fafd; border: 1px solid #e2e8f0; font-size: 12px; color: #475569; line-height: 1.5;">
          <span style="display: block; font-size: 11px; font-weight: 600; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.07em; margin-bottom: 4px;">Learning Outcome</span>
          <span id="aphg11-mcq-outcome-text"></span>
        </div>
        <div style="display: flex; justify-content: flex-end;">
          <button id="aphg11-mcq-next-btn" onclick="aphg11McqNext()" style="display: none; align-items: center; gap: 6px; padding: 9px 18px; font-size: 13px; font-weight: 500; color: #fff; background: #2D5FA3; border: 1px solid #2D5FA3; border-radius: 8px; cursor: pointer;">
            Next Question
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>
          </button>
        </div>
      </div>
      <div style="flex: 1; min-width: 160px; display: flex; flex-direction: column; gap: 10px;">
        <p style="font-size: 11px; font-weight: 600; color: #94a3b8; margin: 0 0 2px; text-transform: uppercase; letter-spacing: 0.07em;">Description</p>
        <p style="font-size: 13px; color: #475569; margin: 0 0 10px; line-height: 1.5;">Test your understanding with 6 multiple-choice questions. Read each scenario carefully and select the best answer. After answering, you’ll see an explanation and the learning outcome it addresses.</p>
        <p style="font-size: 11px; font-weight: 600; color: #94a3b8; margin: 0 0 2px; text-transform: uppercase; letter-spacing: 0.07em;">Downloads</p>
        <a href="#" onclick="triggerModalFromLesson('1.1 Practice MCQs'); return false;" style="display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: #fff7ed; border: 1px solid #fed7aa; border-radius: 8px; text-decoration: none; color: #c2410c; font-size: 13px; font-weight: 500;">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#c2410c" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
          Lesson Practice MCQs
        </a>
        <a href="#" onclick="triggerModalFromLesson('1.1 MCQ Answer Key'); return false;" style="display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 8px; text-decoration: none; color: #15803d; font-size: 13px; font-weight: 500;">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#854d0e" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
          Answer Key
        </a>
      </div>
    </div>
  </div>

<div id="lesson-panel-3" style="padding: 20px; display: none;">
    <div style="display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start;">
      <div style="flex: 3; min-width: 260px;">
        <div style="background: #f8fafd; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px; margin-bottom: 14px;">
          <p style="font-size: 18px; font-weight: 700; color: #1e293b; text-align: center; margin: 0 0 16px;">Exam-Style FRQ Question</p>
          <div style="text-align: center; margin-bottom: 10px;">
            <img decoding="async" src="https://mrcartersguides.com/wp-content/uploads/2026/03/hug-1-1-frq-img.png" style="width: 85%; border-radius: 8px;" />
          </div>
          <p style="font-size: 12px; color: #64748b; text-align: center; margin: 0 0 14px; font-style: italic;">Population Density and Fast-Food Restaurant Locations in a Metropolitan Area</p>
          <p style="font-size: 13px; color: #475569; line-height: 1.6; margin: 0 0 10px;">The map above shows the distribution of fast-food restaurants in a metropolitan area. Dots represent restaurant locations, and shaded areas represent population density. Geographers analyze maps like this to identify clustering, dispersal, and the relationship between population and services.</p>
          <p style="font-size: 13px; color: #1e293b; font-weight: 600; margin: 0;">Respond to parts A, B, C, D, E, F, and G.</p>
        </div>
        <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
          <span id="aphg11-frq-counter" style="font-size: 13px; color: #64748b; font-weight: 500;">Part A of 7</span>
          <span id="aphg11-frq-score-display" style="font-size: 13px; color: #64748b; font-weight: 500;">Score: 0 / 7</span>
        </div>
        <div style="background: #e2e8f0; border-radius: 99px; height: 5px; margin-bottom: 18px;">
          <div id="aphg11-frq-progress-bar" style="background: #2D5FA3; border-radius: 99px; height: 5px; width: 14.28%; transition: width 0.3s;"></div>
        </div>
        <div style="background: #f8fafd; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px; margin-bottom: 14px; box-sizing: border-box;">
          <p id="aphg11-frq-question" style="font-size: 15px; font-weight: 600; color: #1e293b; margin: 0 0 16px; line-height: 1.5;"></p>
          <div id="aphg11-frq-options" style="display: flex; flex-direction: column; gap: 8px;"></div>
        </div>
        <div id="aphg11-frq-feedback" style="display: none; border-radius: 8px; padding: 12px 14px; margin-bottom: 8px; font-size: 13px; line-height: 1.5;"></div>
        <div id="aphg11-frq-outcome" style="display: none; border-radius: 8px; padding: 10px 14px; margin-bottom: 14px; background: #f8fafd; border: 1px solid #e2e8f0; font-size: 12px; color: #475569; line-height: 1.5;">
          <span style="display: block; font-size: 11px; font-weight: 600; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.07em; margin-bottom: 4px;">Learning Outcome</span>
          <span id="aphg11-frq-outcome-text"></span>
        </div>
        <div style="display: flex; justify-content: flex-end;">
          <button id="aphg11-frq-next-btn" onclick="aphg11FrqNext()" style="display: none; align-items: center; gap: 6px; padding: 9px 18px; font-size: 13px; font-weight: 500; color: #fff; background: #2D5FA3; border: 1px solid #2D5FA3; border-radius: 8px; cursor: pointer;">
            Next Part
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>
          </button>
        </div>
        <div id="aphg11-frq-results" style="display: none; text-align: center; padding: 10px 0; width: 100%; box-sizing: border-box;">
          <p style="font-size: 28px; font-weight: 800; color: #1e293b; margin: 0 0 6px; text-align: center;" id="aphg11-frq-final-score"></p>
          <p style="font-size: 14px; color: #64748b; margin: 0 0 20px; text-align: center;" id="aphg11-frq-final-msg"></p>
          <div style="display: flex; justify-content: center;">
            <button onclick="aphg11FrqReset()" style="display: inline-flex; align-items: center; gap: 6px; padding: 10px 20px; font-size: 13px; font-weight: 500; color: #fff; background: #2D5FA3; border: 1px solid #2D5FA3; border-radius: 8px; cursor: pointer;">
              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 1 0 .49-3.47"/></svg>
              Try Again
            </button>
          </div>
        </div>
      </div>
      <div style="flex: 1; min-width: 160px; display: flex; flex-direction: column; gap: 10px;">
        <p style="font-size: 11px; font-weight: 600; color: #94a3b8; margin: 0 0 2px; text-transform: uppercase; letter-spacing: 0.07em;">Description</p>
        <p style="font-size: 13px; color: #475569; margin: 0 0 6px; line-height: 1.5;">Test your understanding of this lesson with an exam-style FRQ practice question. Select the most correct answer that you would write-in for each part from the options. Answers are examples of correct responses only. Other correct responses are possible.</p>
        <p style="font-size: 13px; color: #475569; margin: 0 0 10px; line-height: 1.5;">To write-in your own free-response answers, use the printable PDF below.</p>
        <p style="font-size: 11px; font-weight: 600; color: #94a3b8; margin: 0 0 2px; text-transform: uppercase; letter-spacing: 0.07em;">Downloads</p>
        <a href="#" onclick="triggerModalFromLesson('1.1 Practice FRQ'); return false;" style="display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: #f0f9ff; border: 1px solid #bae6fd; border-radius: 8px; text-decoration: none; color: #0369a1; font-size: 13px; font-weight: 500;">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#0369a1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
          Lesson Practice FRQ
        </a>
        <a href="#" onclick="triggerModalFromLesson('1.1 FRQ Answer Key'); return false;" style="display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 8px; text-decoration: none; color: #15803d; font-size: 13px; font-weight: 500;">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#15803d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
          Answer Key
        </a>
      </div>
    </div>
  </div>

</div>

<div style="text-align:center;margin-bottom:16px;"><img decoding="async" src="https://spark.thrivecart.com/0x0/user_assets%2FRGFXKLMH%2Fuploads%2Fimages%2Flogo-for-thrive-1771698851.png" alt="Mr Carter's Guides" style="width:170px;height:auto;display:inline-block;box-shadow:none;"></div><h1 style="font-family:'Sora',sans-serif;font-size:34px;font-weight:700;color:#1a1a2e;text-align:center;margin:0 0 28px;line-height:1.3;">Where would you like to start today?</h1><div style="margin:0;padding:0;font-family:'DM Sans',sans-serif;min-height:100vh;">

<p style="margin:0 0 14px;font-size:0.7rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#6b7280;">Rapid Course Review</p>
    <div id="grid-rapid" style="display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px;">

<a href="#" onclick="openLessonById('aphg-rapid-review'); return false;"
         style="display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;background:#E8FDFB;border:1.5px solid #0a9e8f;border-radius:8px;padding:40px 28px;min-height:180px;box-shadow:0 1px 4px rgba(0,0,0,0.06);text-align:center;"
         onmouseover="this.style.boxShadow='0 6px 20px rgba(10,158,143,0.2)';this.style.background='#C8FAF5';"
         onmouseout="this.style.boxShadow='0 1px 4px rgba(0,0,0,0.06)';this.style.background='#E8FDFB';">
        <span style="display:block;font-size:1rem;font-weight:700;color:#0a9e8f;letter-spacing:0.07em;text-transform:uppercase;margin-bottom:8px;">5-Hour Rapid Full Course Review</span>
        <span style="display:inline-flex;align-items:center;gap:5px;font-size:0.78rem;font-weight:600;color:#0a9e8f;background:rgba(255,255,255,0.55);border-radius:20px;padding:3px 10px;margin-bottom:12px;">
          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#0a9e8f" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
          5 hours
        </span>
        <span style="display:block;font-size:0.875rem;font-weight:400;color:#0d6b61;line-height:1.6;">A focused walkthrough of every major topic — ideal if the exam is coming up fast.</span>
      </a>

<a href="#" onclick="openLessonById('aphg-mock-exam'); return false;"
         style="display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;background:#E8FDFB;border:1.5px solid #0a9e8f;border-radius:8px;padding:40px 28px;min-height:180px;box-shadow:0 1px 4px rgba(0,0,0,0.06);text-align:center;"
         onmouseover="this.style.boxShadow='0 6px 20px rgba(10,158,143,0.2)';this.style.background='#C8FAF5';"
         onmouseout="this.style.boxShadow='0 1px 4px rgba(0,0,0,0.06)';this.style.background='#E8FDFB';">
        <span style="display:block;font-size:1rem;font-weight:700;color:#0a9e8f;letter-spacing:0.07em;text-transform:uppercase;margin-bottom:8px;">Practice Exam</span>
        <span style="display:inline-flex;align-items:center;gap:5px;font-size:0.78rem;font-weight:600;color:#0a9e8f;background:rgba(255,255,255,0.55);border-radius:20px;padding:3px 10px;margin-bottom:12px;">
          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#0a9e8f" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
          60 minutes
        </span>
        <span style="display:block;font-size:0.875rem;font-weight:400;color:#0d6b61;line-height:1.6;">Full-length timed practice exam for the MCQ section that mirrors the real AP exam format and difficulty.</span>
      </a>

</div>

<p style="margin:0 0 14px;font-size:0.7rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#6b7280;">Unit Self-Study and Review</p>
    <div id="grid-units" style="display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px;">

<a href="#" onclick="openLessonById('aphg-1-1'); return false;"
         style="display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;background:#E8FDFB;border:1.5px solid #0a9e8f;border-radius:8px;padding:40px 28px;min-height:180px;box-shadow:0 1px 4px rgba(0,0,0,0.06);text-align:center;"
         onmouseover="this.style.boxShadow='0 6px 20px rgba(10,158,143,0.2)';this.style.background='#C8FAF5';"
         onmouseout="this.style.boxShadow='0 1px 4px rgba(0,0,0,0.06)';this.style.background='#E8FDFB';">
        <span style="display:block;font-size:1rem;font-weight:700;color:#0a9e8f;letter-spacing:0.07em;text-transform:uppercase;margin-bottom:8px;">Unit 1 — Thinking Geographically</span>
        <span style="display:inline-flex;align-items:center;gap:5px;font-size:0.78rem;font-weight:600;color:#0a9e8f;background:rgba(255,255,255,0.55);border-radius:20px;padding:3px 10px;margin-bottom:12px;">
          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#0a9e8f" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
          60 minutes
        </span>
        <span style="display:block;font-size:0.875rem;font-weight:400;color:#0d6b61;line-height:1.6;">Maps, geographic data, and the tools geographers use to understand our world.</span>
      </a>

<a href="#" onclick="triggerModalFromLesson('Unit 2 — Population and Migration'); return false;"
         style="display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;background:#E8FDFB;border:1.5px solid #0a9e8f;border-radius:8px;padding:40px 28px;min-height:180px;box-shadow:0 1px 4px rgba(0,0,0,0.06);text-align:center;"
         onmouseover="this.style.boxShadow='0 6px 20px rgba(10,158,143,0.2)';this.style.background='#C8FAF5';"
         onmouseout="this.style.boxShadow='0 1px 4px rgba(0,0,0,0.06)';this.style.background='#E8FDFB';">
        <span style="display:block;font-size:1rem;font-weight:700;color:#0a9e8f;letter-spacing:0.07em;text-transform:uppercase;margin-bottom:8px;">Unit 2 — Population and Migration</span>
        <span style="display:inline-flex;align-items:center;gap:5px;font-size:0.78rem;font-weight:600;color:#0a9e8f;background:rgba(255,255,255,0.55);border-radius:20px;padding:3px 10px;margin-bottom:12px;">
          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#0a9e8f" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
          60 minutes
        </span>
        <span style="display:block;font-size:0.875rem;font-weight:400;color:#0d6b61;line-height:1.6;">Population distribution, growth models, and the patterns and causes of human migration.</span>
      </a>

<a href="#" onclick="triggerModalFromLesson('Unit 3 — Cultural Patterns and Processes'); return false;"
         style="display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;background:#E8FDFB;border:1.5px solid #0a9e8f;border-radius:8px;padding:40px 28px;min-height:180px;box-shadow:0 1px 4px rgba(0,0,0,0.06);text-align:center;"
         onmouseover="this.style.boxShadow='0 6px 20px rgba(10,158,143,0.2)';this.style.background='#C8FAF5';"
         onmouseout="this.style.boxShadow='0 1px 4px rgba(0,0,0,0.06)';this.style.background='#E8FDFB';">
        <span style="display:block;font-size:1rem;font-weight:700;color:#0a9e8f;letter-spacing:0.07em;text-transform:uppercase;margin-bottom:8px;">Unit 3 — Cultural Patterns and Processes</span>
        <span style="display:inline-flex;align-items:center;gap:5px;font-size:0.78rem;font-weight:600;color:#0a9e8f;background:rgba(255,255,255,0.55);border-radius:20px;padding:3px 10px;margin-bottom:12px;">
          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#0a9e8f" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
          60 minutes
        </span>
        <span style="display:block;font-size:0.875rem;font-weight:400;color:#0d6b61;line-height:1.6;">Language, religion, ethnicity, and how culture spreads and shapes the human landscape.</span>
      </a>

<a href="#" onclick="triggerModalFromLesson('Unit 4 — Political Patterns and Processes'); return false;"
         style="display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;background:#E8FDFB;border:1.5px solid #0a9e8f;border-radius:8px;padding:40px 28px;min-height:180px;box-shadow:0 1px 4px rgba(0,0,0,0.06);text-align:center;"
         onmouseover="this.style.boxShadow='0 6px 20px rgba(10,158,143,0.2)';this.style.background='#C8FAF5';"
         onmouseout="this.style.boxShadow='0 1px 4px rgba(0,0,0,0.06)';this.style.background='#E8FDFB';">
        <span style="display:block;font-size:1rem;font-weight:700;color:#0a9e8f;letter-spacing:0.07em;text-transform:uppercase;margin-bottom:8px;">Unit 4 — Political Patterns and Processes</span>
        <span style="display:inline-flex;align-items:center;gap:5px;font-size:0.78rem;font-weight:600;color:#0a9e8f;background:rgba(255,255,255,0.55);border-radius:20px;padding:3px 10px;margin-bottom:12px;">
          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#0a9e8f" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
          60 minutes
        </span>
        <span style="display:block;font-size:0.875rem;font-weight:400;color:#0d6b61;line-height:1.6;">States, borders, sovereignty, and how political power is organized and contested across space.</span>
      </a>

<a href="#" onclick="triggerModalFromLesson('Unit 5 — Agriculture and Rural Land-Use'); return false;"
         style="display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;background:#E8FDFB;border:1.5px solid #0a9e8f;border-radius:8px;padding:40px 28px;min-height:180px;box-shadow:0 1px 4px rgba(0,0,0,0.06);text-align:center;"
         onmouseover="this.style.boxShadow='0 6px 20px rgba(10,158,143,0.2)';this.style.background='#C8FAF5';"
         onmouseout="this.style.boxShadow='0 1px 4px rgba(0,0,0,0.06)';this.style.background='#E8FDFB';">
        <span style="display:block;font-size:1rem;font-weight:700;color:#0a9e8f;letter-spacing:0.07em;text-transform:uppercase;margin-bottom:8px;">Unit 5 — Agriculture and Rural Land-Use</span>
        <span style="display:inline-flex;align-items:center;gap:5px;font-size:0.78rem;font-weight:600;color:#0a9e8f;background:rgba(255,255,255,0.55);border-radius:20px;padding:3px 10px;margin-bottom:12px;">
          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#0a9e8f" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
          60 minutes
        </span>
        <span style="display:block;font-size:0.875rem;font-weight:400;color:#0d6b61;line-height:1.6;">Agricultural origins, land-use models, and how food systems shape rural landscapes.</span>
      </a>

<a href="#" onclick="triggerModalFromLesson('Unit 6 — Cities and Urban Land-Use'); return false;"
         style="display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;background:#E8FDFB;border:1.5px solid #0a9e8f;border-radius:8px;padding:40px 28px;min-height:180px;box-shadow:0 1px 4px rgba(0,0,0,0.06);text-align:center;"
         onmouseover="this.style.boxShadow='0 6px 20px rgba(10,158,143,0.2)';this.style.background='#C8FAF5';"
         onmouseout="this.style.boxShadow='0 1px 4px rgba(0,0,0,0.06)';this.style.background='#E8FDFB';">
        <span style="display:block;font-size:1rem;font-weight:700;color:#0a9e8f;letter-spacing:0.07em;text-transform:uppercase;margin-bottom:8px;">Unit 6 — Cities and Urban Land-Use</span>
        <span style="display:inline-flex;align-items:center;gap:5px;font-size:0.78rem;font-weight:600;color:#0a9e8f;background:rgba(255,255,255,0.55);border-radius:20px;padding:3px 10px;margin-bottom:12px;">
          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#0a9e8f" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
          60 minutes
        </span>
        <span style="display:block;font-size:0.875rem;font-weight:400;color:#0d6b61;line-height:1.6;">Urbanization, city models, and the forces driving growth and change in urban areas worldwide.</span>
      </a>

<a href="#" onclick="triggerModalFromLesson('Unit 7 — Industrial and Economic Development'); return false;"
         style="display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;background:#E8FDFB;border:1.5px solid #0a9e8f;border-radius:8px;padding:40px 28px;min-height:180px;box-shadow:0 1px 4px rgba(0,0,0,0.06);text-align:center;"
         onmouseover="this.style.boxShadow='0 6px 20px rgba(10,158,143,0.2)';this.style.background='#C8FAF5';"
         onmouseout="this.style.boxShadow='0 1px 4px rgba(0,0,0,0.06)';this.style.background='#E8FDFB';">
        <span style="display:block;font-size:1rem;font-weight:700;color:#0a9e8f;letter-spacing:0.07em;text-transform:uppercase;margin-bottom:8px;">Unit 7 — Industrial and Economic Development</span>
        <span style="display:inline-flex;align-items:center;gap:5px;font-size:0.78rem;font-weight:600;color:#0a9e8f;background:rgba(255,255,255,0.55);border-radius:20px;padding:3px 10px;margin-bottom:12px;">
          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#0a9e8f" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
          60 minutes
        </span>
        <span style="display:block;font-size:0.875rem;font-weight:400;color:#0d6b61;line-height:1.6;">Industrialization, economic development models, and global patterns of trade and inequality.</span>
      </a>

</div>

<p style="margin:0 0 14px;font-size:0.7rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#6b7280;">Bonuses</p>
    <div id="grid-bonuses" style="display:grid;grid-template-columns:repeat(3,1fr);gap:16px;">

<a href="#" onclick="triggerModalFromLesson('FRQ Mastery Playbook'); return false;"
         style="display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;background:#E8FDFB;border:1.5px solid #0a9e8f;border-radius:8px;padding:40px 28px;min-height:180px;box-shadow:0 1px 4px rgba(0,0,0,0.06);text-align:center;"
         onmouseover="this.style.boxShadow='0 6px 20px rgba(10,158,143,0.2)';this.style.background='#C8FAF5';"
         onmouseout="this.style.boxShadow='0 1px 4px rgba(0,0,0,0.06)';this.style.background='#E8FDFB';">
        <span style="display:block;font-size:1rem;font-weight:700;color:#0a9e8f;letter-spacing:0.07em;text-transform:uppercase;margin-bottom:8px;">FRQ Mastery Playbook</span>
        <span style="display:inline-flex;align-items:center;gap:5px;font-size:0.78rem;font-weight:600;color:#0a9e8f;background:rgba(255,255,255,0.55);border-radius:20px;padding:3px 10px;margin-bottom:12px;">
          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#0a9e8f" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
          7 hours
        </span>
        <span style="display:block;font-size:0.875rem;font-weight:400;color:#0d6b61;line-height:1.6;">A complete FRQ strategy guide — structure, scoring, and how to write high-point responses.</span>
      </a>

<a href="#" onclick="triggerModalFromLesson('MCQ Mastery Playbook'); return false;"
         style="display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;background:#E8FDFB;border:1.5px solid #0a9e8f;border-radius:8px;padding:40px 28px;min-height:180px;box-shadow:0 1px 4px rgba(0,0,0,0.06);text-align:center;"
         onmouseover="this.style.boxShadow='0 6px 20px rgba(10,158,143,0.2)';this.style.background='#C8FAF5';"
         onmouseout="this.style.boxShadow='0 1px 4px rgba(0,0,0,0.06)';this.style.background='#E8FDFB';">
        <span style="display:block;font-size:1rem;font-weight:700;color:#0a9e8f;letter-spacing:0.07em;text-transform:uppercase;margin-bottom:8px;">MCQ Mastery Playbook</span>
        <span style="display:inline-flex;align-items:center;gap:5px;font-size:0.78rem;font-weight:600;color:#0a9e8f;background:rgba(255,255,255,0.55);border-radius:20px;padding:3px 10px;margin-bottom:12px;">
          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#0a9e8f" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
          7 hours
        </span>
        <span style="display:block;font-size:0.875rem;font-weight:400;color:#0d6b61;line-height:1.6;">A complete MCQ strategy guide — how to read, reason, and select the right answer every time.</span>
      </a>

<a href="#" onclick="triggerModalFromLesson('Last-Minute Knowledge Checklist'); return false;"
         style="display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;background:#E8FDFB;border:1.5px solid #0a9e8f;border-radius:8px;padding:40px 28px;min-height:180px;box-shadow:0 1px 4px rgba(0,0,0,0.06);text-align:center;"
         onmouseover="this.style.boxShadow='0 6px 20px rgba(10,158,143,0.2)';this.style.background='#C8FAF5';"
         onmouseout="this.style.boxShadow='0 1px 4px rgba(0,0,0,0.06)';this.style.background='#E8FDFB';">
        <span style="display:block;font-size:1rem;font-weight:700;color:#0a9e8f;letter-spacing:0.07em;text-transform:uppercase;margin-bottom:8px;">Last Minute Knowledge Checklist</span>
        <span style="display:inline-flex;align-items:center;gap:5px;font-size:0.78rem;font-weight:600;color:#0a9e8f;background:rgba(255,255,255,0.55);border-radius:20px;padding:3px 10px;margin-bottom:12px;">
          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#0a9e8f" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
          15 minutes
        </span>
        <span style="display:block;font-size:0.875rem;font-weight:400;color:#0d6b61;line-height:1.6;">Everything you need to confirm before exam day — the must-knows, common traps, and final reminders.</span>
      </a>

<a href="#" onclick="triggerModalFromLesson('Interactive Flashcard Practice'); return false;"
         style="display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;background:#E8FDFB;border:1.5px solid #0a9e8f;border-radius:8px;padding:40px 28px;min-height:180px;box-shadow:0 1px 4px rgba(0,0,0,0.06);text-align:center;"
         onmouseover="this.style.boxShadow='0 6px 20px rgba(10,158,143,0.2)';this.style.background='#C8FAF5';"
         onmouseout="this.style.boxShadow='0 1px 4px rgba(0,0,0,0.06)';this.style.background='#E8FDFB';">
        <span style="display:block;font-size:1rem;font-weight:700;color:#0a9e8f;letter-spacing:0.07em;text-transform:uppercase;margin-bottom:8px;">Interactive Flashcard Practice</span>
        <span style="display:inline-flex;align-items:center;gap:5px;font-size:0.78rem;font-weight:600;color:#0a9e8f;background:rgba(255,255,255,0.55);border-radius:20px;padding:3px 10px;margin-bottom:12px;">
          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#0a9e8f" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
          15 minutes
        </span>
        <span style="display:block;font-size:0.875rem;font-weight:400;color:#0d6b61;line-height:1.6;">Drill key terms and concepts with interactive flashcards organized by unit.</span>
      </a>

<a href="#" onclick="triggerModalFromLesson('Key Terms Worksheet'); return false;"
         style="display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;background:#E8FDFB;border:1.5px solid #0a9e8f;border-radius:8px;padding:40px 28px;min-height:180px;box-shadow:0 1px 4px rgba(0,0,0,0.06);text-align:center;"
         onmouseover="this.style.boxShadow='0 6px 20px rgba(10,158,143,0.2)';this.style.background='#C8FAF5';"
         onmouseout="this.style.boxShadow='0 1px 4px rgba(0,0,0,0.06)';this.style.background='#E8FDFB';">
        <span style="display:block;font-size:1rem;font-weight:700;color:#0a9e8f;letter-spacing:0.07em;text-transform:uppercase;margin-bottom:8px;">Key Terms Worksheet</span>
        <span style="display:inline-flex;align-items:center;gap:5px;font-size:0.78rem;font-weight:600;color:#0a9e8f;background:rgba(255,255,255,0.55);border-radius:20px;padding:3px 10px;margin-bottom:12px;">
          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#0a9e8f" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
          15 minutes
        </span>
        <span style="display:block;font-size:0.875rem;font-weight:400;color:#0d6b61;line-height:1.6;">Reinforce essential vocabulary with a structured worksheet covering all seven units.</span>
      </a>

</div>

Welcome to AP Human Geography

Stop Guessing—Just Follow the Playbook.