Reformat running.html and set og:type to website

D David Veksler ยท 1 month ago e34ff3bf4c0365a6e362b2d70cda7f65a8832b8a
Parent: cd33ff14f
Reformats running.html for improved readability (breaking inline tags onto separate lines, normalizing indentation for headings, icons, lists, strong/em/term spans, and tidying the JSON-LD block). Also replaces the original Open Graph type (removed earlier) with a meta og:type="website" entry. No substantive content changes aside from the OG type and formatting.

1 file changed +1685 โˆ’359

Diff

diff --git a/running.html b/running.html
index 0293dcc..4e39890 100644
--- a/running.html
+++ b/running.html
@@ -17,7 +17,6 @@
   <!-- Social Media Metadata -->
   <meta content="Running Cheatsheet: Training, Pacing &amp; Race Plan" property="og:title"/>
   <meta content="A focused visual guide to running โ€” training principles, heart-rate zones, workouts, race distances, pacing, form, gear, fueling, injury prevention, recovery, and a 10K race plan." property="og:description"/>
-  <meta content="article" property="og:type"/>
   <meta content="https://cheatsheets.davidveksler.com/running.html" property="og:url"/>
   <meta content="images/running.png" property="og:image"/>
   <meta content="Running cheatsheet covering training zones, workouts, pacing, form, gear, and injury prevention." property="og:image:alt"/>
@@ -50,6 +49,7 @@
             --run-color-workouts: #E53935;
             --run-color-distances: #00897B;
             --run-color-race: #FB8C00;
+            --run-color-marathon: #00695C;
             --run-color-strategy: #3949AB;
             --run-color-form: #43A047;
             --run-color-gear: #6D4C41;
@@ -290,6 +290,7 @@
         .section-workouts { --cat-color: var(--run-color-workouts); }
         .section-distances { --cat-color: var(--run-color-distances); }
         .section-race { --cat-color: var(--run-color-race); }
+        .section-marathon { --cat-color: var(--run-color-marathon); }
         .section-strategy { --cat-color: var(--run-color-strategy); }
         .section-form { --cat-color: var(--run-color-form); }
         .section-gear { --cat-color: var(--run-color-gear); }
@@ -311,7 +312,7 @@
         }
   </style>
   <script type="application/ld+json">
