{"id":97,"date":"2026-05-13T11:54:11","date_gmt":"2026-05-13T11:54:11","guid":{"rendered":"https:\/\/newleadersuccess.com\/?page_id=97"},"modified":"2026-05-13T17:49:11","modified_gmt":"2026-05-13T17:49:11","slug":"97-2","status":"publish","type":"page","link":"https:\/\/newleadersuccess.com\/?page_id=97","title":{"rendered":"Step 3: Understanding Leadership Styles"},"content":{"rendered":"\n<!-- Leadership Styles Module: WordPress Custom HTML Block Ready -->\n<!-- Paste into a WordPress Custom HTML block, not a Classic block. -->\n\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&#038;family=Source+Serif+4:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\">\n\n<script>\n  tailwind.config = {\n    theme: {\n      extend: {\n        fontFamily: {\n          sans: ['Inter', 'system-ui', 'sans-serif'],\n          serif: ['Source Serif 4', 'Georgia', 'serif']\n        },\n        colors: {\n          navy: { 50:'#f0f4f8', 100:'#dce4ef', 200:'#b8c9e0', 300:'#8da8cc', 400:'#5c84b2', 500:'#3d6a9e', 600:'#2d5485', 700:'#1e3f6d', 800:'#162e52', 900:'#0f1d36' },\n          warm: { 50:'#fef9f0', 100:'#fdf0d6', 200:'#fbe0ac', 300:'#f8c974', 400:'#f5a83a', 500:'#e8921a', 600:'#c27010', 700:'#995210', 800:'#7a4214', 900:'#5e3315' }\n        }\n      }\n    }\n  }\n<\/script>\n\n<style>\n  #ls-module {\n    font-family: Inter, system-ui, sans-serif;\n  }\n\n  #ls-progress-bar {\n    position: fixed;\n    top: 0;\n    left: 0;\n    height: 3px;\n    z-index: 9999;\n    background: linear-gradient(90deg, #3d6a9e, #e8921a);\n    transition: width 0.15s ease-out;\n  }\n\n  .ls-nav-glass {\n    background: rgba(15, 29, 54, 0.94);\n    backdrop-filter: blur(16px);\n    -webkit-backdrop-filter: blur(16px);\n    border-bottom: 1px solid rgba(255,255,255,0.08);\n    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.10);\n  }\n\n  .ls-nav-link {\n    position: relative;\n    color: rgba(255,255,255,0.72);\n    transition: color 0.25s;\n  }\n\n  .ls-nav-link:hover,\n  .ls-nav-link.active {\n    color: #f5a83a;\n  }\n\n  .ls-nav-link.active::after {\n    content: '';\n    position: absolute;\n    bottom: -4px;\n    left: 0;\n    right: 0;\n    height: 2px;\n    background: #f5a83a;\n    border-radius: 1px;\n  }\n\n  .ls-section {\n    scroll-margin-top: 86px;\n  }\n\n  .ls-reveal {\n    opacity: 0;\n    transform: translateY(32px);\n    transition: opacity 0.7s ease, transform 0.7s ease;\n  }\n\n  .ls-reveal.visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .ls-card {\n    background: #fff;\n    border: 1px solid #e2e8f0;\n    border-radius: 16px;\n    overflow: hidden;\n    transition: all 0.3s ease;\n  }\n\n  .ls-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 16px 40px rgba(30,63,109,0.12);\n  }\n\n  .ls-simple-card {\n    background: #fff;\n    border: 1px solid #e2e8f0;\n    border-radius: 14px;\n    padding: 1.5rem;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .ls-simple-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, #3d6a9e, #e8921a);\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform 0.35s ease;\n  }\n\n  .ls-simple-card:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 12px 32px rgba(30,63,109,0.1);\n    border-color: #dce4ef;\n  }\n\n  .ls-simple-card:hover::before {\n    transform: scaleX(1);\n  }\n\n  .ls-pill {\n    display: inline-flex;\n    align-items: center;\n    border-radius: 999px;\n    padding: 0.35rem 0.75rem;\n    font-size: 0.75rem;\n    font-weight: 700;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n  }\n\n  .ls-flashcard-container {\n    perspective: 1000px;\n    cursor: pointer;\n  }\n\n  .ls-flashcard-inner {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    transform-style: preserve-3d;\n  }\n\n  .ls-flashcard-container.flipped .ls-flashcard-inner {\n    transform: rotateY(180deg);\n  }\n\n  .ls-flashcard-front,\n  .ls-flashcard-back {\n    position: absolute;\n    inset: 0;\n    backface-visibility: hidden;\n    -webkit-backface-visibility: hidden;\n    border-radius: 12px;\n    padding: 1.75rem;\n    min-height: 250px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n  }\n\n  .ls-flashcard-front {\n    background: linear-gradient(135deg, #1e3f6d 0%, #2d5485 100%);\n    color: #fff;\n  }\n\n  .ls-flashcard-back {\n    background: #fff;\n    border: 2px solid #dce4ef;\n    transform: rotateY(180deg);\n    color: #162e52;\n  }\n\n  .ls-quiz-option {\n    display: block;\n    width: 100%;\n    text-align: left;\n    padding: 1rem 1.25rem;\n    border: 2px solid #e2e8f0;\n    border-radius: 10px;\n    background: #fff;\n    color: #0f172a;\n    transition: all 0.25s ease;\n    cursor: pointer;\n    font-size: 0.95rem;\n  }\n\n  .ls-quiz-option:hover:not(.disabled) {\n    border-color: #3d6a9e;\n    background: #f0f4f8;\n  }\n\n  .ls-quiz-option.correct {\n    border-color: #16a34a;\n    background: #f0fdf4;\n    color: #15803d;\n  }\n\n  .ls-quiz-option.incorrect {\n    border-color: #dc2626;\n    background: #fef2f2;\n    color: #b91c1c;\n  }\n\n  .ls-quiz-option.disabled {\n    cursor: default;\n    opacity: 0.82;\n  }\n\n  .ls-quiz-option.correct.disabled {\n    opacity: 1;\n  }\n\n  .ls-accordion-content {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.4s ease, padding 0.3s ease;\n  }\n\n  .ls-accordion-content.open {\n    max-height: 340px;\n  }\n\n  .ls-accordion-icon {\n    transition: transform 0.3s ease;\n  }\n\n  .ls-accordion-icon.rotated {\n    transform: rotate(180deg);\n  }\n\n  .ls-takeaway-card {\n    background: linear-gradient(135deg, #f0f4f8, #fff);\n    border-left: 4px solid #3d6a9e;\n    border-radius: 0 10px 10px 0;\n    padding: 1.25rem 1.5rem;\n    transition: all 0.3s ease;\n  }\n\n  .ls-takeaway-card:hover {\n    border-left-color: #e8921a;\n    transform: translateX(4px);\n  }\n\n  @keyframes lsScoreUp {\n    from { transform: scale(1); }\n    50% { transform: scale(1.15); }\n    to { transform: scale(1); }\n  }\n\n  .ls-score-animate {\n    animation: lsScoreUp 0.3s ease;\n  }\n\n  .ls-hero-bg {\n    background: #f8fafc;\n  }\n\n  .ls-hero-pattern {\n    background-image: radial-gradient(rgba(61,106,158,0.09) 1px, transparent 1px);\n    background-size: 24px 24px;\n  }\n\n  @media (max-width: 900px) {\n    .ls-grid-table {\n      display: block;\n      overflow-x: auto;\n      white-space: nowrap;\n    }\n  }\n<\/style>\n\n<div id=\"ls-module\" class=\"text-slate-800 bg-gray-50 antialiased\">\n  <div id=\"ls-progress-bar\" style=\"width:0%;\"><\/div>\n\n  <!-- Sticky Module Navigation -->\n  <nav id=\"ls-navbar\" class=\"ls-nav-glass sticky top-0 left-0 right-0 z-50 transition-all duration-300\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"flex items-center justify-between h-16\">\n        <a href=\"#ls-hero\" class=\"text-white font-semibold text-sm tracking-wide\">Leadership Styles<\/a>\n        <div class=\"hidden md:flex items-center space-x-5\">\n          <a href=\"#ls-hero\" class=\"ls-nav-link text-xs font-medium uppercase tracking-wider\">Start<\/a>\n          <a href=\"#ls-styles\" class=\"ls-nav-link text-xs font-medium uppercase tracking-wider\">Styles<\/a>\n          <a href=\"#ls-comparison\" class=\"ls-nav-link text-xs font-medium uppercase tracking-wider\">Comparison<\/a>\n          <a href=\"#ls-scenarios\" class=\"ls-nav-link text-xs font-medium uppercase tracking-wider\">Scenarios<\/a>\n          <a href=\"#ls-disc\" class=\"ls-nav-link text-xs font-medium uppercase tracking-wider\">DISC Link<\/a>\n          <a href=\"#ls-flashcards\" class=\"ls-nav-link text-xs font-medium uppercase tracking-wider\">Flash Cards<\/a>\n          <a href=\"#ls-quiz\" class=\"ls-nav-link text-xs font-medium uppercase tracking-wider\">Quiz<\/a>\n          <a href=\"#ls-reflection\" class=\"ls-nav-link text-xs font-medium uppercase tracking-wider\">Reflection<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/nav>\n\n  <!-- Hero -->\n  <section id=\"ls-hero\" class=\"ls-section ls-hero-bg ls-hero-pattern relative overflow-hidden pt-8 pb-4\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 relative z-10 w-full\">\n      <div class=\"max-w-3xl\">\n        <div class=\"inline-flex items-center bg-warm-400\/20 border border-warm-400\/30 rounded-full px-4 py-1.5 mb-8\">\n          <span class=\"text-warm-700 text-sm font-semibold\">Leadership Development Module<\/span>\n        <\/div>\n        <h1 class=\"font-serif text-4xl sm:text-5xl lg:text-6xl font-bold leading-tight mb-6 text-navy-800\">\n          Understanding<br>Leadership <span class=\"text-warm-500\">Styles<\/span>\n        <\/h1>\n        <p class=\"text-navy-600 text-lg sm:text-xl mb-6 leading-relaxed\">\n          Strong leaders do not rely on one leadership style. They adapt their approach based on the situation, employee needs, team maturity, and organizational goal.\n        <\/p>\n        <p class=\"text-navy-600 text-base leading-relaxed mb-10 max-w-2xl\">\n          This module introduces six common leadership styles: autocratic, democratic, transactional, transformational, servant, and laissez-faire. The goal is not to decide which style is \u201cbest,\u201d but to understand when each style can help or hurt a team.\n        <\/p>\n        <a href=\"#ls-styles\" class=\"inline-flex items-center gap-2 bg-warm-500 hover:bg-warm-600 text-white font-semibold px-7 py-3.5 rounded-lg transition-all duration-200 shadow-lg shadow-warm-500\/20 hover:shadow-warm-500\/40 hover:-translate-y-0.5\">\n          Start Learning\n          <span aria-hidden=\"true\">\u2193<\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Styles -->\n  <section id=\"ls-styles\" class=\"ls-section py-20 lg:py-28 bg-gray-50\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"text-center mb-16 ls-reveal\">\n        <span class=\"text-navy-600 font-semibold text-sm uppercase tracking-widest\">Section 01<\/span>\n        <h2 class=\"font-serif text-3xl sm:text-4xl font-bold text-navy-900 mt-3 mb-4\">Core Leadership Styles<\/h2>\n        <p class=\"text-slate-600 max-w-2xl mx-auto text-lg\">Each leadership style can be useful in the right situation. Each also creates risk when overused or applied at the wrong time.<\/p>\n      <\/div>\n\n      <div class=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-6\">\n        <div class=\"ls-card ls-reveal\">\n          <div style=\"background:#9f1239;\" class=\"text-white px-6 py-4\">\n            <h3 class=\"font-serif text-2xl font-bold\">Autocratic Leadership<\/h3>\n            <p class=\"text-rose-100 text-sm mt-1\">Authority, speed, control, clear direction<\/p>\n          <\/div>\n          <div class=\"p-6 space-y-4 text-sm text-slate-700\">\n            <p>Autocratic leadership centralizes decisions with the leader and emphasizes clear authority.<\/p>\n            <p><strong>Best for:<\/strong> Crisis, urgent decisions, safety-sensitive environments, inexperienced teams.<\/p>\n            <p><strong>Risk:<\/strong> Can reduce empowerment, creativity, and trust if overused.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"ls-card ls-reveal\">\n          <div style=\"background:#3d6a9e;\" class=\"text-white px-6 py-4\">\n            <h3 class=\"font-serif text-2xl font-bold\">Democratic Leadership<\/h3>\n            <p class=\"text-blue-100 text-sm mt-1\">Participation, input, collaboration, buy-in<\/p>\n          <\/div>\n          <div class=\"p-6 space-y-4 text-sm text-slate-700\">\n            <p>Democratic leadership invites input and encourages shared discussion before decisions are made.<\/p>\n            <p><strong>Best for:<\/strong> Brainstorming, change planning, team engagement, problem solving.<\/p>\n            <p><strong>Risk:<\/strong> Can slow decisions when speed or clarity is needed.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"ls-card ls-reveal\">\n          <div style=\"background:#475569;\" class=\"text-white px-6 py-4\">\n            <h3 class=\"font-serif text-2xl font-bold\">Transactional Leadership<\/h3>\n            <p class=\"text-slate-200 text-sm mt-1\">Structure, accountability, rewards, performance<\/p>\n          <\/div>\n          <div class=\"p-6 space-y-4 text-sm text-slate-700\">\n            <p>Transactional leadership focuses on expectations, performance standards, rewards, and consequences.<\/p>\n            <p><strong>Best for:<\/strong> KPI-driven work, process consistency, operational execution.<\/p>\n            <p><strong>Risk:<\/strong> Can feel rigid or reduce intrinsic motivation if used alone.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"ls-card ls-reveal\">\n          <div style=\"background:#6d28d9;\" class=\"text-white px-6 py-4\">\n            <h3 class=\"font-serif text-2xl font-bold\">Transformational Leadership<\/h3>\n            <p class=\"text-violet-100 text-sm mt-1\">Vision, inspiration, change, growth<\/p>\n          <\/div>\n          <div class=\"p-6 space-y-4 text-sm text-slate-700\">\n            <p>Transformational leadership motivates people through vision, purpose, and meaningful change.<\/p>\n            <p><strong>Best for:<\/strong> Culture change, innovation, major initiatives, morale building.<\/p>\n            <p><strong>Risk:<\/strong> Can become unrealistic without structure and follow-through.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"ls-card ls-reveal\">\n          <div style=\"background:#2f855a;\" class=\"text-white px-6 py-4\">\n            <h3 class=\"font-serif text-2xl font-bold\">Servant Leadership<\/h3>\n            <p class=\"text-green-100 text-sm mt-1\">Support, trust, development, service<\/p>\n          <\/div>\n          <div class=\"p-6 space-y-4 text-sm text-slate-700\">\n            <p>Servant leadership prioritizes employee support, development, trust, and removing barriers.<\/p>\n            <p><strong>Best for:<\/strong> Culture development, retention, psychological safety, morale.<\/p>\n            <p><strong>Risk:<\/strong> Can become too soft if accountability is avoided.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"ls-card ls-reveal\">\n          <div style=\"background:#b45309;\" class=\"text-white px-6 py-4\">\n            <h3 class=\"font-serif text-2xl font-bold\">Laissez-Faire Leadership<\/h3>\n            <p class=\"text-amber-100 text-sm mt-1\">Autonomy, independence, trust, self-direction<\/p>\n          <\/div>\n          <div class=\"p-6 space-y-4 text-sm text-slate-700\">\n            <p>Laissez-faire leadership gives employees broad freedom to manage their own work.<\/p>\n            <p><strong>Best for:<\/strong> Experts, high performers, creative work, mature teams.<\/p>\n            <p><strong>Risk:<\/strong> Can create confusion if expectations and accountability are unclear.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Comparison -->\n  <section id=\"ls-comparison\" class=\"ls-section py-20 lg:py-28 bg-white\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"text-center mb-16 ls-reveal\">\n        <span class=\"text-navy-600 font-semibold text-sm uppercase tracking-widest\">Section 02<\/span>\n        <h2 class=\"font-serif text-3xl sm:text-4xl font-bold text-navy-900 mt-3 mb-4\">Leadership Style Comparison<\/h2>\n        <p class=\"text-slate-600 max-w-2xl mx-auto text-lg\">Use this section as a fast reference for when each style may be useful.<\/p>\n      <\/div>\n\n      <div class=\"overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-sm ls-reveal\">\n        <div class=\"ls-grid-table\">\n          <div class=\"grid grid-cols-5 bg-navy-800 text-white text-sm font-semibold min-w-[900px]\">\n            <div class=\"p-4\">Style<\/div>\n            <div class=\"p-4\">Best Environment<\/div>\n            <div class=\"p-4\">Main Strength<\/div>\n            <div class=\"p-4\">Potential Risk<\/div>\n            <div class=\"p-4\">Employee Experience<\/div>\n          <\/div>\n          <div class=\"grid grid-cols-5 border-b border-slate-200 text-sm min-w-[900px]\">\n            <div class=\"p-4 font-bold text-navy-900\">Autocratic<\/div><div class=\"p-4 text-slate-700\">Crisis or urgency<\/div><div class=\"p-4 text-slate-700\">Clear authority<\/div><div class=\"p-4 text-slate-700\">Low empowerment<\/div><div class=\"p-4 text-slate-700\">Structured but controlled<\/div>\n          <\/div>\n          <div class=\"grid grid-cols-5 border-b border-slate-200 text-sm bg-gray-50 min-w-[900px]\">\n            <div class=\"p-4 font-bold text-navy-900\">Democratic<\/div><div class=\"p-4 text-slate-700\">Collaboration<\/div><div class=\"p-4 text-slate-700\">Team buy-in<\/div><div class=\"p-4 text-slate-700\">Slow decisions<\/div><div class=\"p-4 text-slate-700\">Heard and involved<\/div>\n          <\/div>\n          <div class=\"grid grid-cols-5 border-b border-slate-200 text-sm min-w-[900px]\">\n            <div class=\"p-4 font-bold text-navy-900\">Transactional<\/div><div class=\"p-4 text-slate-700\">Operational work<\/div><div class=\"p-4 text-slate-700\">Accountability<\/div><div class=\"p-4 text-slate-700\">Low creativity<\/div><div class=\"p-4 text-slate-700\">Clear expectations<\/div>\n          <\/div>\n          <div class=\"grid grid-cols-5 border-b border-slate-200 text-sm bg-gray-50 min-w-[900px]\">\n            <div class=\"p-4 font-bold text-navy-900\">Transformational<\/div><div class=\"p-4 text-slate-700\">Change and growth<\/div><div class=\"p-4 text-slate-700\">Inspiration<\/div><div class=\"p-4 text-slate-700\">Unrealistic vision<\/div><div class=\"p-4 text-slate-700\">Motivated by purpose<\/div>\n          <\/div>\n          <div class=\"grid grid-cols-5 border-b border-slate-200 text-sm min-w-[900px]\">\n            <div class=\"p-4 font-bold text-navy-900\">Servant<\/div><div class=\"p-4 text-slate-700\">Culture building<\/div><div class=\"p-4 text-slate-700\">Trust and support<\/div><div class=\"p-4 text-slate-700\">Weak accountability<\/div><div class=\"p-4 text-slate-700\">Supported and valued<\/div>\n          <\/div>\n          <div class=\"grid grid-cols-5 text-sm bg-gray-50 min-w-[900px]\">\n            <div class=\"p-4 font-bold text-navy-900\">Laissez-Faire<\/div><div class=\"p-4 text-slate-700\">Expert teams<\/div><div class=\"p-4 text-slate-700\">Autonomy<\/div><div class=\"p-4 text-slate-700\">Lack of oversight<\/div><div class=\"p-4 text-slate-700\">Trusted but possibly unclear<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Scenarios -->\n  <section id=\"ls-scenarios\" class=\"ls-section py-20 lg:py-28 bg-gray-50\">\n    <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"text-center mb-16 ls-reveal\">\n        <span class=\"text-navy-600 font-semibold text-sm uppercase tracking-widest\">Section 03<\/span>\n        <h2 class=\"font-serif text-3xl sm:text-4xl font-bold text-navy-900 mt-3 mb-4\">Scenario Practice<\/h2>\n        <p class=\"text-slate-600 max-w-2xl mx-auto text-lg\">Leadership style selection depends on context. Review each situation and consider which approach best fits.<\/p>\n      <\/div>\n\n      <div class=\"space-y-8\">\n        <div class=\"ls-simple-card ls-reveal\">\n          <span class=\"ls-pill bg-rose-50 text-rose-700 border border-rose-200 mb-4\">Scenario 1<\/span>\n          <h3 class=\"font-serif text-2xl font-bold text-navy-900 mb-3\">A new employee is overwhelmed and missing basic deadlines.<\/h3>\n          <p class=\"text-slate-600 mb-5\">This employee does not yet understand the role, expectations, or priorities.<\/p>\n          <div class=\"grid md:grid-cols-2 gap-4\">\n            <div class=\"rounded-xl border border-slate-200 p-4 bg-white\"><strong class=\"text-navy-900\">Helpful:<\/strong> Autocratic or transactional leadership can provide structure, expectations, and immediate clarity.<\/div>\n            <div class=\"rounded-xl border border-slate-200 p-4 bg-white\"><strong class=\"text-navy-900\">Risky:<\/strong> Laissez-faire leadership would likely create more confusion.<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"ls-simple-card ls-reveal\">\n          <span class=\"ls-pill bg-violet-50 text-violet-700 border border-violet-200 mb-4\">Scenario 2<\/span>\n          <h3 class=\"font-serif text-2xl font-bold text-navy-900 mb-3\">Your organization is going through a major culture change.<\/h3>\n          <p class=\"text-slate-600 mb-5\">The team needs purpose, trust, clarity, and emotional buy-in.<\/p>\n          <div class=\"grid md:grid-cols-2 gap-4\">\n            <div class=\"rounded-xl border border-slate-200 p-4 bg-white\"><strong class=\"text-navy-900\">Helpful:<\/strong> Transformational leadership can create vision and momentum.<\/div>\n            <div class=\"rounded-xl border border-slate-200 p-4 bg-white\"><strong class=\"text-navy-900\">Supportive Pairing:<\/strong> Servant leadership can help employees feel supported during uncertainty.<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"ls-simple-card ls-reveal\">\n          <span class=\"ls-pill bg-amber-50 text-amber-700 border border-amber-200 mb-4\">Scenario 3<\/span>\n          <h3 class=\"font-serif text-2xl font-bold text-navy-900 mb-3\">Your highest performer wants more autonomy.<\/h3>\n          <p class=\"text-slate-600 mb-5\">The employee has demonstrated strong judgment and consistent performance.<\/p>\n          <div class=\"grid md:grid-cols-2 gap-4\">\n            <div class=\"rounded-xl border border-slate-200 p-4 bg-white\"><strong class=\"text-navy-900\">Helpful:<\/strong> Laissez-faire or democratic leadership can increase ownership and engagement.<\/div>\n            <div class=\"rounded-xl border border-slate-200 p-4 bg-white\"><strong class=\"text-navy-900\">Risky:<\/strong> Autocratic leadership may feel restrictive or demotivating.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- DISC Connection -->\n  <section id=\"ls-disc\" class=\"ls-section py-20 lg:py-28 bg-white\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"text-center mb-16 ls-reveal\">\n        <span class=\"text-navy-600 font-semibold text-sm uppercase tracking-widest\">Section 04<\/span>\n        <h2 class=\"font-serif text-3xl sm:text-4xl font-bold text-navy-900 mt-3 mb-4\">Connecting Leadership Styles to DISC<\/h2>\n        <p class=\"text-slate-600 max-w-2xl mx-auto text-lg\">DISC does not dictate which style to use, but it can help leaders think about how different people may experience leadership approaches.<\/p>\n      <\/div>\n\n      <div class=\"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-5\">\n        <div class=\"ls-simple-card ls-reveal\"><h3 class=\"font-bold text-navy-900 mb-2\">High D<\/h3><p class=\"text-slate-600 text-sm\">Often responds well to autonomy, direct expectations, challenge, and outcome-focused leadership.<\/p><\/div>\n        <div class=\"ls-simple-card ls-reveal\"><h3 class=\"font-bold text-navy-900 mb-2\">High I<\/h3><p class=\"text-slate-600 text-sm\">Often responds well to democratic and transformational approaches that include enthusiasm, recognition, and connection.<\/p><\/div>\n        <div class=\"ls-simple-card ls-reveal\"><h3 class=\"font-bold text-navy-900 mb-2\">High S<\/h3><p class=\"text-slate-600 text-sm\">Often responds well to servant leadership, stability, support, and steady communication.<\/p><\/div>\n        <div class=\"ls-simple-card ls-reveal\"><h3 class=\"font-bold text-navy-900 mb-2\">High C<\/h3><p class=\"text-slate-600 text-sm\">Often responds well to transactional clarity, structure, process consistency, and detailed expectations.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Flashcards -->\n  <section id=\"ls-flashcards\" class=\"ls-section py-20 lg:py-28 bg-gray-50\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"text-center mb-6 ls-reveal\">\n        <span class=\"text-navy-600 font-semibold text-sm uppercase tracking-widest\">Section 05<\/span>\n        <h2 class=\"font-serif text-3xl sm:text-4xl font-bold text-navy-900 mt-3 mb-4\">Flash Card Learning<\/h2>\n        <p class=\"text-slate-600 max-w-2xl mx-auto text-lg\">Click the card to reveal the answer. Use the arrows to move through key leadership style concepts.<\/p>\n      <\/div>\n\n      <div class=\"flex items-center justify-center gap-3 mb-12 ls-reveal\">\n        <button id=\"ls-fc-prev\" class=\"p-2 rounded-lg bg-white border border-slate-200 hover:bg-navy-50 transition-colors\" aria-label=\"Previous flashcard\">\u2039<\/button>\n        <span id=\"ls-fc-counter\" class=\"text-sm font-medium text-slate-500 min-w-[80px] text-center\">1 \/ 14<\/span>\n        <button id=\"ls-fc-next\" class=\"p-2 rounded-lg bg-white border border-slate-200 hover:bg-navy-50 transition-colors\" aria-label=\"Next flashcard\">\u203a<\/button>\n      <\/div>\n\n      <div class=\"max-w-2xl mx-auto ls-reveal\">\n        <div id=\"ls-flashcard-display\" class=\"ls-flashcard-container\" style=\"min-height:350px;\">\n          <div class=\"ls-flashcard-inner\">\n            <div class=\"ls-flashcard-front\">\n              <span class=\"text-xs uppercase tracking-wider text-warm-300 mb-3\">Question<\/span>\n              <p style=\"color:white !important;\" class=\"text-lg font-semibold leading-snug\" id=\"ls-fc-question\"><\/p>\n            <\/div>\n            <div class=\"ls-flashcard-back\">\n              <span class=\"text-xs uppercase tracking-wider text-navy-500 mb-3\">Answer<\/span>\n              <p class=\"text-base leading-relaxed text-slate-700\" id=\"ls-fc-answer\"><\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <p class=\"text-center text-slate-400 text-sm mt-4\">Tap the card to flip it<\/p>\n    <\/div>\n  <\/section>\n\n  <!-- Quiz -->\n  <section id=\"ls-quiz\" class=\"ls-section py-20 lg:py-28 bg-white\">\n    <div class=\"max-w-3xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"text-center mb-6 ls-reveal\">\n        <span class=\"text-navy-600 font-semibold text-sm uppercase tracking-widest\">Section 06<\/span>\n        <h2 class=\"font-serif text-3xl sm:text-4xl font-bold text-navy-900 mt-3 mb-4\">Knowledge Check Quiz<\/h2>\n        <p class=\"text-slate-600 max-w-2xl mx-auto text-lg\">Check your understanding of classic leadership styles.<\/p>\n      <\/div>\n\n      <div class=\"flex items-center justify-between bg-navy-800 rounded-xl px-6 py-4 mb-10 ls-reveal\">\n        <div class=\"flex items-center gap-3\">\n          <span class=\"text-warm-400\">\u2605<\/span>\n          <span class=\"text-white font-medium\">Score<\/span>\n          <span id=\"ls-quiz-score\" class=\"text-warm-400 font-bold text-lg\">0<\/span>\n          <span class=\"text-navy-300\">\/<\/span>\n          <span id=\"ls-quiz-total\" class=\"text-navy-300 font-medium\">0<\/span>\n        <\/div>\n        <button id=\"ls-quiz-restart\" class=\"text-sm text-navy-300 hover:text-white transition-colors\">Restart<\/button>\n      <\/div>\n\n      <div id=\"ls-quiz-container\"><\/div>\n\n      <div class=\"text-center mt-8\">\n        <div id=\"ls-quiz-final-result\" class=\"hidden bg-navy-50 rounded-2xl p-8 text-center\">\n          <div class=\"text-warm-500 text-4xl mb-4\">&#x1f3c6;<\/div>\n          <h3 class=\"font-serif text-2xl font-bold text-navy-900 mb-2\">Quiz Complete!<\/h3>\n          <p id=\"ls-quiz-final-score\" class=\"text-slate-600 text-lg mb-4\"><\/p>\n          <p id=\"ls-quiz-final-message\" class=\"text-slate-500\"><\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Reflection -->\n  <section id=\"ls-reflection\" class=\"ls-section py-20 lg:py-28 bg-gray-50\">\n    <div class=\"max-w-3xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"text-center mb-16 ls-reveal\">\n        <span class=\"text-navy-600 font-semibold text-sm uppercase tracking-widest\">Section 07<\/span>\n        <h2 class=\"font-serif text-3xl sm:text-4xl font-bold text-navy-900 mt-3 mb-4\">Reflection Questions<\/h2>\n        <p class=\"text-slate-600 max-w-2xl mx-auto text-lg\">Use these prompts to connect leadership style concepts to your own leadership habits.<\/p>\n      <\/div>\n      <div id=\"ls-accordion-container\" class=\"space-y-3 ls-reveal\"><\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Takeaways -->\n  <section id=\"ls-takeaways\" class=\"ls-section py-20 lg:py-28 bg-white\">\n    <div class=\"max-w-3xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"text-center mb-16 ls-reveal\">\n        <span class=\"text-navy-600 font-semibold text-sm uppercase tracking-widest\">Section 08<\/span>\n        <h2 class=\"font-serif text-3xl sm:text-4xl font-bold text-navy-900 mt-3 mb-4\">Key Leadership Style Takeaways<\/h2>\n        <p class=\"text-slate-600 max-w-2xl mx-auto text-lg\">Simple principles to remember as you apply leadership styles.<\/p>\n      <\/div>\n\n      <div class=\"space-y-4 ls-reveal\">\n        <div class=\"ls-takeaway-card\"><p class=\"text-navy-900 font-medium leading-relaxed\">No single leadership style works in every situation.<\/p><\/div>\n        <div class=\"ls-takeaway-card\"><p class=\"text-navy-900 font-medium leading-relaxed\">Strong leaders adapt based on urgency, employee experience, trust, and goals.<\/p><\/div>\n        <div class=\"ls-takeaway-card\"><p class=\"text-navy-900 font-medium leading-relaxed\">Autocratic and transactional leadership can provide structure, but should not replace trust and development.<\/p><\/div>\n        <div class=\"ls-takeaway-card\"><p class=\"text-navy-900 font-medium leading-relaxed\">Transformational and servant leadership can strengthen culture, but still require accountability.<\/p><\/div>\n        <div class=\"ls-takeaway-card\"><p class=\"text-navy-900 font-medium leading-relaxed\">DISC awareness can help leaders choose communication approaches that employees can better receive.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <footer class=\"bg-navy-900 py-12\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n      <p class=\"text-navy-300 text-sm\">New Leader Success \u2014 Leadership Styles Module<\/p>\n      <p class=\"text-navy-500 text-xs mt-2\">Leadership development platform<\/p>\n    <\/div>\n  <\/footer>\n<\/div>\n\n<script>\n(function() {\n  function initLeadershipStylesModule() {\n    const progressBar = document.getElementById('ls-progress-bar');\n    if (progressBar) {\n      window.addEventListener('scroll', function() {\n        const scrollTop = window.scrollY;\n        const docHeight = document.documentElement.scrollHeight - window.innerHeight;\n        const progress = docHeight > 0 ? (scrollTop \/ docHeight) * 100 : 0;\n        progressBar.style.width = progress + '%';\n      });\n    }\n\n    const revealElements = document.querySelectorAll('.ls-reveal');\n    const revealObserver = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('visible');\n          revealObserver.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });\n    revealElements.forEach(function(el) { revealObserver.observe(el); });\n\n    const sections = document.querySelectorAll('#ls-module section[id]');\n    const navLinks = document.querySelectorAll('.ls-nav-link');\n    const sectionObserver = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          navLinks.forEach(function(link) { link.classList.remove('active'); });\n          const activeLink = document.querySelector('.ls-nav-link[href=\"#' + entry.target.id + '\"]');\n          if (activeLink) activeLink.classList.add('active');\n        }\n      });\n    }, { threshold: 0.3 });\n    sections.forEach(function(sec) { sectionObserver.observe(sec); });\n\n    const flashcards = [\n      { q: 'Which leadership style centralizes decision-making with the leader?', a: 'Autocratic leadership.' },\n      { q: 'Which leadership style emphasizes collaboration and team input?', a: 'Democratic leadership.' },\n      { q: 'Which leadership style focuses heavily on rewards, consequences, and performance expectations?', a: 'Transactional leadership.' },\n      { q: 'Which leadership style emphasizes vision, inspiration, and organizational change?', a: 'Transformational leadership.' },\n      { q: 'Which leadership style prioritizes support, trust, and employee development?', a: 'Servant leadership.' },\n      { q: 'Which leadership style gives employees the most autonomy?', a: 'Laissez-faire leadership.' },\n      { q: 'Which style may work well during a crisis?', a: 'Autocratic leadership can be useful during crisis or urgent situations.' },\n      { q: 'Which style may work well for brainstorming and team buy-in?', a: 'Democratic leadership.' },\n      { q: 'Which style may work well in KPI-driven environments?', a: 'Transactional leadership.' },\n      { q: 'Which style may work well during culture change?', a: 'Transformational leadership.' },\n      { q: 'Which style may work well for improving morale and trust?', a: 'Servant leadership.' },\n      { q: 'Which style may work well with expert employees?', a: 'Laissez-faire leadership.' },\n      { q: 'What is one risk of overusing autocratic leadership?', a: 'It can reduce empowerment, trust, and creativity.' },\n      { q: 'What is one risk of laissez-faire leadership?', a: 'It can create confusion if expectations and accountability are unclear.' }\n    ];\n\n    let currentCard = 0;\n    const fcDisplay = document.getElementById('ls-flashcard-display');\n    const fcQuestion = document.getElementById('ls-fc-question');\n    const fcAnswer = document.getElementById('ls-fc-answer');\n    const fcCounter = document.getElementById('ls-fc-counter');\n\n    function renderFlashcard() {\n      fcDisplay.classList.remove('flipped');\n      setTimeout(function() {\n        fcQuestion.textContent = flashcards[currentCard].q;\n        fcAnswer.textContent = flashcards[currentCard].a;\n        fcCounter.textContent = (currentCard + 1) + ' \/ ' + flashcards.length;\n      }, 100);\n    }\n\n    if (fcDisplay) {\n      fcDisplay.addEventListener('click', function() {\n        fcDisplay.classList.toggle('flipped');\n      });\n    }\n\n    document.getElementById('ls-fc-prev').addEventListener('click', function(e) {\n      e.stopPropagation();\n      currentCard = (currentCard - 1 + flashcards.length) % flashcards.length;\n      renderFlashcard();\n    });\n\n    document.getElementById('ls-fc-next').addEventListener('click', function(e) {\n      e.stopPropagation();\n      currentCard = (currentCard + 1) % flashcards.length;\n      renderFlashcard();\n    });\n\n    renderFlashcard();\n\n    const quizQuestions = [\n      { q: 'Which leadership style is most associated with centralized authority?', options: ['Democratic', 'Autocratic', 'Servant', 'Laissez-faire'], correct: 1, explanation: 'Autocratic leadership centralizes decisions and authority with the leader.' },\n      { q: 'Which leadership style focuses on participation and shared input?', options: ['Democratic', 'Transactional', 'Autocratic', 'Laissez-faire'], correct: 0, explanation: 'Democratic leadership emphasizes participation, input, and collaboration.' },\n      { q: 'Which leadership style focuses on rewards, consequences, and clear performance expectations?', options: ['Servant', 'Transactional', 'Transformational', 'Democratic'], correct: 1, explanation: 'Transactional leadership focuses on performance expectations, rewards, and accountability.' },\n      { q: 'Which leadership style emphasizes vision and inspiration?', options: ['Transformational', 'Transactional', 'Autocratic', 'Laissez-faire'], correct: 0, explanation: 'Transformational leadership motivates through vision, purpose, and change.' },\n      { q: 'Which leadership style focuses most on serving and supporting employees?', options: ['Autocratic', 'Servant', 'Transactional', 'Democratic'], correct: 1, explanation: 'Servant leadership emphasizes support, trust, and employee development.' },\n      { q: 'Which leadership style gives the most independence to experienced employees?', options: ['Laissez-faire', 'Autocratic', 'Transactional', 'Democratic'], correct: 0, explanation: 'Laissez-faire leadership gives broad autonomy to capable employees or expert teams.' },\n      { q: 'Which style may be useful during urgent crisis situations?', options: ['Autocratic', 'Laissez-faire', 'Democratic', 'Servant only'], correct: 0, explanation: 'Autocratic leadership may help during urgency because it creates speed and clear direction.' },\n      { q: 'What is a risk of democratic leadership?', options: ['Too much speed', 'Slow decision-making', 'Too much authority', 'No employee input'], correct: 1, explanation: 'Democratic leadership can slow decisions if too much input is required.' },\n      { q: 'What is a risk of transformational leadership?', options: ['No vision', 'Unrealistic vision without structure', 'Too much process detail', 'No motivation'], correct: 1, explanation: 'Transformational leadership needs structure and execution or the vision may become unrealistic.' },\n      { q: 'What is a risk of servant leadership?', options: ['Too much accountability', 'Avoiding hard decisions or accountability', 'Too much speed', 'No support'], correct: 1, explanation: 'Servant leadership can become too soft if support is not balanced with accountability.' },\n      { q: 'What is a risk of laissez-faire leadership?', options: ['Too much clarity', 'Too much oversight', 'Confusion from unclear expectations', 'Too much structure'], correct: 2, explanation: 'Laissez-faire leadership can create confusion without expectations and accountability.' },\n      { q: 'What is the main lesson of leadership style flexibility?', options: ['Use one style always', 'Avoid adapting', 'Match style to situation and employee need', 'Only use servant leadership'], correct: 2, explanation: 'Strong leaders adapt their approach based on context, employee needs, and goals.' }\n    ];\n\n    let quizScore = 0;\n    let quizAnswered = 0;\n    const quizContainer = document.getElementById('ls-quiz-container');\n    const quizScoreEl = document.getElementById('ls-quiz-score');\n    const quizTotalEl = document.getElementById('ls-quiz-total');\n    const quizFinalResult = document.getElementById('ls-quiz-final-result');\n\n    function buildQuiz() {\n      quizContainer.innerHTML = '';\n      quizQuestions.forEach(function(item, idx) {\n        const block = document.createElement('div');\n        block.className = 'mb-8 bg-white rounded-xl border border-slate-200 overflow-hidden';\n        block.innerHTML = '<div class=\"bg-navy-50 px-5 py-3 border-b border-slate-200 flex items-center gap-2\">' +\n          '<span class=\"bg-navy-700 text-white text-xs font-bold rounded-full w-6 h-6 flex items-center justify-center\">' + (idx + 1) + '<\/span>' +\n          '<span class=\"text-navy-700 font-medium text-sm\">Question ' + (idx + 1) + ' of ' + quizQuestions.length + '<\/span>' +\n          '<\/div>' +\n          '<div class=\"p-5\">' +\n          '<p class=\"text-navy-900 font-semibold mb-4\">' + item.q + '<\/p>' +\n          '<div class=\"space-y-2\" id=\"ls-quiz-opts-' + idx + '\">' +\n          item.options.map(function(opt, oidx) {\n            return '<button class=\"ls-quiz-option\" data-question=\"' + idx + '\" data-option=\"' + oidx + '\">' + opt + '<\/button>';\n          }).join('') +\n          '<\/div>' +\n          '<div id=\"ls-quiz-explanation-' + idx + '\" class=\"hidden mt-4 p-4 rounded-lg text-sm leading-relaxed\"><\/div>' +\n          '<\/div>';\n        quizContainer.appendChild(block);\n      });\n    }\n\n    function selectAnswer(qIdx, oIdx) {\n      const q = quizQuestions[qIdx];\n      const opts = document.querySelectorAll('#ls-quiz-opts-' + qIdx + ' .ls-quiz-option');\n      const explDiv = document.getElementById('ls-quiz-explanation-' + qIdx);\n      if (!opts.length || opts[0].classList.contains('disabled')) return;\n\n      opts.forEach(function(opt, i) {\n        opt.classList.add('disabled');\n        if (i === q.correct) opt.classList.add('correct');\n        if (i === oIdx && i !== q.correct) opt.classList.add('incorrect');\n      });\n\n      quizAnswered++;\n      if (oIdx === q.correct) {\n        quizScore++;\n        explDiv.className = 'mt-4 p-4 rounded-lg text-sm leading-relaxed bg-emerald-50 text-emerald-800 border border-emerald-200';\n        explDiv.innerHTML = '<span class=\"font-semibold\">Correct!<\/span> ' + q.explanation;\n      } else {\n        explDiv.className = 'mt-4 p-4 rounded-lg text-sm leading-relaxed bg-red-50 text-red-800 border border-red-200';\n        explDiv.innerHTML = '<span class=\"font-semibold\">Incorrect.<\/span> ' + q.explanation;\n      }\n      explDiv.classList.remove('hidden');\n\n      quizScoreEl.textContent = quizScore;\n      quizTotalEl.textContent = quizAnswered;\n      quizScoreEl.classList.add('ls-score-animate');\n      setTimeout(function() { quizScoreEl.classList.remove('ls-score-animate'); }, 300);\n\n      if (quizAnswered === quizQuestions.length) {\n        setTimeout(showFinalResult, 600);\n      }\n    }\n\n    function showFinalResult() {\n      const pct = Math.round((quizScore \/ quizQuestions.length) * 100);\n      let message = '';\n      if (pct >= 90) message = 'Outstanding! You have a strong grasp of leadership styles.';\n      else if (pct >= 70) message = 'Great work! You understand the core leadership style concepts.';\n      else if (pct >= 50) message = 'Good start. Review the style cards and flash cards before trying again.';\n      else message = 'Keep learning. Revisit the overview and comparison table before trying again.';\n      document.getElementById('ls-quiz-final-score').textContent = 'You scored ' + quizScore + ' out of ' + quizQuestions.length + ' (' + pct + '%)';\n      document.getElementById('ls-quiz-final-message').textContent = message;\n      quizFinalResult.classList.remove('hidden');\n      quizFinalResult.scrollIntoView({ behavior: 'smooth', block: 'center' });\n    }\n\n    function restartQuiz() {\n      quizScore = 0;\n      quizAnswered = 0;\n      quizScoreEl.textContent = '0';\n      quizTotalEl.textContent = '0';\n      quizFinalResult.classList.add('hidden');\n      buildQuiz();\n      window.scrollTo({ top: document.getElementById('ls-quiz').offsetTop - 72, behavior: 'smooth' });\n    }\n\n    buildQuiz();\n\n    quizContainer.addEventListener('click', function(e) {\n      const btn = e.target.closest('.ls-quiz-option');\n      if (!btn || btn.classList.contains('disabled')) return;\n      selectAnswer(parseInt(btn.dataset.question, 10), parseInt(btn.dataset.option, 10));\n    });\n\n    document.getElementById('ls-quiz-restart').addEventListener('click', restartQuiz);\n\n    const reflectionPrompts = [\n      { q: 'Which leadership style feels most natural to you?', a: 'Consider how you tend to lead during pressure, conflict, change, or uncertainty.' },\n      { q: 'Which leadership style do you overuse?', a: 'Every style creates risk when it becomes the only tool a leader uses.' },\n      { q: 'Which leadership style does your team currently need most?', a: 'Think about team experience level, morale, clarity, workload, and trust.' },\n      { q: 'How might employee experience change your leadership approach?', a: 'New or struggling employees may need more direction. Experienced employees may need more autonomy.' },\n      { q: 'How can DISC awareness improve your leadership style selection?', a: 'DISC can help you adjust communication so the same leadership approach lands better with different people.' }\n    ];\n\n    const accordContainer = document.getElementById('ls-accordion-container');\n    reflectionPrompts.forEach(function(item, idx) {\n      const div = document.createElement('div');\n      div.className = 'bg-white rounded-xl border border-slate-200 overflow-hidden';\n      div.innerHTML = '<button class=\"ls-accordion-btn w-full flex items-center justify-between px-5 py-4 text-left hover:bg-navy-50\/50 transition-colors\" data-idx=\"' + idx + '\">' +\n        '<span class=\"font-medium text-navy-900\">' + item.q + '<\/span>' +\n        '<span class=\"ls-accordion-icon text-slate-400\" id=\"ls-accordion-icon-' + idx + '\">\u2304<\/span>' +\n        '<\/button>' +\n        '<div class=\"ls-accordion-content\" id=\"ls-accordion-content-' + idx + '\">' +\n        '<div class=\"px-5 pb-4 text-slate-600 text-sm leading-relaxed border-t border-slate-100 pt-3\">' + item.a + '<\/div>' +\n        '<\/div>';\n      accordContainer.appendChild(div);\n    });\n\n    accordContainer.addEventListener('click', function(e) {\n      const btn = e.target.closest('.ls-accordion-btn');\n      if (!btn) return;\n      const idx = btn.dataset.idx;\n      const content = document.getElementById('ls-accordion-content-' + idx);\n      const icon = document.getElementById('ls-accordion-icon-' + idx);\n      const isOpen = content.classList.contains('open');\n\n      document.querySelectorAll('.ls-accordion-content').forEach(function(el) { el.classList.remove('open'); });\n      document.querySelectorAll('.ls-accordion-icon').forEach(function(el) { el.classList.remove('rotated'); });\n\n      if (!isOpen) {\n        content.classList.add('open');\n        icon.classList.add('rotated');\n      }\n    });\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initLeadershipStylesModule);\n  } else {\n    initLeadershipStylesModule();\n  }\n})();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Leadership Styles Start Styles Comparison Scenarios DISC Link Flash Cards Quiz Reflection Leadership Development Module UnderstandingLeadership Styles Strong leaders do not rely on one leadership style. They adapt their approach based on the situation, employee needs, team maturity, and organizational goal. This module introduces six common leadership styles: autocratic, democratic, transactional, transformational, servant, and laissez-faire&#8230;.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"enable","_kad_post_title":"hide","_kad_post_layout":"normal","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-97","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/newleadersuccess.com\/index.php?rest_route=\/wp\/v2\/pages\/97","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/newleadersuccess.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/newleadersuccess.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/newleadersuccess.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/newleadersuccess.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=97"}],"version-history":[{"count":4,"href":"https:\/\/newleadersuccess.com\/index.php?rest_route=\/wp\/v2\/pages\/97\/revisions"}],"predecessor-version":[{"id":103,"href":"https:\/\/newleadersuccess.com\/index.php?rest_route=\/wp\/v2\/pages\/97\/revisions\/103"}],"wp:attachment":[{"href":"https:\/\/newleadersuccess.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=97"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}