update leadersheip cheatsheet

D David Veksler · 1 year ago 515f599481a2f9e528dcc74849d8b62ec11ee9e4
Parent: ea18e470e

2 files changed +335 −345

Diff

diff --git a/conscious-leadership-contexts.html b/conscious-leadership-contexts.html
index ac62980..ca01435 100644
--- a/conscious-leadership-contexts.html
+++ b/conscious-leadership-contexts.html
@@ -4,39 +4,37 @@
     <!-- === METADATA === -->
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>The Four Ways of Leading & Being - Conscious Leadership Cheatsheet</title>
-    <meta name="description" content="A summary table of the Four Contexts for Experiencing the World (To Me, By Me, Through Me, As Me) from The 15 Commitments of Conscious Leadership.">
-    <meta name="keywords" content="Conscious Leadership, 15 Commitments, To Me, By Me, Through Me, As Me, Four Contexts, leadership states, Jim Dethmer, Diana Chapman, Kaley Klemp, cheatsheet, responsibility, surrender, oneness">
-    <meta name="author" content="David Veksler (Adapted)"> <!-- Or adjust as needed -->
+    <title>The Four Ways of Leading & Being - Conscious Leadership Contexts</title>
+    <meta name="description" content="A summary table of the Four Contexts for Experiencing the World (To Me, By Me, Through Me, As Me) from The 15 Commitments of Conscious Leadership, with explanatory tooltips.">
+    <meta name="keywords" content="Conscious Leadership, 15 Commitments, To Me, By Me, Through Me, As Me, Four Contexts, leadership states, Jim Dethmer, Diana Chapman, Kaley Klemp, cheatsheet, responsibility, surrender, oneness, victim consciousness, creator consciousness">
+    <meta name="author" content="David Veksler (Adapted)">
 
-    <!-- Canonical URL (Update if hosting elsewhere) -->
-    <link rel="canonical" href="https://cheatsheets.davidveksler.com/conscious-leadership-contexts.html"> <!-- Assumed URL -->
+    <!-- Canonical URL -->
+    <link rel="canonical" href="https://cheatsheets.davidveksler.com/conscious-leadership-contexts.html"> <!-- Update if hosted elsewhere -->
 
     <!-- Open Graph / Facebook / LinkedIn -->
-    <meta property="og:title" content="The Four Ways of Leading & Being - Conscious Leadership Cheatsheet">
-    <meta property="og:description" content="Explore the 'To Me', 'By Me', 'Through Me', and 'As Me' contexts of experience from The 15 Commitments of Conscious Leadership.">
+    <meta property="og:title" content="The Four Ways of Leading & Being - Conscious Leadership Contexts">
+    <meta property="og:description" content="Explore the 'To Me', 'By Me', 'Through Me', and 'As Me' contexts of experience from The 15 Commitments of Conscious Leadership, with clarifying tooltips.">
     <meta property="og:type" content="article">
-    <meta property="og:url" content="https://cheatsheets.davidveksler.com/conscious-leadership-contexts.html"> <!-- Use Canonical URL -->
-    <meta property="og:image" content="https://cheatsheets.davidveksler.com/images/conscious-leadership-og.jpg"> <!-- *** Using image from main cheatsheet, replace if needed *** -->
+    <meta property="og:url" content="https://cheatsheets.davidveksler.com/conscious-leadership-contexts.html">
+    <meta property="og:image" content="https://cheatsheets.davidveksler.com/images/conscious-leadership-og.jpg"> <!-- Using image from main cheatsheet -->
     <meta property="og:image:alt" content="Conceptual image representing the different states of Conscious Leadership">
     <meta property="og:site_name" content="David Veksler's Cheatsheets">
     <meta property="og:locale" content="en_US">
 
     <!-- Twitter Card -->
     <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:title" content="The Four Ways of Leading & Being - Conscious Leadership Cheatsheet">
-    <meta name="twitter:description" content="A concise table summarizing the 'To Me', 'By Me', 'Through Me', and 'As Me' contexts from The 15 Commitments of Conscious Leadership.">
-    <meta name="twitter:url" content="https://cheatsheets.davidveksler.com/conscious-leadership-contexts.html"> <!-- Use Canonical URL -->
-    <meta name="twitter:image" content="https://cheatsheets.davidveksler.com/images/conscious-leadership-og.jpg"> <!-- *** Use the same image URL *** -->
+    <meta name="twitter:title" content="The Four Ways of Leading & Being - Conscious Leadership Contexts">
+    <meta name="twitter:description" content="A concise table summarizing the 'To Me', 'By Me', 'Through Me', and 'As Me' contexts from The 15 Commitments of Conscious Leadership, now with tooltips.">
+    <meta name="twitter:url" content="https://cheatsheets.davidveksler.com/conscious-leadership-contexts.html">
+    <meta name="twitter:image" content="https://cheatsheets.davidveksler.com/images/conscious-leadership-og.jpg">
     <meta name="twitter:image:alt" content="Conceptual image representing the different states of Conscious Leadership">
-    <!-- <meta name="twitter:site" content="@YourSiteHandle"> -->
-    <!-- <meta name="twitter:creator" content="@YourHandle"> -->
 
     <!-- === CSS === -->
     <!-- Google Fonts -->
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600&family=Lato:wght@400;700&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&family=Lato:wght@400;700&display=swap" rel="stylesheet">
 
     <!-- Bootstrap CSS -->
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
@@ -44,21 +42,22 @@
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
     <!-- AOS CSS (Animate On Scroll) -->
     <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
-    <!-- Custom CSS (Based on template) -->
+    <!-- Custom CSS -->
     <style>
         :root {
             --font-primary: 'Lato', sans-serif;
             --font-headings: 'Poppins', sans-serif;
-            --color-bg: #f8f9fa;
-            --color-text: #343a40;
-            --color-primary: #1a5a99; /* Darker Blue */
-            --color-secondary: #4a7ab8; /* Lighter Blue */
+            --color-bg: #ffffff; /* White background like original image */
+            --color-text: #333333; /* Dark grey text */
+            --color-primary: #D87093; /* PaleVioletRed - softer pink/red accent */
+            --color-primary-darker: #C71585; /* MediumVioletRed for hover */
+            --color-secondary: #6c757d; /* Muted grey */
             --color-card-bg: #ffffff;
-            --color-card-border: #e9ecef;
-            --color-link: #0d6efd;
-            --color-link-hover: #0a58ca;
-            --shadow-soft: 0 4px 12px rgba(0, 0, 0, 0.07);
-            --shadow-hover: 0 8px 20px rgba(0, 0, 0, 0.1);
+            --color-card-border: #dee2e6; /* Light grey border */
+            --color-link: var(--color-primary); /* Use accent for links */
+            --color-link-hover: var(--color-primary-darker); /* Darker accent on hover */
+            --shadow-soft: 0 4px 12px rgba(0, 0, 0, 0.06); /* Softer shadow */
+            --shadow-hover: 0 8px 20px rgba(0, 0, 0, 0.09); /* Slightly enhanced hover shadow */
         }
 
         body {
@@ -67,19 +66,20 @@
             color: var(--color-text);
             padding-top: 0;
             padding-bottom: 3rem;
-            font-size: 16px; /* Slightly smaller base for table clarity */
-            line-height: 1.6;
+            font-size: 16px;
+            line-height: 1.65; /* Slightly increased line height */
         }
 
         h1, h2, h3, h4, h5, h6 {
             font-family: var(--font-headings);
             color: var(--color-primary);
-            font-weight: 600;
+            font-weight: 500; /* Slightly less heavy headings */
         }
 
         a {
             color: var(--color-link);
             text-decoration: none;
+            font-weight: 500; /* Make links slightly bolder */
             transition: color 0.2s ease-in-out;
         }
         a:hover {
@@ -88,186 +88,203 @@
         }
 
         .page-header {
-            padding: 3rem 1.5rem;
-            margin-bottom: 2rem; /* Reduced margin */
+            padding: 2.5rem 1.5rem; /* Reduced padding */
+            margin-bottom: 2rem;
             text-align: center;
+            border-bottom: 1px solid var(--color-card-border); /* Add a subtle separator */
         }
         .page-header h1 {
             color: var(--color-primary);
             font-weight: 500;
             margin-bottom: 0.75rem;
-            font-size: 2.6rem; /* Slightly smaller */
+            font-size: 2.4rem; /* Adjusted size */
             display: flex;
             align-items: center;
             justify-content: center;
             gap: 0.75rem;
         }
          .page-header h1 .bi {
-            font-size: 0.9em;
-            color: var(--color-secondary);
+            font-size: 0.95em;
+            color: var(--color-primary); /* Match heading color */
          }
         .page-header .lead {
             color: var(--color-secondary);
-            font-size: 1.1rem; /* Slightly smaller */
-            max-width: 750px;
+            font-size: 1.1rem;
+            max-width: 800px; /* Wider lead paragraph */
             margin-left: auto;
             margin-right: auto;
+            line-height: 1.7;
         }
 