-  {
+   {
     "@context": "https://schema.org",
     "@type": "TechArticle",
     "headline": "Running Cheatsheet: Training, Pacing & Race Plan (5K to Marathon)",
@@ -325,65 +326,158 @@
     "keywords": "running, 10K training, running workouts, running form, marathon training, half marathon, running injuries, pacing, heart rate zones, running gear, fueling, recovery"
   }
   </script>
+  <meta content="website" property="og:type"/>
  </head>
  <body>
   <header class="page-header">
    <h1>
-    <i class="bi bi-stopwatch"></i>
+    <i class="bi bi-stopwatch">
+    </i>
     Running Cheatsheet
    </h1>
    <p class="lead">
-    A focused, at-a-glance reference for runners โ€” from first steps to race day. Training principles, intensity, workouts, pacing, form, gear, fueling, injury prevention, recovery, and the mental game, with a dedicated <strong>10K race plan</strong>.
+    A focused, at-a-glance reference for runners โ€” from first steps to race day. Training principles, intensity, workouts, pacing, form, gear, fueling, injury prevention, recovery, and the mental game, with a dedicated
+    <strong>
+     10K race plan
+    </strong>
+    .
    </p>
    <div class="quick-ref">
-    <div class="qr-item"><strong>80 / 20</strong> easy vs. hard running</div>
-    <div class="qr-item"><strong>~10%</strong> max weekly mileage jump</div>
-    <div class="qr-item"><strong>3โ€“5ร—</strong> runs per week</div>
-    <div class="qr-item"><strong>170โ€“180</strong> steps/min cadence</div>
-    <div class="qr-item"><strong>7โ€“9 hr</strong> sleep โ€” top recovery tool</div>
-    <div class="qr-item"><strong>300โ€“500 mi</strong> shoe lifespan</div>
+    <div class="qr-item">
+     <strong>
+      80 / 20
+     </strong>
+     easy vs. hard running
+    </div>
+    <div class="qr-item">
+     <strong>
+      ~10%
+     </strong>
+     max weekly mileage jump
+    </div>
+    <div class="qr-item">
+     <strong>
+      3โ€“5ร—
+     </strong>
+     runs per week
+    </div>
+    <div class="qr-item">
+     <strong>
+      170โ€“180
+     </strong>
+     steps/min cadence
+    </div>
+    <div class="qr-item">
+     <strong>
+      7โ€“9 hr
+     </strong>
+     sleep โ€” top recovery tool
+    </div>
+    <div class="qr-item">
+     <strong>
+      300โ€“500 mi
+     </strong>
+     shoe lifespan
+    </div>
    </div>
   </header>
-
   <nav class="section-nav">
    <div class="nav-scroll">
-    <a href="#section-principles">Core Principles</a>
-    <a href="#section-getting-started">Getting Started</a>
-    <a href="#section-zones">Intensity &amp; Zones</a>
-    <a href="#section-workouts">Workout Types</a>
-    <a href="#section-distances">Race Distances</a>
-    <a href="#section-10k-focus">10K Focus</a>
-    <a href="#section-strategy">Pacing &amp; Strategy</a>
-    <a href="#section-form">Form &amp; Technique</a>
-    <a href="#section-gear">Gear &amp; Shoes</a>
-    <a href="#section-nutrition">Fueling</a>
-    <a href="#section-injury">Injury Prevention</a>
-    <a href="#section-recovery">Strength &amp; Recovery</a>
-    <a href="#section-mindset">Mental Game</a>
+    <a href="#section-principles">
+     Core Principles
+    </a>
+    <a href="#section-getting-started">
+     Getting Started
+    </a>
+    <a href="#section-zones">
+     Intensity &amp; Zones
+    </a>
+    <a href="#section-workouts">
+     Workout Types
+    </a>
+    <a href="#section-distances">
+     Race Distances
+    </a>
+    <a href="#section-10k-focus">
+     10K Focus
+    </a>
+    <a href="#section-marathon">
+     Marathon
+    </a>
+    <a href="#section-strategy">
+     Pacing &amp; Strategy
+    </a>
+    <a href="#section-form">
+     Form &amp; Technique
+    </a>
+    <a href="#section-gear">
+     Gear &amp; Shoes
+    </a>
+    <a href="#section-nutrition">
+     Fueling
+    </a>
+    <a href="#section-injury">
+     Injury Prevention
+    </a>
+    <a href="#section-recovery">
+     Strength &amp; Recovery
+    </a>
+    <a href="#section-mindset">
+     Mental Game
+    </a>
    </div>
   </nav>
-
   <div class="container-lg pt-4" id="main-container">
-
    <!-- 0. CORE PRINCIPLES -->
    <section class="schema-container section-philosophy" id="section-principles">
-    <h2 class="section-title"><i class="bi bi-compass"></i> Core Principles</h2>
+    <h2 class="section-title">
+     <i class="bi bi-compass">
+     </i>
+     Core Principles
+    </h2>
     <div class="row">
      <div class="col-lg-4 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-calendar-check"></i> Consistency Beats Intensity</h5>
+        <h5>
+         <i class="bi bi-calendar-check">
+         </i>
+         Consistency Beats Intensity
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          The runner who shows up <span class="term">most days</span> for years beats the one who trains hard for six weeks and burns out. Fitness is built by accumulation.
+          The runner who shows up
+          <span class="term">
+           most days
+          </span>
+          for years beats the one who trains hard for six weeks and burns out. Fitness is built by accumulation.
          </p>
          <div class="card-detail">
-          <h6>Why It Works</h6>
-          <p>Aerobic adaptations โ€” capillaries, mitochondria, heart stroke volume โ€” develop slowly and reward sustained, repeated stimulus. Sporadic hard efforts mostly produce soreness and injury.</p>
+          <h6>
+           Why It Works
+          </h6>
+          <p>
+           Aerobic adaptations โ€” capillaries, mitochondria, heart stroke volume โ€” develop slowly and reward sustained, repeated stimulus. Sporadic hard efforts mostly produce soreness and injury.
+          </p>
           <ul>
-           <li><strong>Frequency first:</strong> 3โ€“5 runs/week, even short ones, beats one long heroic effort.</li>
-           <li><strong>Protect the streak:</strong> a 20-minute easy jog on a tired day keeps the habit alive.</li>
-           <li><strong>Think in months:</strong> meaningful gains show over 8โ€“16 week blocks, not single weeks.</li>
+           <li>
+            <strong>
+             Frequency first:
+            </strong>
+            3โ€“5 runs/week, even short ones, beats one long heroic effort.
+           </li>
+           <li>
+            <strong>
+             Protect the streak:
+            </strong>
+            a 20-minute easy jog on a tired day keeps the habit alive.
+           </li>
+           <li>
+            <strong>
+             Think in months:
+            </strong>
+            meaningful gains show over 8โ€“16 week blocks, not single weeks.
+           </li>
           </ul>
          </div>
         </div>
@@ -393,18 +487,52 @@
      <div class="col-lg-4 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-graph-up-arrow"></i> Progressive Overload</h5>
+        <h5>
+         <i class="bi bi-graph-up-arrow">
+         </i>
+         Progressive Overload
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          The body adapts to <span class="term">stress plus recovery</span>. Increase volume and intensity gradually so adaptation outpaces breakdown.
+          The body adapts to
+          <span class="term">
+           stress plus recovery
+          </span>
+          . Increase volume and intensity gradually so adaptation outpaces breakdown.
          </p>
          <div class="card-detail">
-          <h6>How to Apply It</h6>
+          <h6>
+           How to Apply It
+          </h6>
           <ul>
-           <li><strong>The ~10% guideline:</strong> raise weekly mileage by roughly 10% or less, then hold.</li>
-           <li><strong>One variable at a time:</strong> add distance <em>or</em> intensity in a given block, not both.</li>
-           <li><strong>Cutback weeks:</strong> every 3โ€“4 weeks, drop volume 20โ€“30% to absorb the work.</li>
-           <li><strong>Stress is cumulative:</strong> sleep, life stress, and heat all count against your recovery budget.</li>
+           <li>
+            <strong>
+             The ~10% guideline:
+            </strong>
+            raise weekly mileage by roughly 10% or less, then hold.
+           </li>
+           <li>
+            <strong>
+             One variable at a time:
+            </strong>
+            add distance
+            <em>
+             or
+            </em>
+            intensity in a given block, not both.
+           </li>
+           <li>
+            <strong>
+             Cutback weeks:
+            </strong>
+            every 3โ€“4 weeks, drop volume 20โ€“30% to absorb the work.
+           </li>
+           <li>
+            <strong>
+             Stress is cumulative:
+            </strong>
+            sleep, life stress, and heat all count against your recovery budget.
+           </li>
           </ul>
          </div>
         </div>
@@ -414,18 +542,49 @@
      <div class="col-lg-4 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-moon-stars"></i> Recovery Is Training</h5>
+        <h5>
+         <i class="bi bi-moon-stars">
+         </i>
+         Recovery Is Training
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          You don't get fitter <em>during</em> the run โ€” you get fitter while <span class="term">recovering</span> from it. Rest is not the absence of training; it's where adaptation happens.
+          You don't get fitter
+          <em>
+           during
+          </em>
+          the run โ€” you get fitter while
+          <span class="term">
+           recovering
+          </span>
+          from it. Rest is not the absence of training; it's where adaptation happens.
          </p>
          <div class="card-detail">
-          <h6>The Mindset Shift</h6>
-          <p>Skipping rest to "do more" usually does less โ€” it just defers the cost as fatigue or injury. Plan easy days and rest days as deliberately as hard days.</p>
+          <h6>
+           The Mindset Shift
+          </h6>
+          <p>
+           Skipping rest to "do more" usually does less โ€” it just defers the cost as fatigue or injury. Plan easy days and rest days as deliberately as hard days.
+          </p>
           <ul>
-           <li><strong>Hard/easy rhythm:</strong> never stack two hard days back-to-back.</li>
-           <li><strong>Sleep is the multiplier:</strong> most repair and hormonal adaptation happens overnight.</li>
-           <li><strong>Earned, not optional:</strong> a rest day after a hard week is part of the plan working.</li>
+           <li>
+            <strong>
+             Hard/easy rhythm:
+            </strong>
+            never stack two hard days back-to-back.
+           </li>
+           <li>
+            <strong>
+             Sleep is the multiplier:
+            </strong>
+            most repair and hormonal adaptation happens overnight.
+           </li>
+           <li>
+            <strong>
+             Earned, not optional:
+            </strong>
+            a rest day after a hard week is part of the plan working.
+           </li>
           </ul>
          </div>
         </div>
@@ -434,27 +593,57 @@
      </div>
     </div>
    </section>
-
    <!-- 1. GETTING STARTED -->
    <section class="schema-container section-foundation" id="section-getting-started">
-    <h2 class="section-title"><i class="bi bi-flag"></i> Getting Started</h2>
+    <h2 class="section-title">
+     <i class="bi bi-flag">
+     </i>
+     Getting Started
+    </h2>
     <div class="row">
      <div class="col-lg-4 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-person-walking"></i> Run-Walk Method</h5>
+        <h5>
+         <i class="bi bi-person-walking">
+         </i>
+         Run-Walk Method
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          Alternating <span class="term">run and walk intervals</span> lets beginners (and many veterans) build fitness while keeping impact and fatigue manageable.
+          Alternating
+          <span class="term">
+           run and walk intervals
+          </span>
+          lets beginners (and many veterans) build fitness while keeping impact and fatigue manageable.
          </p>
          <div class="card-detail">
-          <h6>How to Use It</h6>
+          <h6>
+           How to Use It
+          </h6>
           <ul>
-           <li><strong>Start simple:</strong> e.g. run 1 min / walk 1โ€“2 min, repeated for 20โ€“30 min.</li>
-           <li><strong>Progress the ratio:</strong> gradually lengthen run segments as they feel easy.</li>
-           <li><strong>Not just for beginners:</strong> planned walk breaks can keep long-run pace and form fresher.</li>
+           <li>
+            <strong>
+             Start simple:
+            </strong>
+            e.g. run 1 min / walk 1โ€“2 min, repeated for 20โ€“30 min.
+           </li>
+           <li>
+            <strong>
+             Progress the ratio:
+            </strong>
+            gradually lengthen run segments as they feel easy.
+           </li>
+           <li>
+            <strong>
+             Not just for beginners:
+            </strong>
+            planned walk breaks can keep long-run pace and form fresher.
+           </li>
           </ul>
-          <p>"Couch to 5K" style programs are structured run-walk progressions over ~8โ€“10 weeks.</p>
+          <p>
+           "Couch to 5K" style programs are structured run-walk progressions over ~8โ€“10 weeks.
+          </p>
          </div>
         </div>
        </div>
@@ -463,19 +652,46 @@
      <div class="col-lg-4 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-bricks"></i> Build an Aerobic Base</h5>
+        <h5>
+         <i class="bi bi-bricks">
+         </i>
+         Build an Aerobic Base
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          Before chasing speed, spend weeks accumulating <span class="term">easy aerobic miles</span>. The base is the engine every faster workout draws on.
+          Before chasing speed, spend weeks accumulating
+          <span class="term">
+           easy aerobic miles
+          </span>
+          . The base is the engine every faster workout draws on.
          </p>
          <div class="card-detail">
-          <h6>What the Base Builds</h6>
+          <h6>
+           What the Base Builds
+          </h6>
           <ul>
-           <li><strong>Structural durability:</strong> tendons, ligaments, and bones adapt slower than the heart and lungs.</li>
-           <li><strong>Fat metabolism:</strong> easy volume trains the body to spare glycogen.</li>
-           <li><strong>Workout capacity:</strong> a bigger base lets you absorb more speedwork without breaking down.</li>
+           <li>
+            <strong>
+             Structural durability:
+            </strong>
+            tendons, ligaments, and bones adapt slower than the heart and lungs.
+           </li>
+           <li>
+            <strong>
+             Fat metabolism:
+            </strong>
+            easy volume trains the body to spare glycogen.
+           </li>
+           <li>
+            <strong>
+             Workout capacity:
+            </strong>
+            a bigger base lets you absorb more speedwork without breaking down.
+           </li>
           </ul>
-          <p>A typical base phase is 4โ€“8 weeks of mostly easy running before adding structured intensity.</p>
+          <p>
+           A typical base phase is 4โ€“8 weeks of mostly easy running before adding structured intensity.
+          </p>
          </div>
         </div>
        </div>
@@ -484,18 +700,52 @@
      <div class="col-lg-4 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-calendar3"></i> Frequency &amp; Ramp Rate</h5>
+        <h5>
+         <i class="bi bi-calendar3">
+         </i>
+         Frequency &amp; Ramp Rate
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          Start with <span class="term">3โ€“4 runs per week</span> and grow volume slowly. How <em>often</em> you run matters more early on than how far.
+          Start with
+          <span class="term">
+           3โ€“4 runs per week
+          </span>
+          and grow volume slowly. How
+          <em>
+           often
+          </em>
+          you run matters more early on than how far.
          </p>
          <div class="card-detail">
-          <h6>Sensible Progression</h6>
+          <h6>
+           Sensible Progression
+          </h6>
           <ul>
-           <li><strong>3โ€“4 days to start:</strong> with rest or cross-train days between.</li>
-           <li><strong>Add a day before adding length:</strong> more frequent short runs beat fewer long ones early.</li>
-           <li><strong>~10% weekly cap:</strong> a loose ceiling, not a target โ€” repeat weeks freely.</li>
-           <li><strong>Cutback every 3โ€“4 weeks:</strong> let adaptation catch up to the load.</li>
+           <li>
+            <strong>
+             3โ€“4 days to start:
+            </strong>
+            with rest or cross-train days between.
+           </li>
+           <li>
+            <strong>
+             Add a day before adding length:
+            </strong>
+            more frequent short runs beat fewer long ones early.
+           </li>
+           <li>
+            <strong>
+             ~10% weekly cap:
+            </strong>
+            a loose ceiling, not a target โ€” repeat weeks freely.
+           </li>
+           <li>
+            <strong>
+             Cutback every 3โ€“4 weeks:
+            </strong>
+            let adaptation catch up to the load.
+           </li>
           </ul>
          </div>
         </div>
@@ -504,25 +754,50 @@
      </div>
     </div>
    </section>
-
    <!-- 2. INTENSITY & ZONES -->
    <section class="schema-container section-zones" id="section-zones">
-    <h2 class="section-title"><i class="bi bi-heart-pulse"></i> Training Intensity &amp; Zones</h2>
+    <h2 class="section-title">
+     <i class="bi bi-heart-pulse">
+     </i>
+     Training Intensity &amp; Zones
+    </h2>
     <div class="row">
      <div class="col-lg-4 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-pie-chart"></i> Easy/Hard Polarization</h5>
+        <h5>
+         <i class="bi bi-pie-chart">
+         </i>
+         Easy/Hard Polarization
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          Run roughly <span class="term">80% easy, 20% hard</span>. The most common amateur mistake is making easy runs too fast and hard runs not hard enough.
+          Run roughly
+          <span class="term">
+           80% easy, 20% hard
+          </span>
+          . The most common amateur mistake is making easy runs too fast and hard runs not hard enough.
          </p>
          <div class="card-detail">
-          <h6>Why Polarize</h6>
-          <p>Easy running builds aerobic volume cheaply; hard running supplies a sharp stimulus. The "moderate" middle accumulates fatigue without either benefit โ€” the so-called gray zone.</p>
+          <h6>
+           Why Polarize
+          </h6>
+          <p>
+           Easy running builds aerobic volume cheaply; hard running supplies a sharp stimulus. The "moderate" middle accumulates fatigue without either benefit โ€” the so-called gray zone.
+          </p>
           <ul>
-           <li><strong>Easy means easy:</strong> if in doubt, slow down โ€” ego is the enemy of recovery pace.</li>
-           <li><strong>Hard means hard:</strong> commit fully on the ~20% so the stimulus is real.</li>
+           <li>
+            <strong>
+             Easy means easy:
+            </strong>
+            if in doubt, slow down โ€” ego is the enemy of recovery pace.
+           </li>
+           <li>
+            <strong>
+             Hard means hard:
+            </strong>
+            commit fully on the ~20% so the stimulus is real.
+           </li>
           </ul>
          </div>
         </div>
@@ -532,21 +807,62 @@
      <div class="col-lg-4 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-activity"></i> Heart Rate Zones</h5>
+        <h5>
+         <i class="bi bi-activity">
+         </i>
+         Heart Rate Zones
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          A common 5-zone model maps effort to <span class="term">% of max heart rate</span>, from recovery (Z1) to maximal (Z5). Useful for keeping easy days honest.
+          A common 5-zone model maps effort to
+          <span class="term">
+           % of max heart rate
+          </span>
+          , from recovery (Z1) to maximal (Z5). Useful for keeping easy days honest.
          </p>
          <div class="card-detail">
-          <h6>Rough 5-Zone Guide (% max HR)</h6>
+          <h6>
+           Rough 5-Zone Guide (% max HR)
+          </h6>
           <ul>
-           <li><strong>Z1 ~50โ€“60%:</strong> recovery, very easy.</li>
-           <li><strong>Z2 ~60โ€“70%:</strong> easy aerobic โ€” most of your running.</li>
-           <li><strong>Z3 ~70โ€“80%:</strong> steady / "moderate" โ€” use sparingly.</li>
-           <li><strong>Z4 ~80โ€“90%:</strong> threshold / tempo.</li>
-           <li><strong>Z5 ~90โ€“100%:</strong> VO2max / interval effort.</li>
+           <li>
+            <strong>
+             Z1 ~50โ€“60%:
+            </strong>
+            recovery, very easy.
+           </li>
+           <li>
+            <strong>
+             Z2 ~60โ€“70%:
+            </strong>
+            easy aerobic โ€” most of your running.
+           </li>
+           <li>
+            <strong>
+             Z3 ~70โ€“80%:
+            </strong>
+            steady / "moderate" โ€” use sparingly.
+           </li>
+           <li>
+            <strong>
+             Z4 ~80โ€“90%:
+            </strong>
+            threshold / tempo.
+           </li>
+           <li>
+            <strong>
+             Z5 ~90โ€“100%:
+            </strong>
+            VO2max / interval effort.
+           </li>
           </ul>
-          <p>Estimate max HR with a field test rather than the rough <code>220 โˆ’ age</code> formula, which is often off by 10+ bpm.</p>
+          <p>
+           Estimate max HR with a field test rather than the rough
+           <code>
+            220 โˆ’ age
+           </code>
+           formula, which is often off by 10+ bpm.
+          </p>
          </div>
         </div>
        </div>
@@ -555,18 +871,48 @@
      <div class="col-lg-4 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-chat-dots"></i> RPE &amp; Talk Test</h5>
+        <h5>
+         <i class="bi bi-chat-dots">
+         </i>
+         RPE &amp; Talk Test
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          No watch needed: <span class="term">perceived effort</span> and whether you can hold a conversation are reliable, free intensity gauges.
+          No watch needed:
+          <span class="term">
+           perceived effort
+          </span>
+          and whether you can hold a conversation are reliable, free intensity gauges.
          </p>
          <div class="card-detail">
-          <h6>Quick Gauges</h6>
+          <h6>
+           Quick Gauges
+          </h6>
           <ul>
-           <li><strong>RPE 1โ€“10 scale:</strong> easy runs ~3โ€“4, tempo ~6โ€“7, intervals ~8โ€“9.</li>
-           <li><strong>Talk test โ€” easy:</strong> full sentences comfortably.</li>
-           <li><strong>Talk test โ€” tempo:</strong> short phrases only.</li>
-           <li><strong>Talk test โ€” hard:</strong> a word or two at most.</li>
+           <li>
+            <strong>
+             RPE 1โ€“10 scale:
+            </strong>
+            easy runs ~3โ€“4, tempo ~6โ€“7, intervals ~8โ€“9.
+           </li>
+           <li>
+            <strong>
+             Talk test โ€” easy:
+            </strong>
+            full sentences comfortably.
+           </li>
+           <li>
+            <strong>
+             Talk test โ€” tempo:
+            </strong>
+            short phrases only.
+           </li>
+           <li>
+            <strong>
+             Talk test โ€” hard:
+            </strong>
+            a word or two at most.
+           </li>
           </ul>
          </div>
         </div>
@@ -575,25 +921,53 @@
      </div>
     </div>
    </section>
-
    <!-- 3. KEY WORKOUT TYPES -->
    <section class="schema-container section-workouts" id="section-workouts">
-    <h2 class="section-title"><i class="bi bi-lightning-charge"></i> Key Workout Types</h2>
+    <h2 class="section-title">
+     <i class="bi bi-lightning-charge">
+     </i>
+     Key Workout Types
+    </h2>
     <div class="row">
      <div class="col-lg-3 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-emoji-smile"></i> Easy &amp; Recovery Runs</h5>
+        <h5>
+         <i class="bi bi-emoji-smile">
+         </i>
+         Easy &amp; Recovery Runs
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          The <span class="term">bulk of weekly volume</span>. Conversational pace that builds aerobic fitness while leaving you fresh.
+          The
+          <span class="term">
+           bulk of weekly volume
+          </span>
+          . Conversational pace that builds aerobic fitness while leaving you fresh.
          </p>
          <div class="card-detail">
-          <h6>Purpose</h6>
+          <h6>
+           Purpose
+          </h6>
           <ul>
-           <li><strong>Aerobic development:</strong> the cheapest fitness you can buy.</li>
-           <li><strong>Recovery runs:</strong> even slower, short โ€” promote blood flow between hard days.</li>
-           <li><strong>Discipline:</strong> resist racing your easy runs.</li>
+           <li>
+            <strong>
+             Aerobic development:
+            </strong>
+            the cheapest fitness you can buy.
+           </li>
+           <li>
+            <strong>
+             Recovery runs:
+            </strong>
+            even slower, short โ€” promote blood flow between hard days.
+           </li>
+           <li>
+            <strong>
+             Discipline:
+            </strong>
+            resist racing your easy runs.
+           </li>
           </ul>
          </div>
         </div>
@@ -603,17 +977,42 @@
      <div class="col-lg-3 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-signpost-2"></i> Long Run</h5>
+        <h5>
+         <i class="bi bi-signpost-2">
+         </i>
+         Long Run
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          One longer effort weekly โ€” typically <span class="term">20โ€“30% of weekly volume</span> โ€” builds endurance and time on feet.
+          One longer effort weekly โ€” typically
+          <span class="term">
+           20โ€“30% of weekly volume
+          </span>
+          โ€” builds endurance and time on feet.
          </p>
          <div class="card-detail">
-          <h6>Why It Matters</h6>
+          <h6>
+           Why It Matters
+          </h6>
           <ul>
-           <li><strong>Endurance &amp; fatigue resistance:</strong> teaches the body and mind to keep going.</li>
-           <li><strong>Mostly easy:</strong> some plans add late-run pace segments for race specificity.</li>
-           <li><strong>Cap the jump:</strong> extend gradually; the long run isn't a weekly race.</li>
+           <li>
+            <strong>
+             Endurance &amp; fatigue resistance:
+            </strong>
+            teaches the body and mind to keep going.
+           </li>
+           <li>
+            <strong>
+             Mostly easy:
+            </strong>
+            some plans add late-run pace segments for race specificity.
+           </li>
+           <li>
+            <strong>
+             Cap the jump:
+            </strong>
+            extend gradually; the long run isn't a weekly race.
+           </li>
           </ul>
          </div>
         </div>
@@ -623,17 +1022,41 @@
      <div class="col-lg-3 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-speedometer"></i> Tempo / Threshold</h5>
+        <h5>
+         <i class="bi bi-speedometer">
+         </i>
+         Tempo / Threshold
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          <span class="term">Comfortably hard</span> running at or near lactate threshold โ€” roughly the pace you could hold for an hour.
+          <span class="term">
+           Comfortably hard
+          </span>
+          running at or near lactate threshold โ€” roughly the pace you could hold for an hour.
          </p>
          <div class="card-detail">
-          <h6>The Threshold Stimulus</h6>
+          <h6>
+           The Threshold Stimulus
+          </h6>
           <ul>
-           <li><strong>Raises your sustainable pace:</strong> pushes back the point where lactate accumulates.</li>
-           <li><strong>Formats:</strong> a continuous 20โ€“40 min tempo, or "cruise intervals" (e.g. 3ร—10 min).</li>
-           <li><strong>Effort check:</strong> hard but controlled โ€” you should finish thinking you could do a bit more.</li>
+           <li>
+            <strong>
+             Raises your sustainable pace:
+            </strong>
+            pushes back the point where lactate accumulates.
+           </li>
+           <li>
+            <strong>
+             Formats:
+            </strong>
+            a continuous 20โ€“40 min tempo, or "cruise intervals" (e.g. 3ร—10 min).
+           </li>
+           <li>
+            <strong>
+             Effort check:
+            </strong>
+            hard but controlled โ€” you should finish thinking you could do a bit more.
+           </li>
           </ul>
          </div>
         </div>
@@ -643,18 +1066,48 @@
      <div class="col-lg-3 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-lightning"></i> Intervals &amp; Speed</h5>
+        <h5>
+         <i class="bi bi-lightning">
+         </i>
+         Intervals &amp; Speed
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          Short, fast repeats with recovery โ€” <span class="term">VO2max work</span>, plus strides, hills, and fartlek for power and economy.
+          Short, fast repeats with recovery โ€”
+          <span class="term">
+           VO2max work
+          </span>
+          , plus strides, hills, and fartlek for power and economy.
          </p>
          <div class="card-detail">
-          <h6>The Speed Toolbox</h6>
+          <h6>
+           The Speed Toolbox
+          </h6>
           <ul>
-           <li><strong>VO2max intervals:</strong> e.g. 5โ€“6 ร— 3 min hard with equal jog recovery.</li>
-           <li><strong>Strides:</strong> 6โ€“8 ร— 15โ€“20 s relaxed acceleration โ€” cheap economy work.</li>
-           <li><strong>Hill repeats:</strong> strength + power with lower impact than flat sprints.</li>
-           <li><strong>Fartlek:</strong> unstructured "speed play" โ€” surge by feel between landmarks.</li>
+           <li>
+            <strong>
+             VO2max intervals:
+            </strong>
+            e.g. 5โ€“6 ร— 3 min hard with equal jog recovery.
+           </li>
+           <li>
+            <strong>
+             Strides:
+            </strong>
+            6โ€“8 ร— 15โ€“20 s relaxed acceleration โ€” cheap economy work.
+           </li>
+           <li>
+            <strong>
+             Hill repeats:
+            </strong>
+            strength + power with lower impact than flat sprints.
+           </li>
+           <li>
+            <strong>
+             Fartlek:
+            </strong>
+            unstructured "speed play" โ€” surge by feel between landmarks.
+           </li>
           </ul>
          </div>
         </div>
@@ -663,25 +1116,52 @@
      </div>
     </div>
    </section>
-
    <!-- 4. RACE DISTANCES -->
    <section class="schema-container section-distances" id="section-distances">
-    <h2 class="section-title"><i class="bi bi-map"></i> Race Distances Overview</h2>
+    <h2 class="section-title">
+     <i class="bi bi-map">
+     </i>
+     Race Distances Overview
+    </h2>
     <div class="row">
      <div class="col-lg-3 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-1-circle"></i> 5K</h5>
+        <h5>
+         <i class="bi bi-1-circle">
+         </i>
+         5K
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          <span class="term">3.1 mi / 5 km</span>. Fast, accessible, and forgiving on volume โ€” the classic entry race.
+          <span class="term">
+           3.1 mi / 5 km
+          </span>
+          . Fast, accessible, and forgiving on volume โ€” the classic entry race.
          </p>
          <div class="card-detail">
-          <h6>Profile</h6>
+          <h6>
+           Profile
+          </h6>
           <ul>
-           <li><strong>Demands:</strong> high-end aerobic power with a real speed component.</li>
-           <li><strong>Typical volume:</strong> ~15โ€“25 mi/week for recreational racers.</li>
-           <li><strong>Key work:</strong> VO2max intervals and short tempos.</li>
+           <li>
+            <strong>
+             Demands:
+            </strong>
+            high-end aerobic power with a real speed component.
+           </li>
+           <li>
+            <strong>
+             Typical volume:
+            </strong>
+            ~15โ€“25 mi/week for recreational racers.
+           </li>
+           <li>
+            <strong>
+             Key work:
+            </strong>
+            VO2max intervals and short tempos.
+           </li>
           </ul>
          </div>
         </div>
@@ -691,17 +1171,44 @@
      <div class="col-lg-3 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-2-circle"></i> 10K <span class="badge bg-warning text-dark">Your Race</span></h5>
+        <h5>
+         <i class="bi bi-2-circle">
+         </i>
+         10K
+         <span class="badge bg-warning text-dark">
+          Your Race
+         </span>
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          <span class="term">6.2 mi / 10 km</span>. The balance point of speed and endurance โ€” see the dedicated 10K section below.
+          <span class="term">
+           6.2 mi / 10 km
+          </span>
+          . The balance point of speed and endurance โ€” see the dedicated 10K section below.
          </p>
          <div class="card-detail">
-          <h6>Profile</h6>
+          <h6>
+           Profile
+          </h6>
           <ul>
-           <li><strong>Demands:</strong> sustained near-threshold effort โ€” no hiding from either pace or distance.</li>
-           <li><strong>Typical volume:</strong> ~20โ€“35 mi/week recreationally.</li>
-           <li><strong>Key work:</strong> threshold tempos plus 10K/5K-pace intervals.</li>
+           <li>
+            <strong>
+             Demands:
+            </strong>
+            sustained near-threshold effort โ€” no hiding from either pace or distance.
+           </li>
+           <li>
+            <strong>
+             Typical volume:
+            </strong>
+            ~20โ€“35 mi/week recreationally.
+           </li>
+           <li>
+            <strong>
+             Key work:
+            </strong>
+            threshold tempos plus 10K/5K-pace intervals.
+           </li>
           </ul>
          </div>
         </div>
@@ -711,17 +1218,41 @@
      <div class="col-lg-3 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-3-circle"></i> Half Marathon</h5>
+        <h5>
+         <i class="bi bi-3-circle">
+         </i>
+         Half Marathon
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          <span class="term">13.1 mi / 21.1 km</span>. Hugely popular โ€” endurance-dominant but still brisk.
+          <span class="term">
+           13.1 mi / 21.1 km
+          </span>
+          . Hugely popular โ€” endurance-dominant but still brisk.
          </p>
          <div class="card-detail">
-          <h6>Profile</h6>
+          <h6>
+           Profile
+          </h6>
           <ul>
-           <li><strong>Demands:</strong> a high aerobic ceiling and the durability for 90+ minutes.</li>
-           <li><strong>Typical volume:</strong> ~25โ€“45 mi/week recreationally.</li>
-           <li><strong>Key work:</strong> longer tempos, progression long runs, some practice fueling.</li>
+           <li>
+            <strong>
+             Demands:
+            </strong>
+            a high aerobic ceiling and the durability for 90+ minutes.
+           </li>
+           <li>
+            <strong>
+             Typical volume:
+            </strong>
+            ~25โ€“45 mi/week recreationally.
+           </li>
+           <li>
+            <strong>
+             Key work:
+            </strong>
+            longer tempos, progression long runs, some practice fueling.
+           </li>
           </ul>
          </div>
         </div>
@@ -731,18 +1262,47 @@
      <div class="col-lg-3 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-infinity"></i> Marathon &amp; Beyond</h5>
+        <h5>
+         <i class="bi bi-infinity">
+         </i>
+         Marathon &amp; Beyond
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          <span class="term">26.2 mi</span> and ultramarathons. Volume, fueling, and pacing discipline dominate.
+          <span class="term">
+           26.2 mi
+          </span>
+          and ultramarathons. Volume, fueling, and pacing discipline dominate.
          </p>
          <div class="card-detail">
-          <h6>Profile</h6>
+          <h6>
+           Profile
+          </h6>
           <ul>
-           <li><strong>Demands:</strong> deep endurance, glycogen management, and patience.</li>
-           <li><strong>Typical volume:</strong> ~35โ€“55+ mi/week recreationally; much more for competitive runners.</li>
-           <li><strong>Key work:</strong> long runs, marathon-pace segments, and rehearsed race-day fueling.</li>
-           <li><strong>Ultras:</strong> add terrain, hiking, time-on-feet, and aid-station strategy.</li>
+           <li>
+            <strong>
+             Demands:
+            </strong>
+            deep endurance, glycogen management, and patience.
+           </li>
+           <li>
+            <strong>
+             Typical volume:
+            </strong>
+            ~35โ€“55+ mi/week recreationally; much more for competitive runners.
+           </li>
+           <li>
+            <strong>
+             Key work:
+            </strong>
+            long runs, marathon-pace segments, and rehearsed race-day fueling.
+           </li>
+           <li>
+            <strong>
+             Ultras:
+            </strong>
+            add terrain, hiking, time-on-feet, and aid-station strategy.
+           </li>
           </ul>
          </div>
         </div>
@@ -751,25 +1311,56 @@
      </div>
     </div>
    </section>
-
    <!-- 5. 10K FOCUS (FEATURED) -->
    <section class="schema-container section-race featured-section" id="section-10k-focus">
-    <h2 class="section-title"><i class="bi bi-bullseye"></i> 10K Focus <span class="featured-badge">Your Distance</span></h2>
+    <h2 class="section-title">
+     <i class="bi bi-bullseye">
+     </i>
+     10K Focus
+     <span class="featured-badge">
+      Your Distance
+     </span>
+    </h2>
     <div class="row">
      <div class="col-lg-3 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-bullseye"></i> What the 10K Demands</h5>
+        <h5>
+         <i class="bi bi-bullseye">
+         </i>
+         What the 10K Demands
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          A sustained effort around <span class="term">85โ€“90% intensity</span> for roughly 40โ€“60 minutes โ€” aerobic-dominant with a strong threshold edge.
+          A sustained effort around
+          <span class="term">
+           85โ€“90% intensity
+          </span>
+          for roughly 40โ€“60 minutes โ€” aerobic-dominant with a strong threshold edge.
          </p>
          <div class="card-detail">
-          <h6>The Physiology</h6>
+          <h6>
+           The Physiology
+          </h6>
           <ul>
-           <li><strong>Sits near threshold:</strong> race pace hovers just above your lactate threshold โ€” manageable but unforgiving.</li>
-           <li><strong>Needs both ends:</strong> aerobic endurance to last, plus enough speed that race pace feels controlled.</li>
-           <li><strong>Mental profile:</strong> long enough to hurt, short enough that there's no time to recover from a mistake.</li>
+           <li>
+            <strong>
+             Sits near threshold:
+            </strong>
+            race pace hovers just above your lactate threshold โ€” manageable but unforgiving.
+           </li>
+           <li>
+            <strong>
+             Needs both ends:
+            </strong>
+            aerobic endurance to last, plus enough speed that race pace feels controlled.
+           </li>
+           <li>
+            <strong>
+             Mental profile:
+            </strong>
+            long enough to hurt, short enough that there's no time to recover from a mistake.
+           </li>
           </ul>
          </div>
         </div>
@@ -779,20 +1370,52 @@
      <div class="col-lg-3 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-calendar-range"></i> 10K Training Block</h5>
+        <h5>
+         <i class="bi bi-calendar-range">
+         </i>
+         10K Training Block
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          A typical block is <span class="term">8โ€“12 weeks</span>: aerobic base, then threshold and pace work, then a short taper.
+          A typical block is
+          <span class="term">
+           8โ€“12 weeks
+          </span>
+          : aerobic base, then threshold and pace work, then a short taper.
          </p>
          <div class="card-detail">
-          <h6>Sample Week Shape</h6>
+          <h6>
+           Sample Week Shape
+          </h6>
           <ul>
-           <li><strong>3โ€“5 easy runs:</strong> the aerobic backbone โ€” keep them genuinely easy.</li>
-           <li><strong>1 threshold session:</strong> tempo or cruise intervals.</li>
-           <li><strong>1 faster session:</strong> 10K- or 5K-pace intervals.</li>
-           <li><strong>1 long run:</strong> building toward ~8โ€“10 mi.</li>
+           <li>
+            <strong>
+             3โ€“5 easy runs:
+            </strong>
+            the aerobic backbone โ€” keep them genuinely easy.
+           </li>
+           <li>
+            <strong>
+             1 threshold session:
+            </strong>
+            tempo or cruise intervals.
+           </li>
+           <li>
+            <strong>
+             1 faster session:
+            </strong>
+            10K- or 5K-pace intervals.
+           </li>
+           <li>
+            <strong>
+             1 long run:
+            </strong>
+            building toward ~8โ€“10 mi.
+           </li>
           </ul>
-          <p>Apply progressive overload across the block, with a cutback week every 3โ€“4 weeks.</p>
+          <p>
+           Apply progressive overload across the block, with a cutback week every 3โ€“4 weeks.
+          </p>
          </div>
         </div>
        </div>
@@ -801,20 +1424,52 @@
      <div class="col-lg-3 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-stopwatch-fill"></i> 10K Pace &amp; Key Workouts</h5>
+        <h5>
+         <i class="bi bi-stopwatch-fill">
+         </i>
+         10K Pace &amp; Key Workouts
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          Set goal pace from a <span class="term">recent race or time trial</span>, then rehearse it in workouts so it feels familiar.
+          Set goal pace from a
+          <span class="term">
+           recent race or time trial
+          </span>
+          , then rehearse it in workouts so it feels familiar.
          </p>
          <div class="card-detail">
-          <h6>Workout Examples</h6>
+          <h6>
+           Workout Examples
+          </h6>
           <ul>
-           <li><strong>Mile repeats:</strong> 4โ€“5 ร— 1 mi at ~10K pace, short jog recovery.</li>
-           <li><strong>Long tempo:</strong> 2 ร— 2 mi at threshold with a few minutes easy between.</li>
-           <li><strong>Pace blend:</strong> 6 ร— 800 m alternating 5K and 10K effort.</li>
-           <li><strong>Goal-pace finish:</strong> last 2โ€“3 mi of a long run at 10K effort.</li>
+           <li>
+            <strong>
+             Mile repeats:
+            </strong>
+            4โ€“5 ร— 1 mi at ~10K pace, short jog recovery.
+           </li>
+           <li>
+            <strong>
+             Long tempo:
+            </strong>
+            2 ร— 2 mi at threshold with a few minutes easy between.
+           </li>
+           <li>
+            <strong>
+             Pace blend:
+            </strong>
+            6 ร— 800 m alternating 5K and 10K effort.
+           </li>
+           <li>
+            <strong>
+             Goal-pace finish:
+            </strong>
+            last 2โ€“3 mi of a long run at 10K effort.
+           </li>
           </ul>
-          <p>Use a recent result to set realistic goal pace โ€” don't pick a number you wish were true.</p>
+          <p>
+           Use a recent result to set realistic goal pace โ€” don't pick a number you wish were true.
+          </p>
          </div>
         </div>
        </div>
@@ -823,20 +1478,52 @@
      <div class="col-lg-3 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-flag-fill"></i> Taper &amp; Race Day</h5>
+        <h5>
+         <i class="bi bi-flag-fill">
+         </i>
+         Taper &amp; Race Day
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          Cut volume <span class="term">~30โ€“50%</span> over the final 1โ€“2 weeks while keeping a little intensity to stay sharp.
+          Cut volume
+          <span class="term">
+           ~30โ€“50%
+          </span>
+          over the final 1โ€“2 weeks while keeping a little intensity to stay sharp.
          </p>
          <div class="card-detail">
-          <h6>Race-Day Execution</h6>
+          <h6>
+           Race-Day Execution
+          </h6>
           <ul>
-           <li><strong>Warm up properly:</strong> 10โ€“15 min easy plus a few strides โ€” the 10K starts fast.</li>
-           <li><strong>Control the first mile:</strong> the most common 10K error is an over-fast opening km.</li>
-           <li><strong>Even or negative split:</strong> aim to run the second half as fast or faster.</li>
-           <li><strong>Last 2 km:</strong> this is where the race is won โ€” spend what's left.</li>
+           <li>
+            <strong>
+             Warm up properly:
+            </strong>
+            10โ€“15 min easy plus a few strides โ€” the 10K starts fast.
+           </li>
+           <li>
+            <strong>
+             Control the first mile:
+            </strong>
+            the most common 10K error is an over-fast opening km.
+           </li>
+           <li>
+            <strong>
+             Even or negative split:
+            </strong>
+            aim to run the second half as fast or faster.
+           </li>
+           <li>
+            <strong>
+             Last 2 km:
+            </strong>
+            this is where the race is won โ€” spend what's left.
+           </li>
           </ul>
-          <p>For a 10K, fueling mid-race is rarely needed; arrive hydrated and lightly fueled.</p>
+          <p>
+           For a 10K, fueling mid-race is rarely needed; arrive hydrated and lightly fueled.
+          </p>
          </div>
         </div>
        </div>
@@ -844,25 +1531,57 @@
      </div>
     </div>
    </section>
-
    <!-- 6. PACING & STRATEGY -->
    <section class="schema-container section-strategy" id="section-strategy">
-    <h2 class="section-title"><i class="bi bi-bar-chart-steps"></i> Pacing &amp; Race Strategy</h2>
+    <h2 class="section-title">
+     <i class="bi bi-bar-chart-steps">
+     </i>
+     Pacing &amp; Race Strategy
+    </h2>
     <div class="row">
      <div class="col-lg-4 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-bar-chart-steps"></i> Even &amp; Negative Splits</h5>
+        <h5>
+         <i class="bi bi-bar-chart-steps">
+         </i>
+         Even &amp; Negative Splits
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          The most efficient way to race is <span class="term">even effort</span> โ€” ideally a second half as fast or faster than the first.
+          The most efficient way to race is
+          <span class="term">
+           even effort
+          </span>
+          โ€” ideally a second half as fast or faster than the first.
          </p>
          <div class="card-detail">
-          <h6>Why Even Effort Wins</h6>
+          <h6>
+           Why Even Effort Wins
+          </h6>
           <ul>
-           <li><strong>Physiological efficiency:</strong> steady pace minimizes wasteful lactate spikes.</li>
-           <li><strong>Negative split:</strong> banking energy early lets you finish strong instead of surviving.</li>
-           <li><strong>Adjust for terrain:</strong> even <em>effort</em> on hills, not even pace.</li>
+           <li>
+            <strong>
+             Physiological efficiency:
+            </strong>
+            steady pace minimizes wasteful lactate spikes.
+           </li>
+           <li>
+            <strong>
+             Negative split:
+            </strong>
+            banking energy early lets you finish strong instead of surviving.
+           </li>
+           <li>
+            <strong>
+             Adjust for terrain:
+            </strong>
+            even
+            <em>
+             effort
+            </em>
+            on hills, not even pace.
+           </li>
           </ul>
          </div>
         </div>
@@ -872,19 +1591,46 @@
      <div class="col-lg-4 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-exclamation-triangle"></i> The Cost of Going Out Fast</h5>
+        <h5>
+         <i class="bi bi-exclamation-triangle">
+         </i>
+         The Cost of Going Out Fast
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          A too-fast start feels free but isn't โ€” it spends glycogen early and triggers the dreaded <span class="term">blow-up</span>.
+          A too-fast start feels free but isn't โ€” it spends glycogen early and triggers the dreaded
+          <span class="term">
+           blow-up
+          </span>
+          .
          </p>
          <div class="card-detail">
-          <h6>What Goes Wrong</h6>
+          <h6>
+           What Goes Wrong
+          </h6>
           <ul>
-           <li><strong>Early lactate debt:</strong> running above threshold too soon is borrowed time you repay with interest.</li>
-           <li><strong>Disproportionate slowdown:</strong> seconds gained early often cost minutes late.</li>
-           <li><strong>Adrenaline lies:</strong> the start always feels easy โ€” trust your plan, not the feeling.</li>
+           <li>
+            <strong>
+             Early lactate debt:
+            </strong>
+            running above threshold too soon is borrowed time you repay with interest.
+           </li>
+           <li>
+            <strong>
+             Disproportionate slowdown:
+            </strong>
+            seconds gained early often cost minutes late.
+           </li>
+           <li>
+            <strong>
+             Adrenaline lies:
+            </strong>
+            the start always feels easy โ€” trust your plan, not the feeling.
+           </li>
           </ul>
-          <span class="important-note">Discipline in the first 10โ€“20% of a race is the highest-leverage pacing decision you make.</span>
+          <span class="important-note">
+           Discipline in the first 10โ€“20% of a race is the highest-leverage pacing decision you make.
+          </span>
          </div>
         </div>
        </div>
@@ -893,18 +1639,48 @@
      <div class="col-lg-4 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-list-check"></i> Race-Day Execution</h5>
+        <h5>
+         <i class="bi bi-list-check">
+         </i>
+         Race-Day Execution
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          A good race is mostly <span class="term">logistics and a plan</span> executed calmly: warm-up, start position, fueling, and a finishing kick.
+          A good race is mostly
+          <span class="term">
+           logistics and a plan
+          </span>
+          executed calmly: warm-up, start position, fueling, and a finishing kick.
          </p>
          <div class="card-detail">
-          <h6>Checklist</h6>
+          <h6>
+           Checklist
+          </h6>
           <ul>
-           <li><strong>Warm-up scaled to distance:</strong> longer for short races, minimal for the marathon.</li>
-           <li><strong>Start placement:</strong> line up by realistic pace to avoid weaving or being boxed in.</li>
-           <li><strong>Fuel/hydration plan:</strong> decided in advance and practiced in training.</li>
-           <li><strong>Nothing new on race day:</strong> shoes, food, and kit should all be tested.</li>
+           <li>
+            <strong>
+             Warm-up scaled to distance:
+            </strong>
+            longer for short races, minimal for the marathon.
+           </li>
+           <li>
+            <strong>
+             Start placement:
+            </strong>
+            line up by realistic pace to avoid weaving or being boxed in.
+           </li>
+           <li>
+            <strong>
+             Fuel/hydration plan:
+            </strong>
+            decided in advance and practiced in training.
+           </li>
+           <li>
+            <strong>
+             Nothing new on race day:
+            </strong>
+            shoes, food, and kit should all be tested.
+           </li>
           </ul>
          </div>
         </div>
@@ -913,25 +1689,53 @@
      </div>
     </div>
    </section>
-
    <!-- 7. FORM & TECHNIQUE -->
    <section class="schema-container section-form" id="section-form">
-    <h2 class="section-title"><i class="bi bi-person-arms-up"></i> Running Form &amp; Technique</h2>
+    <h2 class="section-title">
+     <i class="bi bi-person-arms-up">
+     </i>
+     Running Form &amp; Technique
+    </h2>
     <div class="row">
      <div class="col-lg-4 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-arrow-repeat"></i> Cadence &amp; Stride</h5>
+        <h5>
+         <i class="bi bi-arrow-repeat">
+         </i>
+         Cadence &amp; Stride
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          A quicker, lighter <span class="term">cadence</span> (often ~170โ€“180 steps/min) helps avoid overstriding and reduces braking forces.
+          A quicker, lighter
+          <span class="term">
+           cadence
+          </span>
+          (often ~170โ€“180 steps/min) helps avoid overstriding and reduces braking forces.
          </p>
          <div class="card-detail">
-          <h6>Practical Notes</h6>
+          <h6>
+           Practical Notes
+          </h6>
           <ul>
-           <li><strong>Cadence is individual:</strong> 170โ€“180 is a guideline, not a law โ€” height and speed shift it.</li>
-           <li><strong>Avoid overstriding:</strong> land with the foot closer to under your hips, not way out front.</li>
-           <li><strong>Nudge, don't overhaul:</strong> raise cadence ~5% at a time if you tend to overstride.</li>
+           <li>
+            <strong>
+             Cadence is individual:
+            </strong>
+            170โ€“180 is a guideline, not a law โ€” height and speed shift it.
+           </li>
+           <li>
+            <strong>
+             Avoid overstriding:
+            </strong>
+            land with the foot closer to under your hips, not way out front.
+           </li>
+           <li>
+            <strong>
+             Nudge, don't overhaul:
+            </strong>
+            raise cadence ~5% at a time if you tend to overstride.
+           </li>
           </ul>
          </div>
         </div>
@@ -941,18 +1745,48 @@
      <div class="col-lg-4 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-person-arms-up"></i> Posture &amp; Arms</h5>
+        <h5>
+         <i class="bi bi-person-arms-up">
+         </i>
+         Posture &amp; Arms
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          Run <span class="term">tall and relaxed</span> with a slight lean from the ankles. Arms drive rhythm โ€” keep them loose and roughly 90ยฐ.
+          Run
+          <span class="term">
+           tall and relaxed
+          </span>
+          with a slight lean from the ankles. Arms drive rhythm โ€” keep them loose and roughly 90ยฐ.
          </p>
          <div class="card-detail">
-          <h6>Form Cues</h6>
+          <h6>
+           Form Cues
+          </h6>
           <ul>
-           <li><strong>Lean from the ankles:</strong> a whole-body forward lean, not a bend at the waist.</li>
-           <li><strong>Relaxed shoulders &amp; hands:</strong> tension wastes energy โ€” imagine holding a chip you won't crush.</li>
-           <li><strong>Arms swing front-to-back:</strong> minimal cross-body motion.</li>
-           <li><strong>Eyes up:</strong> look ~10โ€“20 m ahead, not at your feet.</li>
+           <li>
+            <strong>
+             Lean from the ankles:
+            </strong>
+            a whole-body forward lean, not a bend at the waist.
+           </li>
+           <li>
+            <strong>
+             Relaxed shoulders &amp; hands:
+            </strong>
+            tension wastes energy โ€” imagine holding a chip you won't crush.
+           </li>
+           <li>
+            <strong>
+             Arms swing front-to-back:
+            </strong>
+            minimal cross-body motion.
+           </li>
+           <li>
+            <strong>
+             Eyes up:
+            </strong>
+            look ~10โ€“20 m ahead, not at your feet.
+           </li>
           </ul>
          </div>
         </div>
@@ -962,17 +1796,42 @@
      <div class="col-lg-4 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-wind"></i> Breathing &amp; Footstrike</h5>
+        <h5>
+         <i class="bi bi-wind">
+         </i>
+         Breathing &amp; Footstrike
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          Breathe <span class="term">rhythmically and deeply</span>. Don't obsess over footstrike โ€” cadence and posture matter far more.
+          Breathe
+          <span class="term">
+           rhythmically and deeply
+          </span>
+          . Don't obsess over footstrike โ€” cadence and posture matter far more.
          </p>
          <div class="card-detail">
-          <h6>What to Know</h6>
+          <h6>
+           What to Know
+          </h6>
           <ul>
-           <li><strong>Belly breathing:</strong> deep diaphragmatic breaths beat shallow chest breathing.</li>
-           <li><strong>Rhythmic patterns:</strong> some runners sync breath to steps (e.g. 3:2) โ€” useful if it helps focus.</li>
-           <li><strong>Footstrike is a result:</strong> heel vs midfoot matters less than landing under your body, not ahead of it.</li>
+           <li>
+            <strong>
+             Belly breathing:
+            </strong>
+            deep diaphragmatic breaths beat shallow chest breathing.
+           </li>
+           <li>
+            <strong>
+             Rhythmic patterns:
+            </strong>
+            some runners sync breath to steps (e.g. 3:2) โ€” useful if it helps focus.
+           </li>
+           <li>
+            <strong>
+             Footstrike is a result:
+            </strong>
+            heel vs midfoot matters less than landing under your body, not ahead of it.
+           </li>
           </ul>
          </div>
         </div>
@@ -981,25 +1840,53 @@
      </div>
     </div>
    </section>
-
    <!-- 8. GEAR & SHOES -->
    <section class="schema-container section-gear" id="section-gear">
-    <h2 class="section-title"><i class="bi bi-bag-heart"></i> Gear &amp; Shoes</h2>
+    <h2 class="section-title">
+     <i class="bi bi-bag-heart">
+     </i>
+     Gear &amp; Shoes
+    </h2>
     <div class="row">
      <div class="col-lg-4 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-bag-heart"></i> Choosing Running Shoes</h5>
+        <h5>
+         <i class="bi bi-bag-heart">
+         </i>
+         Choosing Running Shoes
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          The single most important purchase. Prioritize <span class="term">comfort and fit</span> over hype, and replace shoes roughly every 300โ€“500 miles.
+          The single most important purchase. Prioritize
+          <span class="term">
+           comfort and fit
+          </span>
+          over hype, and replace shoes roughly every 300โ€“500 miles.
          </p>
          <div class="card-detail">
-          <h6>How to Choose</h6>
+          <h6>
+           How to Choose
+          </h6>
           <ul>
-           <li><strong>Comfort is king:</strong> research consistently points to perceived comfort over rigid "pronation" categories.</li>
-           <li><strong>Try before buying:</strong> a specialty store can watch your gait and fit thumb-width toe room.</li>
-           <li><strong>Track mileage:</strong> cushioning fades; replace around 300โ€“500 mi or when aches creep in.</li>
+           <li>
+            <strong>
+             Comfort is king:
+            </strong>
+            research consistently points to perceived comfort over rigid "pronation" categories.
+           </li>
+           <li>
+            <strong>
+             Try before buying:
+            </strong>
+            a specialty store can watch your gait and fit thumb-width toe room.
+           </li>
+           <li>
+            <strong>
+             Track mileage:
+            </strong>
+            cushioning fades; replace around 300โ€“500 mi or when aches creep in.
+           </li>
           </ul>
          </div>
         </div>
@@ -1009,20 +1896,52 @@
      <div class="col-lg-4 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-collection"></i> Shoe Rotation &amp; Types</h5>
+        <h5>
+         <i class="bi bi-collection">
+         </i>
+         Shoe Rotation &amp; Types
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          Many runners rotate <span class="term">2โ€“3 pairs</span>: a durable daily trainer, a lighter workout/race shoe, and sometimes a trail or carbon-plated option.
+          Many runners rotate
+          <span class="term">
+           2โ€“3 pairs
+          </span>
+          : a durable daily trainer, a lighter workout/race shoe, and sometimes a trail or carbon-plated option.
          </p>
          <div class="card-detail">
-          <h6>Common Categories</h6>
+          <h6>
+           Common Categories
+          </h6>
           <ul>
-           <li><strong>Daily trainer:</strong> cushioned, durable โ€” the everyday workhorse.</li>
-           <li><strong>Tempo/race shoe:</strong> lighter and snappier for fast days.</li>
-           <li><strong>Carbon "super shoe":</strong> plated racers for goal races; firm and pricey.</li>
-           <li><strong>Trail shoe:</strong> grippy outsole and protection for off-road.</li>
+           <li>
+            <strong>
+             Daily trainer:
+            </strong>
+            cushioned, durable โ€” the everyday workhorse.
+           </li>
+           <li>
+            <strong>
+             Tempo/race shoe:
+            </strong>
+            lighter and snappier for fast days.
+           </li>
+           <li>
+            <strong>
+             Carbon "super shoe":
+            </strong>
+            plated racers for goal races; firm and pricey.
+           </li>
+           <li>
+            <strong>
+             Trail shoe:
+            </strong>
+            grippy outsole and protection for off-road.
+           </li>
           </ul>
-          <p>Rotating varies the load slightly and lets foam decompress between runs.</p>
+          <p>
+           Rotating varies the load slightly and lets foam decompress between runs.
+          </p>
          </div>
         </div>
        </div>
@@ -1031,18 +1950,47 @@
      <div class="col-lg-4 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-smartwatch"></i> Apparel &amp; Tech</h5>
+        <h5>
+         <i class="bi bi-smartwatch">
+         </i>
+         Apparel &amp; Tech
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          <span class="term">Moisture-wicking</span> fabrics, anti-chafe basics, weather-appropriate layers, and an optional GPS watch for pacing and data.
+          <span class="term">
+           Moisture-wicking
+          </span>
+          fabrics, anti-chafe basics, weather-appropriate layers, and an optional GPS watch for pacing and data.
          </p>
          <div class="card-detail">
-          <h6>The Essentials</h6>
+          <h6>
+           The Essentials
+          </h6>
           <ul>
-           <li><strong>No cotton:</strong> technical fabrics wick sweat and reduce chafing.</li>
-           <li><strong>Anti-chafe:</strong> balm or tape on hot spots; quality socks prevent blisters.</li>
-           <li><strong>Layer for weather:</strong> dress as if it's ~10ยฐC / 15โ€“20ยฐF warmer than it is.</li>
-           <li><strong>GPS watch (optional):</strong> useful for pacing, HR, and training load โ€” not required to improve.</li>
+           <li>
+            <strong>
+             No cotton:
+            </strong>
+            technical fabrics wick sweat and reduce chafing.
+           </li>
+           <li>
+            <strong>
+             Anti-chafe:
+            </strong>
+            balm or tape on hot spots; quality socks prevent blisters.
+           </li>
+           <li>
+            <strong>
+             Layer for weather:
+            </strong>
+            dress as if it's ~10ยฐC / 15โ€“20ยฐF warmer than it is.
+           </li>
+           <li>
+            <strong>
+             GPS watch (optional):
+            </strong>
+            useful for pacing, HR, and training load โ€” not required to improve.
+           </li>
           </ul>
          </div>
         </div>
@@ -1051,26 +1999,59 @@
      </div>
     </div>
    </section>
-
    <!-- 9. FUELING & HYDRATION -->
    <section class="schema-container section-nutrition" id="section-nutrition">
-    <h2 class="section-title"><i class="bi bi-droplet-half"></i> Fueling &amp; Hydration</h2>
+    <h2 class="section-title">
+     <i class="bi bi-droplet-half">
+     </i>
+     Fueling &amp; Hydration
+    </h2>
     <div class="row">
      <div class="col-lg-4 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-egg-fried"></i> Everyday Nutrition</h5>
+        <h5>
+         <i class="bi bi-egg-fried">
+         </i>
+         Everyday Nutrition
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          Carbohydrates are the runner's primary fuel; protein drives repair. The most common error is <span class="term">under-fueling</span> overall.
+          Carbohydrates are the runner's primary fuel; protein drives repair. The most common error is
+          <span class="term">
+           under-fueling
+          </span>
+          overall.
          </p>
          <div class="card-detail">
-          <h6>Daily Basics</h6>
+          <h6>
+           Daily Basics
+          </h6>
           <ul>
-           <li><strong>Carbs fuel hard work:</strong> don't fear them โ€” they're what powers quality sessions.</li>
-           <li><strong>Protein for repair:</strong> spread intake across the day to support recovery.</li>
-           <li><strong>Eat enough:</strong> chronic under-eating (RED-S) wrecks performance, hormones, and bone health.</li>
-           <li><strong>Mostly whole foods:</strong> with room for practical convenience around workouts.</li>
+           <li>
+            <strong>
+             Carbs fuel hard work:
+            </strong>
+            don't fear them โ€” they're what powers quality sessions.
+           </li>
+           <li>
+            <strong>
+             Protein for repair:
+            </strong>
+            spread intake across the day to support recovery.
+           </li>
+           <li>
+            <strong>
+             Eat enough:
+            </strong>
+            chronic under-eating (RED-S) wrecks performance, hormones, and bone health.
+           </li>
+           <li>
+            <strong>
+             Mostly whole foods:
+            </strong>
+            with room for practical convenience around workouts.
+           </li>
           </ul>
          </div>
         </div>
@@ -1080,20 +2061,52 @@
      <div class="col-lg-4 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-lightning"></i> Before, During &amp; After</h5>
+        <h5>
+         <i class="bi bi-lightning">
+         </i>
+         Before, During &amp; After
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          Fuel <span class="term">around</span> runs: a light carb snack before, carbs during long efforts, and protein + carbs to recover.
+          Fuel
+          <span class="term">
+           around
+          </span>
+          runs: a light carb snack before, carbs during long efforts, and protein + carbs to recover.
          </p>
          <div class="card-detail">
-          <h6>Timing Guide</h6>
+          <h6>
+           Timing Guide
+          </h6>
           <ul>
-           <li><strong>Before:</strong> easy-to-digest carbs ~1โ€“3 hr out; short easy runs may need nothing.</li>
-           <li><strong>During:</strong> for efforts beyond ~75โ€“90 min, aim for ~30โ€“60 g carbs/hr (gels, chews, sports drink).</li>
-           <li><strong>After:</strong> carbs + protein within a couple of hours supports glycogen and repair.</li>
-           <li><strong>Practice it:</strong> rehearse race fueling in training โ€” guts need training too.</li>
+           <li>
+            <strong>
+             Before:
+            </strong>
+            easy-to-digest carbs ~1โ€“3 hr out; short easy runs may need nothing.
+           </li>
+           <li>
+            <strong>
+             During:
+            </strong>
+            for efforts beyond ~75โ€“90 min, aim for ~30โ€“60 g carbs/hr (gels, chews, sports drink).
+           </li>
+           <li>
+            <strong>
+             After:
+            </strong>
+            carbs + protein within a couple of hours supports glycogen and repair.
+           </li>
+           <li>
+            <strong>
+             Practice it:
+            </strong>
+            rehearse race fueling in training โ€” guts need training too.
+           </li>
           </ul>
-          <p>A 10K rarely needs mid-race fuel; this matters most for the half, marathon, and ultras.</p>
+          <p>
+           A 10K rarely needs mid-race fuel; this matters most for the half, marathon, and ultras.
+          </p>
          </div>
         </div>
        </div>
@@ -1102,18 +2115,48 @@
      <div class="col-lg-4 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-droplet-half"></i> Hydration &amp; Electrolytes</h5>
+        <h5>
+         <i class="bi bi-droplet-half">
+         </i>
+         Hydration &amp; Electrolytes
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          Generally <span class="term">drink to thirst</span>. Add sodium and electrolytes for long, hot, or sweaty efforts โ€” avoid both dehydration and overdrinking.
+          Generally
+          <span class="term">
+           drink to thirst
+          </span>
+          . Add sodium and electrolytes for long, hot, or sweaty efforts โ€” avoid both dehydration and overdrinking.
          </p>
          <div class="card-detail">
-          <h6>Sensible Hydration</h6>
+          <h6>
+           Sensible Hydration
+          </h6>
           <ul>
-           <li><strong>Thirst is a good guide:</strong> for most runs, drinking to thirst is sufficient.</li>
-           <li><strong>Replace salt when it counts:</strong> long/hot efforts and heavy sweaters need electrolytes, not just water.</li>
-           <li><strong>Don't overdrink:</strong> excessive plain water can cause dangerous hyponatremia.</li>
-           <li><strong>Start runs hydrated:</strong> check that urine is pale, not for forcing fluids mid-run.</li>
+           <li>
+            <strong>
+             Thirst is a good guide:
+            </strong>
+            for most runs, drinking to thirst is sufficient.
+           </li>
+           <li>
+            <strong>
+             Replace salt when it counts:
+            </strong>
+            long/hot efforts and heavy sweaters need electrolytes, not just water.
+           </li>
+           <li>
+            <strong>
+             Don't overdrink:
+            </strong>
+            excessive plain water can cause dangerous hyponatremia.
+           </li>
+           <li>
+            <strong>
+             Start runs hydrated:
+            </strong>
+            check that urine is pale, not for forcing fluids mid-run.
+           </li>
           </ul>
          </div>
         </div>
@@ -1122,27 +2165,65 @@
      </div>
     </div>
    </section>
-
    <!-- 10. INJURY PREVENTION -->
    <section class="schema-container section-injury" id="section-injury">
-    <h2 class="section-title"><i class="bi bi-bandaid"></i> Injury Prevention</h2>
+    <h2 class="section-title">
+     <i class="bi bi-bandaid">
+     </i>
+     Injury Prevention
+    </h2>
     <div class="row">
      <div class="col-lg-4 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-bandaid"></i> Common Running Injuries</h5>
+        <h5>
+         <i class="bi bi-bandaid">
+         </i>
+         Common Running Injuries
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          Most running injuries are <span class="term">overuse</span>, not accidents โ€” a handful of patterns account for the majority.
+          Most running injuries are
+          <span class="term">
+           overuse
+          </span>
+          , not accidents โ€” a handful of patterns account for the majority.
          </p>
          <div class="card-detail">
-          <h6>The Usual Suspects</h6>
+          <h6>
+           The Usual Suspects
+          </h6>
           <ul>
-           <li><strong>Runner's knee (PFPS):</strong> pain around the kneecap, often hip/quad related.</li>
-           <li><strong>Shin splints:</strong> medial shin pain, frequently from a fast mileage ramp.</li>
-           <li><strong>IT band syndrome:</strong> lateral knee pain, linked to hip strength and load spikes.</li>
-           <li><strong>Plantar fasciitis &amp; Achilles tendinopathy:</strong> heel/arch and lower-calf pain.</li>
-           <li><strong>Stress fractures:</strong> localized bone pain โ€” serious; needs medical evaluation and rest.</li>
+           <li>
+            <strong>
+             Runner's knee (PFPS):
+            </strong>
+            pain around the kneecap, often hip/quad related.
+           </li>
+           <li>
+            <strong>
+             Shin splints:
+            </strong>
+            medial shin pain, frequently from a fast mileage ramp.
+           </li>
+           <li>
+            <strong>
+             IT band syndrome:
+            </strong>
+            lateral knee pain, linked to hip strength and load spikes.
+           </li>
+           <li>
+            <strong>
+             Plantar fasciitis &amp; Achilles tendinopathy:
+            </strong>
+            heel/arch and lower-calf pain.
+           </li>
+           <li>
+            <strong>
+             Stress fractures:
+            </strong>
+            localized bone pain โ€” serious; needs medical evaluation and rest.
+           </li>
           </ul>
          </div>
         </div>
@@ -1152,18 +2233,47 @@
      <div class="col-lg-4 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-sliders"></i> Load Management</h5>
+        <h5>
+         <i class="bi bi-sliders">
+         </i>
+         Load Management
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          <span class="term">Too much, too soon</span> is the number-one cause of running injury. Most prevention is just sane progression.
+          <span class="term">
+           Too much, too soon
+          </span>
+          is the number-one cause of running injury. Most prevention is just sane progression.
          </p>
          <div class="card-detail">
-          <h6>Stay Ahead of It</h6>
+          <h6>
+           Stay Ahead of It
+          </h6>
           <ul>
-           <li><strong>Gradual ramps:</strong> the ~10% guideline and cutback weeks exist for this reason.</li>
-           <li><strong>Change one thing at a time:</strong> new volume, new surface, new shoes โ€” not all at once.</li>
-           <li><strong>Sleep and life stress count:</strong> recovery capacity isn't only about running.</li>
-           <li><strong>Catch it early:</strong> a few easy days now beats weeks off later.</li>
+           <li>
+            <strong>
+             Gradual ramps:
+            </strong>
+            the ~10% guideline and cutback weeks exist for this reason.
+           </li>
+           <li>
+            <strong>
+             Change one thing at a time:
+            </strong>
+            new volume, new surface, new shoes โ€” not all at once.
+           </li>
+           <li>
+            <strong>
+             Sleep and life stress count:
+            </strong>
+            recovery capacity isn't only about running.
+           </li>
+           <li>
+            <strong>
+             Catch it early:
+            </strong>
+            a few easy days now beats weeks off later.
+           </li>
           </ul>
          </div>
         </div>
@@ -1173,18 +2283,40 @@
      <div class="col-lg-4 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-shield-plus"></i> Prehab &amp; Warning Signs</h5>
+        <h5>
+         <i class="bi bi-shield-plus">
+         </i>
+         Prehab &amp; Warning Signs
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          Warm up, build strength and mobility, and <span class="term">respect pain that worsens</span> or changes how you run.
+          Warm up, build strength and mobility, and
+          <span class="term">
+           respect pain that worsens
+          </span>
+          or changes how you run.
          </p>
          <div class="card-detail">
-          <h6>Prevention Habits</h6>
+          <h6>
+           Prevention Habits
+          </h6>
           <ul>
-           <li><strong>Ease into hard runs:</strong> a few minutes of easy jogging and drills before fast work.</li>
-           <li><strong>Strength &amp; mobility:</strong> hips, glutes, calves, and core support every stride.</li>
+           <li>
+            <strong>
+             Ease into hard runs:
+            </strong>
+            a few minutes of easy jogging and drills before fast work.
+           </li>
+           <li>
+            <strong>
+             Strength &amp; mobility:
+            </strong>
+            hips, glutes, calves, and core support every stride.
+           </li>
           </ul>
-          <span class="important-note">Stop and reassess if pain sharpens, worsens during a run, or alters your gait. Sharp, localized, or bone pain warrants a professional opinion.</span>
+          <span class="important-note">
+           Stop and reassess if pain sharpens, worsens during a run, or alters your gait. Sharp, localized, or bone pain warrants a professional opinion.
+          </span>
          </div>
         </div>
        </div>
@@ -1192,26 +2324,58 @@
      </div>
     </div>
    </section>
-
    <!-- 11. STRENGTH & RECOVERY -->
    <section class="schema-container section-recovery" id="section-recovery">
-    <h2 class="section-title"><i class="bi bi-heart"></i> Strength &amp; Recovery</h2>
+    <h2 class="section-title">
+     <i class="bi bi-heart">
+     </i>
+     Strength &amp; Recovery
+    </h2>
     <div class="row">
      <div class="col-lg-4 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-trophy"></i> Strength Training for Runners</h5>
+        <h5>
+         <i class="bi bi-trophy">
+         </i>
+         Strength Training for Runners
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          <span class="term">1โ€“2 sessions/week</span> of strength work improves economy, durability, and resilience to injury.
+          <span class="term">
+           1โ€“2 sessions/week
+          </span>
+          of strength work improves economy, durability, and resilience to injury.
          </p>
          <div class="card-detail">
-          <h6>What to Prioritize</h6>
+          <h6>
+           What to Prioritize
+          </h6>
           <ul>
-           <li><strong>Hips, glutes &amp; core:</strong> the stabilizers that keep form intact when tired.</li>
-           <li><strong>Single-leg work:</strong> running is a series of one-legged hops โ€” train it that way.</li>
-           <li><strong>Some heavy &amp; some explosive:</strong> heavier lifts and light plyometrics both build economy.</li>
-           <li><strong>Keep it separate from key runs:</strong> ideally not right before a hard session.</li>
+           <li>
+            <strong>
+             Hips, glutes &amp; core:
+            </strong>
+            the stabilizers that keep form intact when tired.
+           </li>
+           <li>
+            <strong>
+             Single-leg work:
+            </strong>
+            running is a series of one-legged hops โ€” train it that way.
+           </li>
+           <li>
+            <strong>
+             Some heavy &amp; some explosive:
+            </strong>
+            heavier lifts and light plyometrics both build economy.
+           </li>
+           <li>
+            <strong>
+             Keep it separate from key runs:
+            </strong>
+            ideally not right before a hard session.
+           </li>
           </ul>
          </div>
         </div>
@@ -1221,17 +2385,42 @@
      <div class="col-lg-4 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-bicycle"></i> Cross-Training</h5>
+        <h5>
+         <i class="bi bi-bicycle">
+         </i>
+         Cross-Training
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          Low-impact aerobic work โ€” <span class="term">cycling, swimming, elliptical</span> โ€” maintains fitness while sparing the legs from pounding.
+          Low-impact aerobic work โ€”
+          <span class="term">
+           cycling, swimming, elliptical
+          </span>
+          โ€” maintains fitness while sparing the legs from pounding.
          </p>
          <div class="card-detail">
-          <h6>When It Helps</h6>
+          <h6>
+           When It Helps
+          </h6>
           <ul>
-           <li><strong>Extra aerobic volume:</strong> add stimulus without extra impact load.</li>
-           <li><strong>Injury maintenance:</strong> keeps fitness when you can't run; pool running mimics the motion closely.</li>
-           <li><strong>Active recovery:</strong> easy spinning on a rest day promotes blood flow.</li>
+           <li>
+            <strong>
+             Extra aerobic volume:
+            </strong>
+            add stimulus without extra impact load.
+           </li>
+           <li>
+            <strong>
+             Injury maintenance:
+            </strong>
+            keeps fitness when you can't run; pool running mimics the motion closely.
+           </li>
+           <li>
+            <strong>
+             Active recovery:
+            </strong>
+            easy spinning on a rest day promotes blood flow.
+           </li>
           </ul>
          </div>
         </div>
@@ -1241,19 +2430,53 @@
      <div class="col-lg-4 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-moon"></i> Sleep &amp; Recovery Tools</h5>
+        <h5>
+         <i class="bi bi-moon">
+         </i>
+         Sleep &amp; Recovery Tools
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          <span class="term">Sleep is the foundation</span>. Rest days, easy days, and a deload week absorb training; gadgets are minor extras.
+          <span class="term">
+           Sleep is the foundation
+          </span>
+          . Rest days, easy days, and a deload week absorb training; gadgets are minor extras.
          </p>
          <div class="card-detail">
-          <h6>Recovery Hierarchy</h6>
+          <h6>
+           Recovery Hierarchy
+          </h6>
           <ul>
-           <li><strong>Sleep (7โ€“9 hr):</strong> by far the highest-impact recovery tool.</li>
-           <li><strong>Nutrition &amp; hydration:</strong> the raw material for repair.</li>
-           <li><strong>Rest &amp; easy days:</strong> structural recovery built into the plan.</li>
-           <li><strong>Deload weeks:</strong> periodic lighter weeks let adaptation surface.</li>
-           <li><strong>Foam rolling, massage, etc.:</strong> may help comfort; treat as the cherry, not the cake.</li>
+           <li>
+            <strong>
+             Sleep (7โ€“9 hr):
+            </strong>
+            by far the highest-impact recovery tool.
+           </li>
+           <li>
+            <strong>
+             Nutrition &amp; hydration:
+            </strong>
+            the raw material for repair.
+           </li>
+           <li>
+            <strong>
+             Rest &amp; easy days:
+            </strong>
+            structural recovery built into the plan.
+           </li>
+           <li>
+            <strong>
+             Deload weeks:
+            </strong>
+            periodic lighter weeks let adaptation surface.
+           </li>
+           <li>
+            <strong>
+             Foam rolling, massage, etc.:
+            </strong>
+            may help comfort; treat as the cherry, not the cake.
+           </li>
           </ul>
          </div>
         </div>
@@ -1262,26 +2485,59 @@
      </div>
     </div>
    </section>
-
    <!-- 12. MENTAL GAME & SAFETY -->
    <section class="schema-container section-mindset" id="section-mindset">
-    <h2 class="section-title"><i class="bi bi-lightbulb"></i> Mental Game &amp; Safety</h2>
+    <h2 class="section-title">
+     <i class="bi bi-lightbulb">
+     </i>
+     Mental Game &amp; Safety
+    </h2>
     <div class="row">
      <div class="col-lg-4 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-lightbulb"></i> Mental Strategies</h5>
+        <h5>
+         <i class="bi bi-lightbulb">
+         </i>
+         Mental Strategies
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          Hard efforts are partly a <span class="term">mental skill</span>: goal-setting, mantras, segmenting the distance, and accepting discomfort.
+          Hard efforts are partly a
+          <span class="term">
+           mental skill
+          </span>
+          : goal-setting, mantras, segmenting the distance, and accepting discomfort.
          </p>
          <div class="card-detail">
-          <h6>Tools That Work</h6>
+          <h6>
+           Tools That Work
+          </h6>
           <ul>
-           <li><strong>Chunk the distance:</strong> race the next mile or the next landmark, not the whole thing.</li>
-           <li><strong>Mantras:</strong> a short, repeatable phrase to anchor focus when it gets hard.</li>
-           <li><strong>Reframe discomfort:</strong> expect it, name it, and separate "hard" from "harmful."</li>
-           <li><strong>Process over outcome:</strong> control effort, form, and pacing โ€” not the clock.</li>
+           <li>
+            <strong>
+             Chunk the distance:
+            </strong>
+            race the next mile or the next landmark, not the whole thing.
+           </li>
+           <li>
+            <strong>
+             Mantras:
+            </strong>
+            a short, repeatable phrase to anchor focus when it gets hard.
+           </li>
+           <li>
+            <strong>
+             Reframe discomfort:
+            </strong>
+            expect it, name it, and separate "hard" from "harmful."
+           </li>
+           <li>
+            <strong>
+             Process over outcome:
+            </strong>
+            control effort, form, and pacing โ€” not the clock.
+           </li>
           </ul>
          </div>
         </div>
@@ -1291,19 +2547,54 @@
      <div class="col-lg-4 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-fire"></i> Motivation &amp; Habit</h5>
+        <h5>
+         <i class="bi bi-fire">
+         </i>
+         Motivation &amp; Habit
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          Motivation fluctuates; <span class="term">habit and structure</span> carry you through. Make running the default, not a daily decision.
+          Motivation fluctuates;
+          <span class="term">
+           habit and structure
+          </span>
+          carry you through. Make running the default, not a daily decision.
          </p>
          <div class="card-detail">
-          <h6>Staying Consistent</h6>
+          <h6>
+           Staying Consistent
+          </h6>
           <ul>
-           <li><strong>Schedule it:</strong> a fixed time and route removes daily friction.</li>
-           <li><strong>Accountability:</strong> a running partner, club, or group makes skipping costly.</li>
-           <li><strong>Variety:</strong> rotate routes and workout types to keep it fresh.</li>
-           <li><strong>Track progress:</strong> a simple log shows the compounding you can't feel day to day.</li>
-           <li><strong>Sign up for a race:</strong> a date on the calendar focuses training.</li>
+           <li>
+            <strong>
+             Schedule it:
+            </strong>
+            a fixed time and route removes daily friction.
+           </li>
+           <li>
+            <strong>
+             Accountability:
+            </strong>
+            a running partner, club, or group makes skipping costly.
+           </li>
+           <li>
+            <strong>
+             Variety:
+            </strong>
+            rotate routes and workout types to keep it fresh.
+           </li>
+           <li>
+            <strong>
+             Track progress:
+            </strong>
+            a simple log shows the compounding you can't feel day to day.
+           </li>
+           <li>
+            <strong>
+             Sign up for a race:
+            </strong>
+            a date on the calendar focuses training.
+           </li>
           </ul>
          </div>
         </div>
@@ -1313,18 +2604,48 @@
      <div class="col-lg-4 col-md-6">
       <div class="info-card">
        <div class="card-body">
-        <h5><i class="bi bi-shield-check"></i> Environment &amp; Safety</h5>
+        <h5>
+         <i class="bi bi-shield-check">
+         </i>
+         Environment &amp; Safety
+        </h5>
         <div class="card-content-wrapper">
          <p class="summary">
-          Adjust for <span class="term">heat, cold, and darkness</span>, stay visible, and run aware of traffic and surroundings.
+          Adjust for
+          <span class="term">
+           heat, cold, and darkness
+          </span>
+          , stay visible, and run aware of traffic and surroundings.
          </p>
          <div class="card-detail">
-          <h6>Run Smart</h6>
+          <h6>
+           Run Smart
+          </h6>
           <ul>
-           <li><strong>Heat:</strong> slow down, hydrate, seek shade, and let the body acclimatize over ~1โ€“2 weeks.</li>
-           <li><strong>Cold:</strong> layer, protect extremities, and watch for ice underfoot.</li>
-           <li><strong>Visibility:</strong> reflective gear and lights in low light; assume drivers don't see you.</li>
-           <li><strong>Awareness:</strong> keep volume low or one ear open; share your route or carry ID/phone.</li>
+           <li>
+            <strong>
+             Heat:
+            </strong>
+            slow down, hydrate, seek shade, and let the body acclimatize over ~1โ€“2 weeks.
+           </li>
+           <li>
+            <strong>
+             Cold:
+            </strong>
+            layer, protect extremities, and watch for ice underfoot.
+           </li>
+           <li>
+            <strong>
+             Visibility:
+            </strong>
+            reflective gear and lights in low light; assume drivers don't see you.
+           </li>
+           <li>
+            <strong>
+             Awareness:
+            </strong>
+            keep volume low or one ear open; share your route or carry ID/phone.
+           </li>
           </ul>
          </div>
         </div>
@@ -1333,36 +2654,41 @@
      </div>
     </div>
    </section>
-
   </div>
   <!-- /#main-container -->
-
   <footer class="container text-center pb-3">
-  <div class="mb-3">
+   <div class="mb-3">
     <a class="mx-2" href="weightloss-cheatsheet.html" rel="noopener noreferrer" target="_blank" title="Weight Loss &amp; Metabolic Health Cheatsheet">
-      <i class="bi bi-clipboard2-pulse"></i>
-      Weight Loss &amp; Metabolic Health
+     <i class="bi bi-clipboard2-pulse">
+     </i>
+     Weight Loss &amp; Metabolic Health
     </a>
     <a class="mx-2" href="martial-arts-cheatsheet.html" rel="noopener noreferrer" target="_blank" title="Martial Arts Cheatsheet">
-      <i class="bi bi-trophy"></i>
-      Martial Arts Cheatsheet
+     <i class="bi bi-trophy">
+     </i>
+     Martial Arts Cheatsheet
     </a>
-  </div>
-  <p class="mb-2">
-    ยฉ <span id="currentYear">2026</span> David Veksler ยท An evidence-informed overview of running training. General educational reference โ€” not medical advice; consult a professional for injuries or health concerns.
-  </p>
-  <div>
+   </div>
+   <p class="mb-2">
+    ยฉ
+    <span id="currentYear">
+     2026
+    </span>
+    David Veksler ยท An evidence-informed overview of running training. General educational reference โ€” not medical advice; consult a professional for injuries or health concerns.
+   </p>
+   <div>
     <a class="mx-2 link-secondary" href="https://www.linkedin.com/in/davidveksler/" target="_blank" title="David Veksler on LinkedIn">
-      <i class="bi bi-linkedin"></i>
-      LinkedIn
+     <i class="bi bi-linkedin">
+     </i>
+     LinkedIn
     </a>
     <a class="mx-2 link-secondary" href="https://cheatsheets.davidveksler.com/" title="Browse All Cheatsheets">
-      <i class="bi bi-collection"></i>
-      All Cheatsheets
+     <i class="bi bi-collection">
+     </i>
+     All Cheatsheets
     </a>
-  </div>
+   </div>
   </footer>
-
   <script>
    document.getElementById('currentYear').textContent = new Date().getFullYear();
   </script>