-        .content-card { /* Renamed from info-card for context */
+        .content-card {
             background-color: var(--color-card-bg);
             border: 1px solid var(--color-card-border);
             border-radius: 0.5rem;
             box-shadow: var(--shadow-soft);
-            padding: 2rem; /* Generous padding */
+            padding: 1.5rem; /* Adjusted padding */
             margin-bottom: 2rem;
-             transition: transform 0.25s ease-out, box-shadow 0.25s ease-out;
+            transition: transform 0.25s ease-out, box-shadow 0.25s ease-out;
         }
          .content-card:hover {
              transform: translateY(-4px);
              box-shadow: var(--shadow-hover);
         }
 
-        .content-card h5 { /* Optional heading inside card */
-             color: var(--color-primary);
-             text-align: center;
-             margin-bottom: 1.5rem;
-             font-weight: 600;
-             font-size: 1.25rem;
-        }
-
         /* Table Styling */
         .table {
-            margin-bottom: 0; /* Remove default bottom margin */
+            margin-bottom: 0;
             border-color: var(--color-card-border);
         }
         .table thead th {
             font-family: var(--font-headings);
-            background-color: var(--color-bg); /* Light background for header */
+            background-color: #fdf6f8; /* Very light pink background for header */
             color: var(--color-primary);
-            font-weight: 600;
+            font-weight: 600; /* Bolder header text */
             text-align: center;
             vertical-align: middle;
             border-bottom-width: 2px;
-            font-size: 1.05rem;
-            padding: 0.8rem 0.6rem;
+            border-color: var(--color-card-border);
+            font-size: 1.1rem;
+            padding: 0.9rem 0.6rem;
         }
-        .table .sub-header th { /* For Responsibility, Surrender, Oneness */
-             font-size: 0.85rem;
-             font-weight: 500;
+        .table .sub-header th {
+             font-size: 0.8rem; /* Smaller text */
+             font-weight: 400; /* Lighter weight */
+             font-style: italic;
              color: var(--color-secondary);
              padding-top: 0;
-             padding-bottom: 0.5rem;
-             border-top: none; /* Remove top border if immediately below main header */
+             padding-bottom: 0.6rem;
+             border-top: none;
              text-align: center;
+             background-color: #fdf6f8; /* Match main header background */
         }
-         .table .sub-header th i { /* Arrow Icon */
+         .table .sub-header th i {
             font-size: 1.1em;
             margin-left: 0.3em;
+            color: var(--color-primary); /* Make arrow match primary color */
+            font-style: normal; /* Keep arrow normal style */
          }
 
         .table tbody th { /* Concept column */
             font-family: var(--font-headings);
-            font-weight: 600;
+            font-weight: 600; /* Bolder concept name */
             color: var(--color-primary);
             text-align: left;
-            vertical-align: top; /* Align concept name to top */
-            padding: 0.8rem 0.6rem;
-            width: 12%; /* Give concept column a bit more space */
-            font-size: 1rem;
+            vertical-align: middle; /* Center concept name vertically */
+            padding: 0.9rem 0.6rem;
+            width: 13%; /* Slightly more width */
+            font-size: 1.05rem;
+            background-color: #fdf6f8; /* Light pink background for concept column */
         }
         .table td {
-            vertical-align: top; /* Align cell content to top */
+            vertical-align: top;
             color: var(--color-text);
-            font-size: 0.95rem; /* Slightly smaller text in cells */
-            padding: 0.8rem 0.6rem;
+            font-size: 0.98rem;
+            padding: 0.9rem 0.7rem; /* Slightly more padding */
+            line-height: 1.6;
         }
         .table td ul {
-            padding-left: 1.3rem; /* Indent bullet points */
+            padding-left: 0; /* Reset padding */
             margin-bottom: 0;
-            list-style: none; /* Using custom marker below */
+            list-style: none;
         }
          .table td ul li {
              position: relative;
-             padding-left: 1rem; /* Space for custom bullet */
-             margin-bottom: 0.4rem; /* Space between bullet points */
-             line-height: 1.5;
+             padding-left: 1.5rem; /* Space for custom bullet */
+             margin-bottom: 0.5rem; /* Space between bullet points */
          }
          .table td ul li::before { /* Custom bullet */
               content: '';
               position: absolute;
-              left: 0;
-              top: 0.6em; /* Adjust vertical alignment */
+              left: 0.5rem; /* Position bullet */
+              top: 0.65em;
               transform: translateY(-50%);
-              width: 5px;
-              height: 5px;
-              background-color: var(--color-secondary);
+              width: 6px; /* Slightly larger bullet */
+              height: 6px;
+              background-color: var(--color-primary); /* Use accent color */
               border-radius: 50%;
          }
         .table td ul li:last-child { margin-bottom: 0; }
 
         /* Responsive Table */
         .table-responsive {
-             margin-bottom: 0; /* Prevent double margin with card padding */
+             margin-bottom: 0;
         }
 
-        /* Tooltip styling (copied from template) */
+        /* Tooltip styling */
         span[data-bs-toggle="tooltip"], strong[data-bs-toggle="tooltip"] {
-            border-bottom: 1px dotted var(--color-link);
+            border-bottom: 1px dotted var(--color-primary); /* Use accent color for dot */
             cursor: help;
             text-decoration: none;
-            color: var(--color-primary);
-            font-weight: 500;
+            color: inherit; /* Inherit text color */
+            /* font-weight: 500; */ /* Removed bolding for subtler look */
             transition: color 0.2s, border-color 0.2s;
         }
         span[data-bs-toggle="tooltip"]:hover, strong[data-bs-toggle="tooltip"]:hover {
-            color: var(--color-link-hover);
-            border-bottom-color: var(--color-link-hover);
+            color: var(--color-primary); /* Highlight with accent on hover */
+            border-bottom-color: var(--color-primary);
         }
-        .tooltip-inner { text-align: left; }
-         .tooltip-inner a { color: #a0c4ff; text-decoration: underline; }
+        .tooltip-inner {
+            text-align: left;
+            background-color: #333; /* Darker tooltip background */
+            color: #fff; /* White text */
+            max-width: 300px; /* Wider tooltip */
+            padding: 0.6rem 0.8rem; /* More padding */
+            font-size: 0.9rem; /* Slightly larger tooltip text */
+            border-radius: 0.3rem;
+        }
+         .tooltip-inner a { color: #add8e6; text-decoration: underline; } /* Light blue links inside tooltip */
          .tooltip-inner a:hover { color: #ffffff; }
+         .tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
+         .tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
+         .tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
+            border-top-color: #333; /* Match tooltip arrow to background */
+         }
+         .tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
+            border-bottom-color: #333; /* Match tooltip arrow to background */
+         }
+
 
-        /* Footer Styling (copied from template) */
+        /* Footer Styling */
         footer {
-            padding: 2.5rem 0;
+            padding: 2rem 0; /* Adjusted padding */
             font-size: 0.9em;
-            margin-top: 3rem;
+            margin-top: 2rem; /* Reduced margin */
             text-align: center;
-            color: #6c757d;
+            color: var(--color-secondary);
             border-top: 1px solid var(--color-card-border);
         }
-        footer a { color: var(--color-secondary); }
-        footer a:hover { color: var(--color-primary); }
+        footer a { color: var(--color-link); font-weight: normal;} /* Normal weight for footer links */
+        footer a:hover { color: var(--color-link-hover); }
     </style>
 </head>
 <body>
 
     <header class="page-header">
         <div class="container">
-            <h1 class="display-5"><i class="bi bi-diagram-3-fill"></i>The Four Ways of Leading & Being</h1>
-            <p class="lead">A summary of the contexts for experiencing the world, based on "The 15 Commitments of Conscious Leadership" by Dethmer, Chapman, & Klemp.</p>
+            <h1 class="display-5"><i class="bi bi-arrows-angle-expand"></i>The Four Ways of Leading & Being</h1>
+            <p class="lead">
+                A summary of the contexts for experiencing the world from "The 15 Commitments of Conscious Leadership". This table expands on concepts mentioned in the <a href="https://cheatsheets.davidveksler.com/leadership.html" target="_blank" rel="noopener noreferrer">full 15 Commitments cheatsheet</a>.
+            </p>
         </div>
     </header>
 
     <div class="container">
-        <div class="row justify-content-center"> <!-- Center the single column -->
-            <div class="col-lg-10 col-md-12"> <!-- Wider column for the table -->
+        <div class="row justify-content-center">
+            <div class="col-lg-11 col-md-12"> <!-- Slightly wider column for better table fit -->
                 <div class="content-card" data-aos="fade-up">
-                    <!-- Optional heading inside card -->
-                    <!-- <h5>Contexts of Experience</h5> -->
                     <div class="table-responsive">
-                        <table class="table table-bordered table-striped">
+                        <table class="table table-bordered"> <!-- Removed table-striped for cleaner look -->
                             <thead class="thead-light">
                                 <tr>
-                                    <th scope="col" style="width: 12%;">&nbsp;</th> <!-- Empty corner -->
-                                    <th scope="col">TO ME</th>
-                                    <th scope="col">BY ME</th>
-                                    <th scope="col">THROUGH ME</th>
-                                    <th scope="col">AS ME</th>
+                                    <th scope="col" style="width: 13%;">&nbsp;</th> <!-- Empty corner -->
+                                    <th scope="col" data-bs-toggle="tooltip" data-bs-html="true" title="Life happens 'to me'.<br><strong>Stance:</strong> Victim, blaming, reactive.<br><strong>Focus:</strong> External circumstances dictating internal state.">TO ME</th>
+                                    <th scope="col" data-bs-toggle="tooltip" data-bs-html="true" title="Life happens 'by me'.<br><strong>Stance:</strong> Responsible creator, agent.<br><strong>Focus:</strong> Taking ownership, learning, making choices.">BY ME</th>
+                                    <th scope="col" data-bs-toggle="tooltip" data-bs-html="true" title="Life happens 'through me'.<br><strong>Stance:</strong> Co-creator, channel, surrender.<br><strong>Focus:</strong> Flow, intuition, abundance, allowing.">THROUGH ME</th>
+                                    <th scope="col" data-bs-toggle="tooltip" data-bs-html="true" title="Life happens 'as me'.<br><strong>Stance:</strong> Oneness, unity, source.<br><strong>Focus:</strong> Interconnectedness, illusion of separation, beingness.">AS ME</th>
                                 </tr>
                                 <tr class="sub-header">
-                                     <th>&nbsp;</th> <!-- Empty corner -->
+                                     <th>&nbsp;</th>
                                      <th>Responsibility<i class="bi bi-arrow-right-short"></i></th>
                                      <th>Surrender<i class="bi bi-arrow-right-short"></i></th>
                                      <th>Oneness<i class="bi bi-arrow-right-short"></i></th>
@@ -279,7 +296,7 @@
                                     <th scope="row">MONEY</th>
                                     <td>
                                         <ul>
-                                            <li>Scarcity = Never enough</li>
+                                            <li><span data-bs-toggle="tooltip" title="Belief in fundamental lack, never having enough regardless of amount.">Scarcity</span> = Never enough</li>
                                             <li>I work hard to get it</li>
                                             <li>My value is attached to it</li>
                                         </ul>
@@ -287,20 +304,20 @@
                                     <td>
                                         <ul>
                                             <li>I want more</li>
-                                            <li>I can create more</li>
+                                            <li><span data-bs-toggle="tooltip" title="Belief in the ability to generate wealth through effort and strategy.">I can create more</span></li>
                                             <li>It is a measure of my value</li>
                                         </ul>
                                     </td>
                                     <td>
                                         <ul>
-                                            <li>It is abundant</li>
+                                            <li><span data-bs-toggle="tooltip" title="Experiencing sufficiency and flow, regardless of external measure. Trusting provision.">It is abundant</span></li>
                                             <li>It is an energy not a thing</li>
                                             <li>Measurement is irrelevant</li>
                                         </ul>
                                     </td>
                                     <td>
                                         <ul>
-                                            <li>It is just another form</li>
+                                            <li>It is just another form <span data-bs-toggle="tooltip" title="Seeing money as one expression of universal energy, not inherently different or special.">(of energy)</span></li>
                                             <li>It is given and received with freedom and joy</li>
                                         </ul>
                                     </td>
@@ -309,14 +326,14 @@
                                     <th scope="row">TIME</th>
                                     <td>
                                         <ul>
-                                            <li>There is not the right amount</li>
+                                            <li>There is <span data-bs-toggle="tooltip" title="Feeling constantly pressured, lacking sufficient time for tasks and life.">not the right amount</span></li>
                                             <li>I am stressed because of it</li>
                                             <li>I am overwhelmed, busy/bored</li>
                                         </ul>
                                     </td>
                                     <td>
                                         <ul>
-                                            <li>I'm in control of my time</li>
+                                            <li><span data-bs-toggle="tooltip" title="Actively managing schedules, tasks, and priorities to maximize efficiency.">I'm in control</span> of my time</li>
                                             <li>I use time management systems</li>
                                             <li>I use it to do what I want</li>
                                         </ul>
@@ -324,12 +341,12 @@
                                     <td>
                                         <ul>
                                             <li>I have plenty of it</li>
-                                            <li>There is only now - there is no past or future</li>
+                                            <li><span data-bs-toggle="tooltip" title="Living fully in the present moment, releasing attachment to past regrets or future anxieties.">There is only now</span> - there is no past or future</li>
                                         </ul>
                                     </td>
                                     <td>
                                         <ul>
-                                            <li>I am the source of it</li>
+                                            <li><span data-bs-toggle="tooltip" title="Recognizing oneself as the timeless awareness in which moments arise and pass.">I am the source of it</span></li>
                                             <li>It is an illusion - like all other illusions</li>
                                         </ul>
                                     </td>
@@ -338,26 +355,26 @@
                                     <th scope="row">HAPPINESS</th>
                                     <td>
                                         <ul>
-                                            <li>It is a fleeting moment of pleasure (ice cream, vacation, sex)</li>
+                                            <li>It is a <span data-bs-toggle="tooltip" title="Temporary pleasure derived from external events or stimuli.">fleeting moment of pleasure</span> (ice cream, vacation, sex)</li>
                                             <li>It depends on circumstances</li>
                                         </ul>
                                     </td>
                                     <td>
                                         <ul>
-                                            <li>I choose to make myself happy</li>
+                                            <li><span data-bs-toggle="tooltip" title="Taking action and arranging conditions believed to cause happiness.">I choose to make myself happy</span></li>
                                             <li>I make happiness if I bring the right ingredients</li>
                                         </ul>
                                     </td>
                                     <td>
                                         <ul>
                                             <li>It is here now</li>
-                                            <li>It has a deep lasting quality</li>
+                                            <li>It has a <span data-bs-toggle="tooltip" title="An underlying sense of well-being and contentment independent of circumstances.">deep lasting quality (Joy)</span></li>
                                             <li>I relax into joy</li>
                                         </ul>
                                     </td>
                                     <td>
                                         <ul>
-                                            <li>Happiness is just another state, it is just one of many vibrations passing through</li>
+                                            <li>Happiness is just another state, it is <span data-bs-toggle="tooltip" title="Observing emotions as transient energetic patterns without identification.">one of many vibrations</span> passing through</li>
                                         </ul>
                                     </td>
                                 </tr>
@@ -366,25 +383,25 @@
                                     <td>
                                         <ul>
                                             <li>Always too much or too little</li>
-                                            <li>It's hard; I "should"; "I have to"</li>
+                                            <li><span data-bs-toggle="tooltip" title="Driven by external rules, obligations, or the need for approval. Feels like effortful struggle.">It's hard; I "should"; "I have to"</span></li>
                                             <li>It is necessary to be good</li>
                                         </ul>
                                     </td>
                                     <td>
                                         <ul>
-                                            <li>I choose it (to delay gratification)</li>
-                                            <li>I use it as a tool to create</li>
+                                            <li><span data-bs-toggle="tooltip" title="Using willpower and structured effort to achieve desired outcomes or create habits.">I choose it</span> (to delay gratification)</li>
+                                            <li>I use it as a <span data-bs-toggle="tooltip" title="Discipline seen as a practical means to an end.">tool to create</span></li>
                                         </ul>
                                     </td>
                                     <td>
                                         <ul>
-                                            <li>It is effortless</li>
+                                            <li><span data-bs-toggle="tooltip" title="Action arises naturally from alignment and flow, without forced effort.">It is effortless</span></li>
                                             <li>Having and delaying gratification are equals</li>
                                         </ul>
                                     </td>
                                     <td>
                                         <ul>
-                                            <li>Can you find the one who is disciplined?</li>
+                                            <li><span data-bs-toggle="tooltip" title="Questioning the existence of a separate 'self' that needs or possesses discipline. Who is being disciplined?">Can you find the one</span> who is disciplined?</li>
                                         </ul>
                                     </td>
                                 </tr>
@@ -393,27 +410,27 @@
                                     <td>
                                         <ul>
                                             <li>What purpose?</li>
-                                            <li>I should have one and don't</li>
+                                            <li><span data-bs-toggle="tooltip" title="Feeling lost, lacking direction, or that purpose is an external thing one 'should' find but hasn't.">I should have one and don't</span></li>
                                             <li>I just have roles I play</li>
                                         </ul>
                                     </td>
                                     <td>
                                         <ul>
-                                            <li>My purpose</li>
+                                            <li><span data-bs-toggle="tooltip" title="Defining a personal mission or goal and actively pursuing it through strategic action.">My purpose</span></li>
                                             <li>I declare it and go out and get it</li>
                                             <li>Both takes energy and energizing</li>
                                         </ul>
                                     </td>
                                     <td>
                                         <ul>
-                                            <li>Transcendent purpose</li>
+                                            <li><span data-bs-toggle="tooltip" title="Purpose emerges from inner listening and alignment with a larger flow or calling, rather than being intellectually constructed.">Transcendent purpose</span></li>
                                             <li>No more wanting</li>
                                             <li>I receive it through listening</li>
                                         </ul>
                                     </td>
                                     <td>
                                         <ul>
-                                            <li>What purpose? Being and purpose are the same</li>
+                                            <li>What purpose? <span data-bs-toggle="tooltip" title="The state of being itself is the purpose; there's no separate goal to achieve.">Being and purpose are the same</span></li>
                                             <li>Impossible to be off of it</li>
                                         </ul>
                                     </td>
@@ -422,23 +439,23 @@
                                     <th scope="row">LEADERSHIP</th>
                                     <td>
                                         <ul>
-                                            <li>It's a role; I have it or I don't</li>
+                                            <li>It's a <span data-bs-toggle="tooltip" title="Leadership viewed as a fixed position or title, often associated with burden and managing perceived incompetence in others.">role</span>; I have it or I don't</li>
                                             <li>It comes with have-tos, burden and incompetent followers</li>
                                         </ul>
                                     </td>
                                     <td>
                                         <ul>
-                                            <li>There are skills/techniques to master which create good or effective leadership</li>
+                                            <li>There are <span data-bs-toggle="tooltip" title="Leadership seen as a set of learnable competencies and techniques to influence and direct others effectively.">skills/techniques</span> to master which create good or effective leadership</li>
                                         </ul>
                                     </td>
                                     <td>
                                         <ul>
-                                            <li>It arises in response to present need; no "one" is the leader in co-creation</li>
+                                            <li>It arises in response to present need; <span data-bs-toggle="tooltip" title="Leadership emerges organically from the group or situation; it's a shared function, not tied to one individual.">no "one" is the leader in co-creation</span></li>
                                         </ul>
                                     </td>
                                     <td>
                                         <ul>
-                                            <li>There is no one to lead and nowhere to lead to</li>
+                                            <li><span data-bs-toggle="tooltip" title="In oneness, the concepts of leading and following dissolve as there is no fundamental separation.">There is no one to lead</span> and nowhere to lead to</li>
                                         </ul>
                                     </td>
                                 </tr>
@@ -451,28 +468,32 @@
     </div> <!-- /.container -->
 
     <footer class="container text-center">
-         <p>This table summarizes the "Four Contexts" discussed in <a href="https://conscious.is/the-15-commitments" target="_blank" rel="noopener noreferrer">The 15 Commitments of Conscious Leadership</a> by Jim Dethmer, Diana Chapman, & Kaley Warner Klemp. <br>
-         It is part of a larger cheatsheet available <a href="https://cheatsheets.davidveksler.com/conscious-leadership.html">here</a>.
+         <p>
+             This table summarizes the "Four Contexts" from <a href="https://conscious.is/the-15-commitments" target="_blank" rel="noopener noreferrer">The 15 Commitments of Conscious Leadership</a> by Jim Dethmer, Diana Chapman, & Kaley Warner Klemp.
+         </p>
+          <p>
+             For a summary of the core commitments, see the <a href="https://cheatsheets.davidveksler.com/leadership.html" target="_blank" rel="noopener noreferrer">Full 15 Commitments Cheatsheet</a>.
          </p>
         <p>Visit the <a href="https://conscious.is/" target="_blank" rel="noopener noreferrer">Conscious Leadership Group</a> | Buy the <a href="https://www.amazon.com/15-Commitments-Conscious-Leadership-Sustainable/dp/0990976904" target="_blank" rel="noopener noreferrer">Book</a></p>
-         <p>Adapted from prior summaries by Human First Works & Selling Sherpa (Sep 2023) and the main cheatsheet by David Veksler. <br> &copy; 2025 David Veksler. Please verify information with primary sources.</p> <!-- Adjust Year/Name if needed -->
+         <p>Adapted from prior summaries & the main cheatsheet by David Veksler. &copy; 2025 David Veksler. Please verify with primary sources.</p>
     </footer>
 
     <!-- === JAVASCRIPT === -->
-    <!-- Bootstrap JS Bundle (needed for tooltips, if added later) -->
+    <!-- Bootstrap JS Bundle (needed for tooltips) -->
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
     <!-- AOS JS (Animate On Scroll) -->
     <script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
     <!-- Initialization Script -->
     <script>
-        // Initialize Bootstrap Tooltips (if you add any)
-        // var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
-        // var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
-        //   return new bootstrap.Tooltip(tooltipTriggerEl, {
-        //       html: true,
-        //       delay: { "show": 100, "hide": 150 }
-        //    })
-        // });
+        // Initialize Bootstrap Tooltips
+        var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
+        var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
+           return new bootstrap.Tooltip(tooltipTriggerEl, {
+               html: true,
+               delay: { "show": 150, "hide": 100 }, // Slightly adjusted delay
+               boundary: 'clippingParents' // Helps keep tooltips within viewport/card
+           })
+        });
 
         // Initialize AOS
         AOS.init({
@@ -480,7 +501,7 @@
             easing: 'ease-in-out',
             once: true,
             mirror: false,
-            offset: 50,
+            offset: 40, // Slightly reduced offset
             delay: 0,
         });
     </script>
diff --git a/leadership.html b/leadership.html
index fd16d72..4f8e209 100644
--- a/leadership.html
+++ b/leadership.html
@@ -1,52 +1,47 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <!-- === METADATA === -->
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>The 15 Commitments of Conscious Leadership Cheatsheet (Enhanced)</title>
-    <meta name="description" content="An interactive cheatsheet summarizing The 15 Commitments of Conscious Leadership by Dethmer, Chapman, & Klemp. Learn about leading 'above the line' with responsibility, curiosity, candor, and more, with clarifications and references.">
-    <meta name="keywords" content="Conscious Leadership, 15 Commitments, Jim Dethmer, Diana Chapman, Kaley Klemp, leadership, cheatsheet, above the line, responsibility, curiosity, candor, integrity, appreciation, leadership development, Byron Katie, Sedona Method, Zone of Genius, AOS, animation on scroll">
-    <meta name="author" content="David Veksler"> <!-- Or adjust as needed -->
+    <title>The 15 Commitments of Conscious Leadership Cheatsheet (Detailed & Animated)</title>
+    <meta name="description" content="An interactive cheatsheet summarizing The 15 Commitments of Conscious Leadership by Dethmer, Chapman, & Klemp. Learn to lead 'above the line' with detailed tooltips, references, and animations.">
+    <meta name="keywords" content="Conscious Leadership, 15 Commitments, Jim Dethmer, Diana Chapman, Kaley Klemp, leadership, cheatsheet, above the line, below the line, responsibility, curiosity, candor, integrity, appreciation, zone of genius, play, rest, gossip, sufficiency, ally, win-for-all, resolution, leadership development, Byron Katie, Sedona Method, Gay Hendricks, Lynne Twist, Gottman Institute, AOS, animation on scroll, To Me, By Me, Through Me, As Me">
+    <meta name="author" content="David Veksler">
 
-    <!-- Canonical URL (Update if different) -->
-    <link rel="canonical" href="https://cheatsheets.davidveksler.com/conscious-leadership.html">
+    <link rel="canonical" href="https://cheatsheets.davidveksler.com/leadership.html">
 
     <!-- Open Graph / Facebook / LinkedIn -->
-    <meta property="og:title" content="The 15 Commitments of Conscious Leadership Cheatsheet (Enhanced)">
-    <meta property="og:description" content="Explore the framework for leading 'above the line' with this summary of the 15 Commitments. Includes tooltips clarifying concepts and referencing related works.">
+    <meta property="og:title" content="Conscious Leadership Cheatsheet: The 15 Commitments">
+    <meta property="og:description" content="Master the 15 Commitments of Conscious Leadership. Explore 'Above the Line' principles with this detailed, interactive cheatsheet featuring tooltips and references.">
     <meta property="og:type" content="article">
-    <meta property="og:url" content="https://cheatsheets.davidveksler.com/conscious-leadership.html"> <!-- Use Canonical URL -->
-    <meta property="og:image" content="https://cheatsheets.davidveksler.com/images/conscious-leadership-og.jpg"> <!-- *** IMPORTANT: Replace with an actual image URL *** -->
-    <meta property="og:image:alt" content="Conceptual image representing Conscious Leadership principles like awareness and growth"> <!-- Describe the image -->
+    <meta property="og:url" content="https://cheatsheets.davidveksler.com/leadership.html">
+    <meta property="og:image" content="https://cheatsheets.davidveksler.com/images/conscious-leadership-og.jpg">
+    <meta property="og:image:alt" content="Diagram illustrating Conscious Leadership principles like awareness and responsibility">
     <meta property="og:site_name" content="David Veksler's Cheatsheets">
     <meta property="og:locale" content="en_US">
+    <meta property="article:author" content="David Veksler">
+    <!-- Optional: Add publish date -->
+    <!-- <meta property="article:published_time" content="YYYY-MM-DDTHH:MM:SSZ"> -->
 
     <!-- Twitter Card -->
     <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:title" content="The 15 Commitments of Conscious Leadership Cheatsheet (Enhanced)">
-    <meta name="twitter:description" content="A concise cheatsheet on the 15 Commitments of Conscious Leadership for leading 'above the line', now with clarifying tooltips and references.">
-    <meta name="twitter:url" content="https://cheatsheets.davidveksler.com/conscious-leadership.html"> <!-- Use Canonical URL -->
-    <meta name="twitter:image" content="https://cheatsheets.davidveksler.com/images/conscious-leadership-og.jpg"> <!-- *** IMPORTANT: Use the same image URL *** -->
-    <meta name="twitter:image:alt" content="Conceptual image representing Conscious Leadership principles like awareness and growth">
+    <meta name="twitter:title" content="Conscious Leadership Cheatsheet: The 15 Commitments Explained">
+    <meta name="twitter:description" content="Lead 'Above the Line'! A detailed, interactive cheatsheet on the 15 Commitments of Conscious Leadership with tooltips, references, and animations.">
+    <meta name="twitter:url" content="https://cheatsheets.davidveksler.com/leadership.html">
+    <meta name="twitter:image" content="https://cheatsheets.davidveksler.com/images/conscious-leadership-og.jpg">
+    <meta name="twitter:image:alt" content="Diagram illustrating Conscious Leadership principles like awareness and responsibility">
     <!-- <meta name="twitter:site" content="@YourSiteHandle"> -->
     <!-- <meta name="twitter:creator" content="@YourHandle"> -->
 
-    <!-- === CSS === -->
-    <!-- Google Fonts -->
+    <!-- CSS -->
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600&family=Lato:wght@400;700&display=swap" rel="stylesheet">
-
-    <!-- Bootstrap CSS -->
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-    <!-- Bootstrap Icons CSS -->
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
-    <!-- AOS CSS (Animate On Scroll) -->
     <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
     <!-- Custom CSS -->
     <style>
-        /* === Variables === */
         :root {
             --font-primary: 'Lato', sans-serif;
             --font-headings: 'Poppins', sans-serif;
@@ -58,11 +53,10 @@
             --color-card-border: #e9ecef;
             --color-link: #0d6efd;
             --color-link-hover: #0a58ca;
-            --shadow-soft: 0 4px 12px rgba(0, 0, 0, 0.07); /* Slightly softer */
-            --shadow-hover: 0 8px 20px rgba(0, 0, 0, 0.1); /* Enhanced hover shadow */
+            --shadow-soft: 0 4px 12px rgba(0, 0, 0, 0.07);
+            --shadow-hover: 0 8px 20px rgba(0, 0, 0, 0.1);
         }
 
-        /* === Base & Typography === */
         body {
             background-color: var(--color-bg);
             font-family: var(--font-primary);
@@ -70,7 +64,7 @@
             padding-top: 0;
             padding-bottom: 3rem;
             font-size: 16.5px;
-            line-height: 1.65; /* Slightly more line height */
+            line-height: 1.65;
         }
 
         h1, h2, h3, h4, h5, h6 {
@@ -88,8 +82,8 @@
             color: var(--color-link-hover);
             text-decoration: underline;
         }
+        .small { font-size: 0.85em; } /* Utility class for small text */
 
-        /* === Header === */
         .page-header {
             padding: 3rem 1.5rem;
             margin-bottom: 3rem;
@@ -117,11 +111,8 @@
             margin-right: auto;
         }
 
-        /* === Container & Grid === */
-        /* Removed perspective as tilt is gone */
-         .row > * { margin-bottom: 2rem; }
+        .row > * { margin-bottom: 2rem; }
 
-        /* === Info Cards === */
         .info-card {
             background-color: var(--color-card-bg);
             border: 1px solid var(--color-card-border);
@@ -130,21 +121,16 @@
             height: 100%;
             display: flex;
             flex-direction: column;
-            /* Removed transform-style */
-            transition: transform 0.25s ease-out, box-shadow 0.25s ease-out; /* Added transition for hover */
+            transition: transform 0.25s ease-out, box-shadow 0.25s ease-out;
         }
-        /* Add simple hover effect */
         .info-card:hover {
-             transform: translateY(-4px); /* Slight lift */
-             box-shadow: var(--shadow-hover); /* Use hover shadow variable */
+             transform: translateY(-4px);
+             box-shadow: var(--shadow-hover);
         }
-
         .info-card .card-body {
             padding: 1.75rem;
             flex-grow: 1;
-            /* Removed transform: translateZ */
         }
-
         .info-card h5 {
             color: var(--color-primary);
             text-align: center;
@@ -159,7 +145,6 @@
             flex-wrap: wrap;
             gap: 0.5rem;
         }
-
         .info-card h5 .bi {
             font-size: 1.2em;
             color: var(--color-secondary);
@@ -167,7 +152,6 @@
         }
         .info-card h5 a { color: inherit; text-decoration: none; }
         .info-card h5 a:hover { text-decoration: underline; }
-
         .info-card p.description, .info-card .card-text {
             font-size: 1rem;
             color: var(--color-text);
@@ -176,27 +160,25 @@
             line-height: 1.6;
         }
 
-        /* === Lists === */
         .info-card ul {
-            padding-left: 0; /* Let list items handle padding for bullet */
+            padding-left: 0;
             margin-bottom: 0;
             list-style: none;
         }
-        /* Target only DIRECT children li of the primary ul in card-body */
-        .info-card .card-body > ul > li {
+        .info-card .card-body > ul > li { /* Target only DIRECT children li */
             margin-bottom: 0.6rem;
             color: var(--color-text);
             position: relative;
             font-size: 0.98rem;
-            padding-left: 1.6rem; /* Space for custom marker */
+            padding-left: 1.6rem;
         }
          .info-card .card-body > ul > li::before { /* Custom bullet for direct children */
              content: '';
              position: absolute;
-             left: 0.5rem; /* Position bullet */
-             top: 0.65em; /* Adjust vertical alignment */
+             left: 0.5rem;
+             top: 0.65em;
              transform: translateY(-50%);
-             width: 6px; /* Slightly larger bullet */
+             width: 6px;
              height: 6px;
              background-color: var(--color-secondary);
              border-radius: 50%;
@@ -209,30 +191,34 @@
 
         /* Nested list styling (ol inside ul) */
         .info-card ul ol {
-            list-style: decimal; /* Use standard numbers */
-            padding-left: 2.5rem; /* Indent nested list more */
-            margin-top: 0.5rem;
-            margin-bottom: 0.5rem;
+            list-style: decimal;
+            padding-left: 2.5rem;
+            margin-top: 0.6rem;
+            margin-bottom: 0.6rem;
         }
         .info-card ul ol li {
-            font-size: 0.95rem; /* Slightly smaller nested items */
-            padding-left: 0; /* Remove padding for custom bullet */
-            margin-bottom: 0.4rem; /* Adjust spacing */
+            font-size: 0.95rem;
+            padding-left: 0;
+            margin-bottom: 0.4rem;
         }
         .info-card ul ol li::before {
-            content: none; /* Explicitly remove custom bullet from nested li */
+            content: none; /* Remove custom bullet from nested li */
         }
 
-        /* Styling for To Me, By Me, etc. */
         .state-heading {
              font-weight: bold;
              color: var(--color-secondary);
              margin-top: 1rem;
              margin-bottom: 0.4rem;
              font-size: 0.95em;
+             display: flex; /* Align link nicely */
+             align-items: center;
+             gap: 0.5rem;
+        }
+        .state-heading a {
+            font-weight: normal; /* Link text not bold */
         }
 
-        /* Tooltip styling */
         span[data-bs-toggle="tooltip"], strong[data-bs-toggle="tooltip"] {
             border-bottom: 1px dotted var(--color-link);
             cursor: help;
@@ -245,11 +231,10 @@
             color: var(--color-link-hover);
             border-bottom-color: var(--color-link-hover);
         }
-        .tooltip-inner { text-align: left; }
-         .tooltip-inner a { color: #a0c4ff; text-decoration: underline; }
-         .tooltip-inner a:hover { color: #ffffff; }
+        .tooltip-inner { text-align: left; max-width: 350px; }
+        .tooltip-inner a { color: #a0c4ff; text-decoration: underline; }
+        .tooltip-inner a:hover { color: #ffffff; }
 
-        /* === Footer === */
         footer {
             padding: 2.5rem 0;
             font-size: 0.9em;
@@ -260,7 +245,6 @@
         }
         footer a { color: var(--color-secondary); }
         footer a:hover { color: var(--color-primary); }
-
     </style>
 </head>
 <body>
@@ -273,279 +257,270 @@
     </header>
 
     <div class="container">
-        <!-- Apply AOS animation to the columns containing the cards -->
         <div class="row">
 
-            <!-- Leading from Above the Line - Added ID for specific styling -->
             <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">
-                <div class="info-card" id="above-below-card"> <!-- REMOVED data-tilt -->
+                <div class="info-card" id="above-below-card">
                     <div class="card-body">
                         <h5><i class="bi bi-graph-up-arrow"></i> Leading from Above the Line</h5>
-                        <p class="card-text">Conscious leadership involves recognizing whether you are operating "<span data-bs-toggle="tooltip" data-bs-html="true" title="Characterized by openness, curiosity, presence, trust, and a commitment to learning.">Above the Line</span>" or "<span data-bs-toggle="tooltip" data-bs-html="true" title="Characterized by being closed, defensive, reactive, driven by fear, and committed to being right.">Below the Line</span>".</p>
+                        <p class="card-text">Conscious leadership involves recognizing whether you are operating "<span data-bs-toggle="tooltip" data-bs-html="true" title="Leading from Above the Line means being open, curious, and committed to learning. You experience trust and security.">Above the Line</span>" or "<span data-bs-toggle="tooltip" data-bs-html="true" title="Leading from Below the Line means being closed, defensive, and committed to being right. Driven by (often unconscious) fear and the ego's need to survive.">Below the Line</span>".</p>
                         <ul>
-                            <!-- FIXED: Replaced ** with <strong> -->
-                            <li><strong>Below the Line:</strong> Primary commitment is to being right; defensive; closed; reactive; ego-driven survival.</li>
-                            <li><strong>Above the Line:</strong> Primary commitment is to learning; curious; open; leading from security and trust.</li>
-                            <li><strong>The Shift:</strong> Actively moving from below to above the line state.</li>
-                            <li><strong><span data-bs-toggle="tooltip" title="The ability to accurately perceive one's own state (thoughts, feelings, body sensations) without judgment.">Self-Awareness</span>:</strong> The foundation is knowing your state and telling yourself the truth.</li>
+                            <li><strong>Below the Line:</strong> Primary commitment is to being right; defensive; closed; reactive; ego-driven survival based on perceived threat (real or imagined).</li>
+                            <li><strong>Above the Line:</strong> Primary commitment is to learning; curious; open; leading from security and trust. Enables creativity, innovation, and collaboration.</li>
+                            <li><strong>The Shift:</strong> Actively moving from a below-the-line state (closed, defensive, right) to an above-the-line state (open, curious, learning). A master skill of conscious leaders.</li>
+                            <li><strong><span data-bs-toggle="tooltip" title="The first mark of conscious leaders. The ability to accurately perceive one's own state (thoughts, feelings, body sensations, above/below the line) without judgment or distortion.">Self-Awareness</span>:</strong> The foundation is knowing your state and telling yourself the truth.</li>
                         </ul>
-                        <div class="state-heading">Four Contexts for Experiencing the World:</div>
+                        <div class="state-heading">Four Contexts (Ways of Leading): <a href="https://cheatsheets.davidveksler.com/conscious-leadership-contexts.html" target="_blank" rel="noopener noreferrer" class="small">(See Details)</a></div>
                         <ul>
-                            <li><strong data-bs-toggle="tooltip" title="Below the Line. Life happens 'to me'. Characterized by victimhood, blame, and seeking external causes for internal states.">To Me:</strong> Victim consciousness, blaming external factors.</li>
-                            <li><strong data-bs-toggle="tooltip" title="Above the Line. Life happens 'by me' or 'for me'. Taking responsibility for creating one's experience and seeing events as opportunities for learning. Asks 'What can I learn?'">By Me:</strong> Taking responsibility, focuses on learning from experiences.</li>
-                            <li><strong data-bs-toggle="tooltip" title="Above the Line. Life happens 'through me'. Experiencing oneself as a channel for creativity, purpose, or flow beyond the personal ego.">Through Me:</strong> Aligned with a higher purpose or flow.</li>
-                            <li><strong data-bs-toggle="tooltip" title="Above the Line. Life happens 'as me'. A state of oneness or unity consciousness, recognizing the interconnectedness of all things.">As Me:</strong> Embodies oneness and universality.</li>
+                            <li><strong data-bs-toggle="tooltip" title="Below the Line state. Life happens 'to me'. Victim consciousness: seeing oneself as 'at the effect of' external people, circumstances, or conditions. Characterized by blame and lack of responsibility.">To Me:</strong> Victim consciousness, blaming external factors.</li>
+                            <li><strong data-bs-toggle="tooltip" title="Above the Line state. Life happens 'by me' or 'for me'. Creator consciousness: taking 100% responsibility for creating one's experience. Seeing events as opportunities for learning. Asks 'What can I learn?'">By Me:</strong> Taking responsibility, focuses on learning from experiences.</li>
+                            <li><strong data-bs-toggle="tooltip" title="Above the Line state. Life happens 'through me'. Opening to something beyond the personal 'me'. Experiencing oneself as a channel for creativity, purpose, or flow. Characterized by surrender.">Through Me:</strong> Aligned with a higher purpose or flow.</li>
+                            <li><strong data-bs-toggle="tooltip" title="Above the Line state. Life happens 'as me'. Experiencing oneness or unity consciousness. Realizing there is no separation and often, no personal 'me'. Questions cease.">As Me:</strong> Embodies oneness and universality.</li>
                         </ul>
                     </div>
                 </div>
             </div>
 
-            <!-- Commitment 1 -->
             <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up" data-aos-delay="50">
-                <div class="info-card"> <!-- REMOVED data-tilt -->
+                <div class="info-card">
                     <div class="card-body">
                         <h5><i class="bi bi-bullseye"></i> 1: Taking Radical Responsibility</h5>
-                        <p class="card-text">Commit to <span data-bs-toggle="tooltip" title="Seeing yourself as the creator of your experiences and circumstances, without blame towards self or others. Focuses on response-ability.">100% responsibility</span> for your life and well-being.</p>
+                        <p class="card-text">Commit to <span data-bs-toggle="tooltip" title="Seeing yourself as the creator and source of your experiences and circumstances (physical, emotional, mental, spiritual). Locating the cause and control within, rather than blaming external events, others, or self. The gateway from 'To Me' to 'By Me' consciousness.">100% responsibility</span> for your life and well-being.</p>
                         <ul>
-                            <li>Shift from believing the world *should* be a certain way to accepting how it shows up.</li>
+                            <li>Shift from believing the world *should* be a certain way to accepting how it shows up (seeing reality).</li>
                             <li>Move from rigidity and self-righteousness to curiosity, learning, and wonder.</li>
-                            <li><span data-bs-toggle="tooltip" title="Self-blame is still 'below the line' as it focuses on fault/shame rather than learning and response. Responsibility is about owning your power to respond.">Self-blame is NOT responsibility</span>; it's still toxic.</li>
-                            <li>Support others in taking responsibility.</li>
-                            <li>Recognize <span data-bs-toggle="tooltip" title="1. Toxic Fear (blame/shame), 2. Extrinsic ($/perks), 3. Intrinsic (learning/purpose), 4. Play/Creativity, 5. Love. Levels 1-2 create negative residue.">motivation levels</span>.</li>
-                        </ul>
+                            <li><span data-bs-toggle="tooltip" title="Self-blame is still 'below the line' and rooted in toxic fear (like blaming others). Responsibility focuses on learning and response ('response-ability'), not fault or shame.">Self-blame is NOT responsibility</span>; it's still toxic.</li>
+                            <li>Support others in taking responsibility (primarily by embodying it yourself).</li>
+                            <li>Recognize <span data-bs-toggle="tooltip" data-bs-html="true" title="5 levels identified: <br>1. Toxic Fear (blame/shame/guilt - leaves residue) <br>2. Extrinsic ($/perks - leaves residue) <br>3. Intrinsic (learning/purpose/autonomy) <br>4. Play/Creativity/Genius <br>5. Love <br>Conscious leaders primarily use 3-5.">motivation levels</span> and lead from levels 3-5.</li>
+                            <li>Identify <span data-bs-toggle="tooltip" title="The dynamic driven by toxic fear where people play roles of Victim ('poor me', at the effect of), Villain (blamer), or Hero (over-functioning rescuer who avoids the real issue).">Victim-Villain-Hero</span> drama and step out of it.</li>
+                         </ul>
                     </div>
                 </div>
             </div>
 
-            <!-- Commitment 2 -->
             <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up" data-aos-delay="100">
-                <div class="info-card"> <!-- REMOVED data-tilt -->
+                <div class="info-card">
                     <div class="card-body">
                         <h5><i class="bi bi-search"></i> 2: Learning Through Curiosity</h5>
                          <p class="card-text">Commit to growing in self-awareness and regarding every interaction as a learning opportunity. Prioritize learning over being right.</p>
                          <ul>
                             <li>Curiosity is the path to rapid learning. End blame and criticism.</li>
-                            <li>Key leadership predictors: Self-awareness, <span data-bs-toggle="tooltip" title="The ability and willingness to learn from experience and apply that learning to perform successfully under new or first-time conditions.">Learning Agility</span>, Communication, Influence.</li>
-                            <li>Pause, breathe consciously, and ask: "Where am I - above or below the line?"</li>
-                            <li><span data-bs-toggle="tooltip" title="A state of genuine inquiry without needing an immediate answer or solution. Open-ended exploration.">Wonder</span> is open-ended curiosity.</li>
+                            <li>Key leadership predictors: <strong data-bs-toggle="tooltip" title="Knowing your internal state (thoughts, feelings, sensations) and locating yourself above/below the line.">Self-awareness</strong>, <span data-bs-toggle="tooltip" title="The ability and willingness to learn from experience and apply that learning to perform successfully under new or first-time conditions. Highly valued by conscious leaders.">Learning Agility</span>, Communication, Influence.</li>
+                            <li>Pause, breathe consciously, and ask: "Where am I - above or below the line?" Accept the answer without judgment.</li>
+                            <li><span data-bs-toggle="tooltip" title="Open-ended curiosity without needing an immediate answer or solution. Exploring the unknown, asking questions like 'I wonder what...?'">Wonder</span> is a key shift move and state of consciousness.</li>
+                            <li>Practice <strong data-bs-toggle="tooltip" title="Consciously moving from Below the Line (closed, defensive, right) to Above the Line (open, curious, learning). Examples: Conscious breathing, changing posture, asking wonder questions.">Shift Moves</strong> to interrupt reactivity.</li>
                         </ul>
                     </div>
                 </div>
             </div>
 
-            <!-- Commitment 3 -->
             <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">
-                <div class="info-card"> <!-- REMOVED data-tilt -->
+                <div class="info-card">
                     <div class="card-body">
                         <h5><i class="bi bi-heart-pulse"></i> 3: Feeling All Feelings</h5>
-                        <p class="card-text">Commit to feeling your feelings fully through to completion using <span data-bs-toggle="tooltip" title="Paying attention to physical sensations in the body associated with emotions.">somatic awareness</span> (locating in the body), breath, movement, and vocalization.</p>
+                        <p class="card-text">Commit to feeling your feelings fully through to completion using <span data-bs-toggle="tooltip" title="Paying attention to physical sensations in the body associated with emotions. Locating where the feeling (energy in motion) manifests physically.">somatic awareness</span>, breath, movement, and vocalization.</p>
                          <ul>
-                            <li>Feelings are not distractions; resisting them is. Access all centers: head, heart, gut.</li>
-                            <li>Primary emotions: anger, fear, sadness, joy, sexual feelings. Label sensations.</li>
-                            <li>Feelings release naturally if not prevented. Allow their full life cycle (<span data-bs-toggle="tooltip" title="Often cited based on neurochemical processes, though the exact duration can vary. The point is emotions are temporary if allowed to flow.">often &lt; 90 seconds</span>).</li>
-                            <li>Distinguish authentic joy (unconditional) from circumstantial happiness (conditional).</li>
+                            <li>Feelings aren't distractions; resisting or repressing them is. Access all centers: head (thinking), heart (feeling), gut (instinct/intuition).</li>
+                            <li>Primary emotions: <strong data-bs-toggle="tooltip" title="Anger (boundary setting/destroying old), Fear (alertness/need for presence), Sadness (letting go), Joy (celebration/connection), Sexual Feelings (creativity/creation).">anger, fear, sadness, joy, sexual feelings</strong>. Label sensations accurately.</li>
+                            <li>Feelings release naturally if not prevented (repression) or intensified by thoughts (recycling). Allow their full life cycle (<span data-bs-toggle="tooltip" title="Neuroanatomist Jill Bolte-Taylor suggests emotions are just physiological sensations lasting ~90 seconds if not perpetuated by thought loops.">often &lt; 90 seconds</span>).</li>
+                            <li>Distinguish authentic joy (unconditional well-being) from circumstantial happiness (dependent on external events).</li>
+                            <li>Release process: <strong data-bs-toggle="tooltip" title="1. Locate the sensation (What are the bits doing?). 2. Breathe into it. 3. Allow/Accept/Appreciate it. 4. Match experience with expression (Move and Vocalize to match the sensation).">Locate, Breathe, Allow, Match</strong>.</li>
                         </ul>
                     </div>
                 </div>
             </div>
 
-             <!-- Commitment 4 -->
              <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up" data-aos-delay="50">
-                <div class="info-card"> <!-- REMOVED data-tilt -->
+                <div class="info-card">
                     <div class="card-body">
                         <h5><i class="bi bi-megaphone"></i> 4: Speaking Candidly</h5>
-                        <p class="card-text">Commit to saying what is true for you (<span data-bs-toggle="tooltip" title="Sharing your authentic experience responsibly, focusing on 'I' statements and unarguable reveals, rather than blame or judgment.">candor</span>) and being someone others can express themselves to.</p>
+                        <p class="card-text">Commit to saying what is true for you (<span data-bs-toggle="tooltip" title="Revealing your authentic experience (facts, thoughts, feelings, sensations) responsibly, without withholding. Contrasts with concealing or manipulating. Rooted in love, not fear.">candor</span>) and being someone others can express themselves to (<strong data-bs-toggle="tooltip" title="Listening without filters (fixing, diagnosing, correcting, defending etc.) to understand the other's facts, feelings, and core desires. Requires presence and managing one's own reactivity.">conscious listening</strong>).</p>
                          <ul>
-                            <li>Reveal thoughts, opinions, judgments, feelings (leading above the line).</li>
-                            <li><span data-bs-toggle="tooltip" data-bs-html="true" title="1. Truth (accurate representation of inner state), 2. Openness (how much is revealed), 3. Awareness (consciousness of self/other during reveal).">Three circles of candor:</span> Truth, Openness, Awareness.</li>
-                            <li>Reveal what is <span data-bs-toggle="tooltip" data-bs-html="true" data-bs-delay='{"show":0, "hide":300}' title="Statements about your own direct experience that others cannot reasonably dispute. Based on work by the <a href='https://hendricks.com/' target='_blank' rel='noopener'>Hendricks Institute</a>.">unarguable:</span> a thought, a feeling, a sensation.</li>
-                            <li><span data-bs-toggle="tooltip" title="Identifying your judgments/beliefs about others and exploring how those same traits or behaviors might be true for you.">"Eat" your projections:</span> Ask, "How is this true about me?"</li>
-                            <li>Listen for feelings and underlying desires (gut/instinctive center).</li>
+                            <li>Reveal withheld thoughts, opinions, judgments, feelings, sensations (leads above the line). Withholding drains energy and creates disconnection.</li>
+                            <li><span data-bs-toggle="tooltip" data-bs-html="true" title="1. Truth (accurate representation of inner state), 2. Openness (how much relevant info is revealed vs. withheld), 3. Awareness (consciousness of self/other/impact during reveal). Requires all three.">Three circles of candor:</span> Truth, Openness, Awareness.</li>
+                            <li>Reveal what is <span data-bs-toggle="tooltip" data-bs-html="true" title="Statements about your own direct experience (thoughts, feelings, sensations) that others cannot reasonably dispute (e.g., 'I'm having the thought that...'). Concept from the <a href='https://hendricks.com/' target='_blank' rel='noopener'>Hendricks Institute</a>. Ends drama.">unarguable</span> to avoid drama and promote clarity.</li>
+                            <li><span data-bs-toggle="tooltip" title="Recognizing your projections (attributing your own traits/feelings/motives to others). Ask, 'How is this judgment about them actually true about me?' Owns the projection instead of blaming.">"Eat" your projections:</span> Ask, "How is this true about me?"</li>
+                            <li>Listen for feelings (heart center) and underlying desires (gut/instinctive center), not just content (head center).</li>
                         </ul>
                     </div>
                 </div>
             </div>
 
-             <!-- Commitment 5 -->
              <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up" data-aos-delay="100">
-                <div class="info-card"> <!-- REMOVED data-tilt -->
+                <div class="info-card">
                     <div class="card-body">
                         <h5><i class="bi bi-slash-circle"></i> 5: Eliminating Gossip</h5>
-                         <p class="card-text">Commit to ending <span data-bs-toggle="tooltip" title="Talking *about* someone negatively when they are not present, especially regarding an issue you have with them.">gossip</span> by talking directly *to* people you have an issue with.</p>
+                         <p class="card-text">Commit to ending <span data-bs-toggle="tooltip" title="Talking *about* someone (esp. negatively or critically) when they aren't present, particularly regarding an issue you have with them, OR saying things you wouldn't say if they were present. Includes listening to gossip. Driven by fear, need for validation, control, etc.">gossip</span> by talking directly *to* people you have an issue with, using candor.</p>
                          <ul>
                             <li>Encourage others to speak directly to the person involved.</li>
-                            <li>Listening to gossip is participating in it.</li>
-                            <li>Distinguish clearly between <span data-bs-toggle="tooltip" title="Observable, verifiable data points.">facts</span> and the <span data-bs-toggle="tooltip" title="Interpretations, assumptions, judgments, and meanings we assign to facts.">stories</span> you create about them.</li>
-                            <li>Being "clear" means full expression: saying and feeling everything related to the issue.</li>
+                            <li>Listening to gossip is participating in it. Set boundaries.</li>
+                            <li>Distinguish clearly between <span data-bs-toggle="tooltip" title="Observable, verifiable data points (what a video camera would record). Objective.">facts</span> and the <span data-bs-toggle="tooltip" title="Interpretations, assumptions, judgments, opinions, beliefs, meanings we assign to facts. Subjective and arguable.">stories</span> you create about them. Drama comes from believing stories are facts.</li>
+                            <li>Being <span data-bs-toggle="tooltip" title="Achieved through full expression: saying everything related to the issue (facts, stories, feelings) and feeling all feelings through to completion. Use a Clearing Model.">"clear"</span> means full expression, often using a structured process like the Clearing Model.</li>
                         </ul>
                     </div>
                 </div>
             </div>
 
-             <!-- Commitment 6 -->
              <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">
-                <div class="info-card"> <!-- REMOVED data-tilt -->
+                <div class="info-card">
                     <div class="card-body">
                         <h5><i class="bi bi-shield-check"></i> 6: Practicing Integrity</h5>
-                         <p class="card-text">Commit to masterful <span data-bs-toggle="tooltip" title="Wholeness; alignment between inner experience, values, and outer expression/actions. Keeping agreements with self and others.">integrity</span>.</p>
+                         <p class="card-text">Commit to masterful <span data-bs-toggle="tooltip" title="Wholeness, alignment, congruence. Means unbroken energy flow, matching inner experience with outer expression, and alignment with purpose. More than just morality/ethics.">integrity</span>.</p>
                         <ul>
-                            <li>Acknowledge feelings, express unarguable truth, keep agreements, take 100% responsibility.</li>
-                            <li>Breaches cause disengagement. There's no "small" breach (Tom Peters).</li>
-                            <li>Know when to lead unilaterally vs. bilaterally.</li>
-                            <li>Impeccable people renegotiate agreements promptly.</li>
-                            <li>Continuously clean up "<span data-bs-toggle="tooltip" title="Unexpressed feelings, unspoken truths, broken agreements, and unacknowledged responsibilities.">unfelts, unsaids, unkepts, and unowneds.</span>"</li>
+                            <li>Four pillars: <strong data-bs-toggle="tooltip" title="Commitment 1">Radical Responsibility</strong>, <strong data-bs-toggle="tooltip" title="Commitment 4">Speaking Candidly</strong>, <strong data-bs-toggle="tooltip" title="Commitment 3">Feeling Feelings</strong>, and <strong data-bs-toggle="tooltip" title="Doing what you said you would (or wouldn't) do by when. Includes agreements with self and others.">Keeping Agreements</strong>.</li>
+                            <li>Breaches block energy flow and cause disengagement. There's no "small" breach (<span data-bs-toggle="tooltip" title="Concept attributed to leadership expert Tom Peters, emphasizing that even minor integrity lapses erode trust.">Tom Peters</span>).</li>
+                            <li>Know when to lead unilaterally (assigning) vs. bilaterally (agreeing). Agreements require a <strong data-bs-toggle="tooltip" title="A total and unequivocal YES from mind, emotions, will, and body. Necessary for making conscious agreements.">whole body YES</strong>.</li>
+                            <li>Impeccable people <strong data-bs-toggle="tooltip" title="Communicating as soon as you know you won't keep an agreement to change the 'what' or 'when', before the deadline passes.">renegotiate agreements</strong> promptly.</li>
+                            <li>Continuously clean up breaches using tools like the <strong data-bs-toggle="tooltip" title="A practice of reviewing and addressing: Unexpressed feelings (Commitment 3), Unspoken truths/withholds (Commitment 4), Broken agreements (Commitment 6), and Unacknowledged responsibilities/blame (Commitment 1).">Integrity Inventory</strong> (unfelts, unsaids, unkepts, unowneds).</li>
                         </ul>
                     </div>
                 </div>
             </div>
 
-             <!-- Commitment 7 -->
              <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up" data-aos-delay="50">
-                <div class="info-card"> <!-- REMOVED data-tilt -->
+                <div class="info-card">
                     <div class="card-body">
                         <h5><i class="bi bi-gift"></i> 7: Generating Appreciation</h5>
-                         <p class="card-text">Commit to living in appreciation, fully open to both receiving and giving it genuinely.</p>
+                         <p class="card-text">Commit to living in <span data-bs-toggle="tooltip" title="Defined as having two parts: 1. Sensitive Awareness (paying attention, noticing fine distinctions) and 2. Increase in Value (intending for relationships/circumstances to become more valuable).">appreciation</span>, fully open to both receiving and giving it genuinely.</p>
                          <ul>
-                            <li>First step is awareness: simply pay attention.</li>
-                            <li>Refusing appreciation robs the giver.</li>
-                            <li>Aim for a high ratio (<span data-bs-toggle="tooltip" data-bs-delay='{"show":0, "hide":300}' data-bs-html="true" title="Often cited as 5:1, based on relationship research by the <a href='https://www.gottman.com/' target='_blank' rel='noopener'>Gottman Institute</a>, applied broadly here.">~5:1</span>) of appreciation to criticism.</li>
-                            <li>Masterful appreciation includes: Sincerity, Unarguable truth, Specificity, Succinct language.</li>
-                            <li>Appreciation (vs. <span data-bs-toggle="tooltip" title="Believing you are owed something without expressing gratitude.">entitlement</span>) grows value and connection.</li>
+                            <li>First step is <strong data-bs-toggle="tooltip" title="Paying attention with fresh eyes to notice nuances and details in people and situations.">sensitive awareness</strong>. What you place attention on grows.</li>
+                            <li>Refusing appreciation (e.g., deflecting, downgrading) robs the giver and denies a truth about yourself.</li>
+                            <li>Aim for a high ratio (<span data-bs-toggle="tooltip" data-bs-delay='{"show":0, "hide":300}' data-bs-html="true" title="Research by John Gottman on successful marriages suggests a ratio of approx. 5 positive interactions (like appreciation) to 1 negative one (like criticism) is optimal. Applied broadly here. <a href='https://www.gottman.com/' target='_blank' rel='noopener'>Gottman Institute</a>">~5:1</span>) of appreciation to criticism.</li>
+                            <li>Masterful appreciation includes: <strong data-bs-toggle="tooltip" title="1. Sincerity (genuine feeling). 2. Unarguable truth (based on observation, not judgment). 3. Specificity (clear details). 4. Succinct language (often completable in one exhale).">Sincerity, Unarguable truth, Specificity, Succinct language</strong>.</li>
+                            <li>Appreciation (recognizing value) grows connection, contrasting with <span data-bs-toggle="tooltip" title="Believing you deserve something without expressing gratitude. Expecting rewards/benefits automatically rather than appreciating them when given.">entitlement</span> (expecting rewards without gratitude).</li>
                         </ul>
                     </div>
                 </div>
             </div>
 
-             <!-- Commitment 8 -->
             <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up" data-aos-delay="100">
-                <div class="info-card"> <!-- REMOVED data-tilt -->
+                <div class="info-card">
                     <div class="card-body">
                         <h5><i class="bi bi-stars"></i> 8: Excelling in Your Zone of Genius</h5>
-                        <p class="card-text">Commit to expressing your full magnificence and supporting others to live in their <span data-bs-toggle="tooltip" data-bs-delay='{"show":0, "hide":300}' data-bs-html="true" title="Activities you are uniquely suited for, love doing, and that energize you. Concept from 'The Big Leap' by Gay Hendricks. <a href='https://hendricks.com/the-big-leap/' target='_blank' rel='noopener'>More Info</a>">zone of genius</span>.</p>
+                        <p class="card-text">Commit to expressing your full magnificence and supporting others to live in their <span data-bs-toggle="tooltip" data-bs-delay='{"show":0, "hide":300}' data-bs-html="true" title="Activities you are uniquely gifted for, love doing so much they don't feel like work, and that energize you. Often hard to self-identify because they feel natural. Concept from 'The Big Leap' by Gay Hendricks. <a href='https://hendricks.com/the-big-leap/' target='_blank' rel='noopener'>More Info</a>">zone of genius</span>.</p>
                         <ul>
-                            <li>Identify activities aligned with your innate talents and passions.</li>
-                            <li>If an activity is a "dead-end": stop, delegate, or do it differently.</li>
-                            <li>Fear often guards the line between the zone of *excellence* (what you're good at but may not love) and the zone of *genius*.</li>
+                            <li>Identify activities aligned with innate talents and passions vs. zones of <strong data-bs-toggle="tooltip" title="Things you do poorly and dislike. Should be stopped or delegated.">Incompetence</strong>, <strong data-bs-toggle="tooltip" title="Things you do adequately but others could do as well or better; unsatisfying.">Competence</strong>, or <strong data-bs-toggle="tooltip" title="Things you do very well, get accolades for, but don't truly love or get energized by. Where many successful people get stuck.">Excellence</strong>.</li>
+                            <li>If an activity is a "dead-end" (Incompetence/Competence): stop, delegate, or do it differently (find play/creativity).</li>
+                            <li>Fear often guards the line between Excellence and Genius, related to the <strong data-bs-toggle="tooltip" title="Unconscious beliefs that limit how much success, love, or happiness we allow ourselves, causing self-sabotage when things get 'too good'. Common limiting beliefs: feeling flawed, disloyalty, success as burden, outshining others.">Upper Limits Problem</strong> (Gay Hendricks).</li>
+                            <li>Use tools like the <strong data-bs-toggle="tooltip" title="Emailing 30-50 contacts asking specific questions about when they see you most energized/at your best to identify genius themes.">Genius Email Exercise</strong> or <strong data-bs-toggle="tooltip" title="Analyzing ~8 stories from your life where you loved what you were doing AND did it well to find recurring genius patterns.">Best Stuff Exercise</strong> to identify your genius.</li>
                          </ul>
                     </div>
                 </div>
             </div>
 
-             <!-- Commitment 9 -->
-            <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">
-                <div class="info-card"> <!-- REMOVED data-tilt -->
+             <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">
+                <div class="info-card">
                     <div class="card-body">
                         <h5><i class="bi bi-joystick"></i> 9: Living a Life of Play and Rest</h5>
-                         <p class="card-text">Commit to creating play, improvisation, and laughter. Maximize <span data-bs-toggle="tooltip" title="Managing physical, emotional, mental, and spiritual energy, not just time, for sustainable performance.">energy</span> by honoring rest, renewal, and rhythm.</p>
+                         <p class="card-text">Commit to creating <span data-bs-toggle="tooltip" title="Absorbing, apparently purposeless activity providing enjoyment, suspending self-consciousness and sense of time. Self-motivating. Contrasts with seriousness, effort, and struggle.">play</span>, <span data-bs-toggle="tooltip" title="Adapting creatively to what life presents ('Yes, And...') instead of trying to force or control outcomes.">improvisation</span>, and laughter. Maximize <span data-bs-toggle="tooltip" title="Managing physical, emotional, mental, and spiritual energy (as per Loehr & Schwartz) is key to sustainable performance and well-being, more vital than just time management.">energy</span> by honoring rest, renewal, and rhythm.</p>
                         <ul>
-                            <li>See life unfold easefully and effortlessly.</li>
-                            <li>Co-create playfully with others. Avoid struggle and suffering.</li>
-                            <li>Laughter indicates playfulness.</li>
-                            <li>Rest boosts productivity.</li>
-                            <li>Energy management is key to long-term effectiveness and avoids burnout.</li>
+                            <li>See life unfold easefully and effortlessly, releasing struggle.</li>
+                            <li>Co-create playfully with others (e.g., using <strong data-bs-toggle="tooltip" title="Playfully adopting different roles or attitudes to shift perspective and unlock creativity, especially when stuck or in conflict.">Persona Play</strong>).</li>
+                            <li>Laughter (genuine, lighthearted) indicates playfulness.</li>
+                            <li>Rest (naps, breaks, sleep, Sabbath) boosts productivity and creativity (<span data-bs-toggle="tooltip" title="Studies cited (e.g., NASA, David Rock) show breaks/rest improve focus and problem-solving, countering the 'busier is better' myth.">research cited</span>).</li>
+                            <li>Energy management requires honoring natural life rhythms (sleep/wake, seasons, sprint/recovery). Confront <strong data-bs-toggle="tooltip" title="Compulsive working (excessive hours, constant checking, obsessive thinking) used to avoid facing present-moment experiences (feelings, stillness). Common and often denied addiction.">Workaholism</strong>.</li>
                         </ul>
                     </div>
                 </div>
             </div>
 
-             <!-- Commitment 10 -->
-            <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up" data-aos-delay="50">
-                <div class="info-card"> <!-- REMOVED data-tilt -->
+             <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up" data-aos-delay="50">
+                <div class="info-card">
                     <div class="card-body">
                         <h5><i class="bi bi-arrow-left-right"></i> 10: Exploring the Opposite</h5>
-                         <p class="card-text">Commit to seeing that the opposite of your story (<span data-bs-toggle="tooltip" title="Your beliefs, interpretations, and judgments about reality.">story</span>) is as true or truer than the original.</p>
+                         <p class="card-text">Commit to seeing that the opposite of your story (<span data-bs-toggle="tooltip" title="Your beliefs, interpretations, judgments, and meanings you assign to reality. Stories are made up, not objective facts. Believing stories cause suffering.">story</span>) is as true or truer than the original.</p>
                         <ul>
-                            <li>Recognize you interpret the world; life itself has no inherent labels.</li>
-                            <li>Question all labels. Take responsibility for being the "labeler."</li>
-                            <li>Use inquiry methods like <span data-bs-toggle="tooltip" data-bs-delay='{"show":0, "hide":300}' data-bs-html="true" title="A process of inquiry created by Byron Katie involving four questions and turnarounds to investigate stressful thoughts. <a href='https://thework.com/en/' target='_blank' rel='noopener'>Official Site</a>">"The Work"</span> to become curious about all possibilities.</li>
-                            <li>Remain unattached to outcomes or needing your story to be 'right'.</li>
+                            <li>Recognize you interpret the world; life itself has no inherent labels until we assign them. Take responsibility for being the "labeler."</li>
+                            <li>Question all labels and the need to be right about your story.</li>
+                            <li>Use inquiry methods like <span data-bs-toggle="tooltip" data-bs-delay='{"show":100, "hide":150}' data-bs-html="true" title="A process of inquiry created by Byron Katie involving four questions (Is it true? Can you absolutely know...? How do you react...? Who would you be without the thought?) and turnarounds (finding truth in opposites) to investigate stressful thoughts/stories. <a href='https://thework.com/en/' target='_blank' rel='noopener'>Official Site</a>">"The Work"</span> to become curious about all possibilities.</li>
+                            <li>Remain unattached to outcomes or needing your story to be 'right'. Shift from certainty to curiosity.</li>
                         </ul>
                     </div>
                 </div>
             </div>
 
-             <!-- Commitment 11 -->
-            <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up" data-aos-delay="100">
-                <div class="info-card"> <!-- REMOVED data-tilt -->
+             <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up" data-aos-delay="100">
+                <div class="info-card">
                     <div class="card-body">
                         <h5><i class="bi bi-person-check-fill"></i> 11: Sourcing Approval, Control & Security</h5>
-                        <p class="card-text">Commit to being the <span data-bs-toggle="tooltip" title="Generating these feelings from within, based on self-acceptance and trust, rather than needing external circumstances or people to provide them.">source</span> of your own approval, control, and security.</p>
+                        <p class="card-text">Commit to being the <span data-bs-toggle="tooltip" title="Generating these feelings from within, based on inherent self-worth, self-acceptance and trust in life/self, rather than needing external circumstances, validation, or actions from others to provide them. Recognizing you already ARE/HAVE what you seek.">source</span> of your own approval, control, and security.</p>
                          <ul>
-                            <li>Humans' core wants: approval, control, security. Seeking them externally leads to suffering.</li>
-                            <li>Use release techniques like <span data-bs-toggle="tooltip" data-bs-delay='{"show":0, "hide":300}' data-bs-html="true" title="A technique for letting go of limiting feelings and beliefs by welcoming them and asking simple questions. <a href='https://www.sedona.com/' target='_blank' rel='noopener'>Official Site</a>">The Sedona Method:</span>
-                                <!-- Nested list styling handled by CSS -->
+                            <li>Humans' core wants: <strong data-bs-toggle="tooltip" title="Desire to be loved, liked, valued, respected, belong.">approval</strong>, <strong data-bs-toggle="tooltip" title="Desire to manage outcomes, people, self, circumstances.">control</strong>, <strong data-bs-toggle="tooltip" title="Desire for safety, survival (physical, financial, relational).">security</strong>. Seeking them externally ("out-there-ness", "if-only-ness") leads to suffering because it stems from a belief in lack.</li>
+                            <li>The issue isn't the wants themselves, but the <strong data-bs-toggle="tooltip" title="The act of wanting implies lack. Recognizing that you inherently possess approval, control (over your responses), and security shifts the focus from seeking to experiencing.">"wanting"</strong>, which implies lack.</li>
+                            <li>Use release techniques like <span data-bs-toggle="tooltip" data-bs-delay='{"show":100, "hide":150}' data-bs-html="true" title="A simple technique taught by Hale Dwoskin for letting go of limiting feelings and beliefs (like wanting) by welcoming them and asking simple questions (Could I welcome this? Does it stem from wanting A/C/S? Could I let it go?). <a href='https://www.sedona.com/' target='_blank' rel='noopener'>Official Site</a>">The Sedona Method:</span>
                                 <ol>
                                     <li>Identify the wanting.</li>
-                                    <li>Welcome the wanting.</li>
+                                    <li>Welcome the wanting (allow it).</li>
                                     <li>Identify if it stems from seeking approval/control/security.</li>
-                                    <li>Welcome it again; consider letting it go.</li>
+                                    <li>Welcome it again; consider letting it go (Could I? Would I? When?).</li>
                                  </ol>
                              </li>
-                             <li>Rest as the awareness beyond wanting.</li>
+                             <li>Rest as the awareness beyond wanting; experience inherent wholeness.</li>
                         </ul>
                     </div>
                 </div>
             </div>
 
-            <!-- Commitment 12 -->
             <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">
-                <div class="info-card"> <!-- REMOVED data-tilt -->
+                <div class="info-card">
                     <div class="card-body">
                         <h5><i class="bi bi-infinity"></i> 12: Having Enough of Everything</h5>
-                         <p class="card-text">Commit to experiencing <span data-bs-toggle="tooltip" title="An internal state, context, or declaration of having/being enough, independent of external amounts. Contrasts with scarcity mindset.">sufficiency</span> – having enough (time, money, love, energy, etc.).</p>
+                         <p class="card-text">Commit to experiencing <span data-bs-toggle="tooltip" title="An internal state, context, or declaration of having/being enough (time, money, love, energy, resources), independent of external amounts. It's a knowing, not a quantity. Contrasts with scarcity mindset.">sufficiency</span> – having enough.</p>
                          <ul>
-                            <li>Challenge <span data-bs-toggle="tooltip" data-bs-delay='{"show":0, "hide":300}' data-bs-html="true" title="From 'The Soul of Money' by Lynne Twist: 1. Not Enough, 2. More is Better, 3. That's Just the Way It Is. <a href='https://soulofmoney.org/' target='_blank' rel='noopener'>More Info</a>">toxic myths of scarcity</span>:
-                                <!-- Nested list styling handled by CSS -->
+                            <li>Challenge <span data-bs-toggle="tooltip" data-bs-delay='{"show":100, "hide":150}' data-bs-html="true" title="Identified by Lynne Twist in 'The Soul of Money': <br>1. Not Enough (fear-based belief resources are limited). <br>2. More is Better (constant pursuit, never arriving). <br>3. That's Just the Way It Is (hopelessness/resignation about scarcity). <br>These justify unfulfillment and competition. <a href='https://soulofmoney.org/' target='_blank' rel='noopener'>More Info</a>">toxic myths of scarcity</span>:
                                 <ol>
                                     <li>There is never enough.</li>
                                     <li>More is better.</li>
                                     <li>That's just the way it is (hopeless/helpless).</li>
                                 </ol>
                             </li>
-                             <li>Sufficiency is not an amount; it's an experience, a context, a knowing. "There is enough and we are enough."</li>
-                        </ul>
+                             <li>Sufficiency is not an amount; it's an experience, a context, a knowing. "There is enough and we are enough." Shift perspective (e.g., time perception, money value) and practice presence (in the 'now', there is always enough).</li>
+                             <li>Collaboration grounded in sufficiency creates prosperity (Lynne Twist).</li>
+                         </ul>
                     </div>
                 </div>
             </div>
 
-            <!-- Commitment 13 -->
-            <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up" data-aos-delay="50">
-                 <div class="info-card"> <!-- REMOVED data-tilt -->
+             <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up" data-aos-delay="50">
+                 <div class="info-card">
                     <div class="card-body">
                         <h5><i class="bi bi-people"></i> 13: Experiencing the World as an Ally</h5>
-                        <p class="card-text">Commit to seeing all people and circumstances as <span data-bs-toggle="tooltip" title="Viewing challenges and difficult people not as obstacles or enemies, but as opportunities perfectly designed for your learning and growth.">allies</span> perfectly suited for your growth.</p>
+                        <p class="card-text">Commit to seeing all people and circumstances as <span data-bs-toggle="tooltip" title="Viewing challenges, difficulties, and even adversaries not as obstacles or enemies, but as opportunities or partners perfectly designed for your learning and growth. They don't need to intend to be allies; it's your perspective.">allies</span> perfectly suited for your growth.</p>
                          <ul>
-                            <li>Shift out of comparison and competition; see everyone as equally valuable.</li>
-                            <li>Welcome pressure as a catalyst for awakening or emergence.</li>
-                            <li>Ask: "If this were a perfect ally, what is here for me to learn?"</li>
+                            <li>Shift out of comparison and competition; see everyone as equally valuable contributors to your learning.</li>
+                            <li>Welcome pressure and challenge as catalysts for awakening, emergence, or growth (like muscles growing stronger after breakdown).</li>
+                            <li>Ask: "If this person/circumstance were a perfect ally, what is here for me to learn?" "How is this 'for me'?"</li>
+                            <li>Requires taking responsibility (C1) and curiosity (C2).</li>
                          </ul>
                     </div>
                 </div>
             </div>
 
-             <!-- Commitment 14 -->
              <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up" data-aos-delay="100">
-                 <div class="info-card"> <!-- REMOVED data-tilt -->
+                 <div class="info-card">
                     <div class="card-body">
                         <h5><i class="bi bi-diagram-3"></i> 14: Creating Win-for-All Solutions</h5>
-                        <p class="card-text">Commit to creating solutions that are a <span data-bs-toggle="tooltip" title="Seeking outcomes that benefit all stakeholders involved (self, other, team/org, wider system), moving beyond win-lose or compromise (often lose-lose).">win for all</span> involved.</p>
+                        <p class="card-text">Commit to creating solutions that are a <span data-bs-toggle="tooltip" title="Seeking outcomes that benefit all stakeholders involved (win for me, win for the other, win for the organization, win for the whole system). Moves beyond win/lose (competition) or lose/lose (compromise) thinking rooted in scarcity.">win for all</span> involved.</p>
                         <ul>
-                            <li>Address issues considering the benefit for you, others, the organization, and the whole system.</li>
-                            <li>Collaboration opens possibilities unavailable through competition and <span data-bs-toggle="tooltip" title="Often requires each party to give something up, potentially leading to suboptimal outcomes for everyone.">compromise</span>.</li>
+                            <li>Address issues considering the benefit for you, others, the organization, and the wider system/whole.</li>
+                            <li>Requires shifting from scarcity (zero-sum game) to sufficiency (enough resources for all).</li>
+                            <li>Relies on <strong data-bs-toggle="tooltip" title="Working together from a place of curiosity, candor, support, and sufficiency to find novel solutions benefiting everyone.">collaboration</strong> rather than competition (win/lose) or <span data-bs-toggle="tooltip" title="Often requires each party to give something up, leading to suboptimal outcomes for everyone (lose/lose).">compromise</span> (often lose/lose).</li>
+                             <li>Integrates other commitments like Candor (C4), Curiosity (C2), Sufficiency (C12), and Allies (C13).</li>
                          </ul>
                     </div>
                 </div>
             </div>
 
-             <!-- Commitment 15 -->
              <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-up">
-                 <div class="info-card"> <!-- REMOVED data-tilt -->
+                 <div class="info-card">
                     <div class="card-body">
                         <h5><i class="bi bi-puzzle"></i> 15: Being the Resolution</h5>
-                         <p class="card-text">Commit to <span data-bs-toggle="tooltip" title="Embodying the solution yourself. Instead of just identifying a problem or gap, taking ownership and becoming the change or contribution that is needed.">being the resolution</span> or solution that is needed.</p>
+                         <p class="card-text">Commit to <span data-bs-toggle="tooltip" title="Seeing what seems 'missing' or 'wrong' in the world not as a problem/lack, but as an invitation to embody the solution yourself. Becoming the change, contribution, or quality that is needed, rather than just identifying a gap or blaming. Starts with Being/Becoming, then Doing flows naturally.">being the resolution</span> or solution that is needed.</p>
                         <ul>
-                            <li>See what's missing in the world or a situation as an invitation to become or provide that missing piece.</li>
-                            <li>Ask: "What is the universe inviting me to be or become related to what I perceive as missing?"</li>
+                            <li>See what's perceived as missing (e.g., communication, beauty, efficiency) not as lack, but as an invitation from life/the universe.</li>
+                            <li>Accept the invitation (if a whole body YES) to embody the required quality or contribution.</li>
+                            <li>Ask: "What is the universe inviting me to be or become related to what I perceive as missing?" Focus on 'being' first, then 'doing'.</li>
+                            <li>Moves beyond apathy, resentment, or blame about perceived problems.</li>
                         </ul>
                     </div>
                 </div>
@@ -562,16 +537,12 @@
              <a href="https://readingraphics.com/book-summary-the-15-commitments-of-conscious-leadership/" target="_blank" rel="noopener noreferrer">Readingraphics Summary</a> |
              <a href="https://www.20minutebooks.com/the-15-commitments-of-conscious-leadership" target="_blank" rel="noopener noreferrer">20 Minute Books Summary</a>
          </p>
-         <p>Adapted from prior summaries by Human First Works & Selling Sherpa (Sep 2023). <br> &copy; 2025 David Veksler. Please verify information with primary sources.</p> <!-- Adjust Year/Name if needed -->
+         <p>Adapted from prior summaries by Human First Works & Selling Sherpa (Sep 2023). <br> &copy; 2025 David Veksler. Please verify information with primary sources.</p>
     </footer>
 
-    <!-- === JAVASCRIPT === -->
-    <!-- Bootstrap JS Bundle (needed for tooltips) -->
+    <!-- JAVASCRIPT -->
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-    <!-- AOS JS (Animate On Scroll) -->
     <script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
-    <!-- REMOVED Vanilla-Tilt.js library -->
-    <!-- Initialization Script -->
     <script>
         // Initialize Bootstrap Tooltips
         var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
@@ -582,17 +553,15 @@
            })
         });
 
-        // Initialize AOS
+        // Initialize AOS (Animate on Scroll)
         AOS.init({
-            duration: 600, // Animation duration
-            easing: 'ease-in-out', // Animation easing
-            once: true, // Whether animation should happen only once - while scrolling down
-            mirror: false, // Whether elements should animate out while scrolling past them
-            offset: 50, // Offset (in px) from the original trigger point
-            delay: 0, // Values from 0 to 3000, with step 50ms
+            duration: 600,
+            easing: 'ease-in-out',
+            once: true,
+            mirror: false,
+            offset: 50,
+            delay: 0,
         });
-
-        // REMOVED Vanilla Tilt initialization
     </script>
 
 </body>