<!DOCTYPE html>
<html lang="en">

<head>
    <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-QCXT6EQ0BE"></script>
<script>
window.dataLayer = window.dataLayer || [];

function gtag() {
    dataLayer.push(arguments);
}
gtag('js', new Date());

gtag('config', 'G-QCXT6EQ0BE');
</script>

<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="/">

<!-- Meta SEO -->
<meta name="title" content="Search results for &quot;SharePoint&quot; | Xcesslogic">
<meta name="description" content="Explore technical case studies, cloud blueprints, and software solutions matching SharePoint.">
<meta name="robots" content="index, follow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="English">
<meta name="author" content="Xcesslogic">
<link rel="canonical" href="https://xcesslogic.com/search?q=SharePoint">

<!-- Social media share -->
<meta property="og:title" content="Search results for &quot;SharePoint&quot; | Xcesslogic">
<meta property="og:site_name" content="Xcesslogic">
<meta property="og:url" content="https://xcesslogic.com/search?q=SharePoint">
<meta property="og:description" content="Explore technical case studies, cloud blueprints, and software solutions matching SharePoint.">
<meta property="og:type" content="website">
<meta property="og:image" content="https://xcesslogic.com/assets/images/logo_xcesslogic.jpg">
<meta name="twitter:card" content="summary_large_image">

<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="manifest" href="site.webmanifest">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">    <title>Search results for &quot;SharePoint&quot; | Xcesslogic</title>
    <link rel="stylesheet" href="assets/css/xcess-theme.css">
    <style>
        .search-results-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 20px;
            margin-top: 32px;
        }
        .search-result-card {
            background: #FFFFFF;
            border: 1px solid var(--color-border);
            border-radius: var(--radius-lg);
            padding: 24px 28px;
            transition: all 0.2s ease;
            position: relative;
        }
        .search-result-card:hover {
            border-color: var(--color-primary);
            box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
            transform: translateY(-2px);
        }
        .search-filter-pill {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 7px 16px;
            font-size: 13px;
            font-weight: 600;
            font-family: var(--font-mono);
            border-radius: 9999px;
            text-decoration: none;
            transition: all 0.2s ease;
        }
    </style>
</head>

<body class="xcess-page">

    <!-- Top Announcement Bar -->
<div class="xcess-topbar">
  <div class="xcess-topbar-inner">
    <span class="xcess-topbar-tagline">// AI-assisted engineering. Human-owned outcomes.</span>

    <!-- Theme-Aligned Search Pill Trigger -->
    <div class="xcess-topbar-search-pill-wrap">
      <button type="button" class="xcess-topbar-search-trigger" id="xcessSearchTrigger" aria-label="Search articles, guides, and pages" title="Search site (Press /)">
        <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
          <circle cx="11" cy="11" r="8"></circle>
          <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
        </svg>
        <span class="xcess-search-trigger-text">Search articles, insights...</span>
        <kbd class="xcess-search-trigger-kbd">/</kbd>
      </button>
    </div>
  </div>
</div>

<!-- Command Palette / Search Modal Overlay -->
<div class="xcess-search-modal-backdrop" id="xcessSearchModal" style="display: none;" role="dialog" aria-modal="true" aria-label="Search Xcesslogic resources">
  <div class="xcess-search-modal-box" id="xcessSearchModalBox">
    <!-- Modal Input Header -->
    <div class="xcess-search-modal-header">
      <svg class="xcess-search-modal-icon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
        <circle cx="11" cy="11" r="8"></circle>
        <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
      </svg>
      <input type="text" id="xcessModalSearchInput" class="xcess-modal-search-input" placeholder="Search by topic, e.g. Zoho, Power Automate, NDIS, Excel..." autocomplete="off" spellcheck="false" aria-label="Search query">
      <button type="button" class="xcess-modal-close-btn" id="xcessModalClose" aria-label="Close search">
        <kbd>ESC</kbd>
      </button>
    </div>

    <!-- Filter Category Pills -->
    <div class="xcess-modal-filter-bar" id="xcessModalFilterBar">
      <button type="button" class="xcess-modal-filter-pill active" data-filter="all">All</button>
      <button type="button" class="xcess-modal-filter-pill" data-filter="insights">Insights</button>
      <button type="button" class="xcess-modal-filter-pill" data-filter="case-studies">Case Studies</button>
      <button type="button" class="xcess-modal-filter-pill" data-filter="pages">Services &amp; Pages</button>
    </div>

    <!-- Live Results Scroll Area -->
    <div class="xcess-modal-results" id="xcessModalResults" role="listbox">
      <!-- Default Suggestions State -->
      <div class="xcess-modal-default-state" id="xcessModalDefaultState">
        <div class="xcess-modal-section-title">// POPULAR TOPICS</div>
        <div class="xcess-modal-tags">
          <button type="button" class="xcess-quick-tag" data-query="Power Automate">Power Automate</button>
          <button type="button" class="xcess-quick-tag" data-query="Zoho CRM">Zoho CRM</button>
          <button type="button" class="xcess-quick-tag" data-query="NDIS">NDIS Workflows</button>
          <button type="button" class="xcess-quick-tag" data-query="DocuSign">DocuSign &amp; E-Sign</button>
          <button type="button" class="xcess-quick-tag" data-query="Excel to Web">Excel to Web</button>
          <button type="button" class="xcess-quick-tag" data-query="Mediation">Mediation Assignments</button>
        </div>
      </div>

      <!-- Dynamic Items Container -->
      <div id="xcessModalDynamicItems"></div>
    </div>

    <!-- Modal Footer with Navigation Shortcuts -->
    <div class="xcess-modal-footer">
      <div class="xcess-modal-footer-hints">
        <span><kbd>↑</kbd> <kbd>↓</kbd> navigate</span>
        <span><kbd>↵</kbd> select</span>
        <span><kbd>esc</kbd> close</span>
      </div>
      <a href="search" id="xcessModalViewAllLink" class="xcess-modal-view-all" style="display: none;">
        View full results page &rarr;
      </a>
    </div>
  </div>
</div>

<!-- Header & Navigation -->
<header class="xcess-header">
  <div class="xcess-nav-inner">
    <a href="full-stack-development" class="xcess-brand">
      <span class="xcess-brand-icon">
        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#1A7A6E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
          <polyline points="8 6 3 12 8 18"></polyline>
          <polyline points="16 6 21 12 16 18"></polyline>
        </svg>
      </span>
      <span>xcess<span style="color: #1A7A6E;">logic</span></span>
    </a>

    <nav class="xcess-nav-menu" aria-label="Primary Navigation">
      <a class="navlink" href="full-stack-development">Full-Stack</a>
      <a class="navlink" href="excel-to-web">Excel-to-Web</a>
      <a class="navlink" href="automation">Automation</a>
      <a class="navlink" href="resources/">Resources</a>
    </nav>

    <div class="xcess-nav-actions">
      <a href="contact" class="btn-primary"
        onclick="if(window.gtag) gtag('event', 'click_cta', { event_category: 'CTA', event_label: 'Header Contact' });"
        style="padding: 10px 20px; font-size: 14px; min-height: 40px;">
        Contact
      </a>
      <button class="xcess-mobile-toggle" aria-label="Toggle Navigation Menu" aria-expanded="false">
        <svg fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
        </svg>
      </button>
    </div>
  </div>
</header>

<style>
  /* --------------------------------------------------------------------------
   Integrated Search Pill Trigger (Theme-Native, No Patch, No Layout Shift)
   -------------------------------------------------------------------------- */
  .xcess-topbar-search-pill-wrap {
    display: inline-flex;
    align-items: center;
  }

  .xcess-topbar-search-trigger {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(0, 0, 0, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 9999px;
    padding: 4px 12px;
    color: rgba(255, 255, 255, 0.9);
    font-family: var(--font-mono, monospace);
    font-size: 11.5px;
    cursor: pointer;
    transition: all 0.2s ease;
    line-height: 1;
    text-decoration: none;
  }

  .xcess-topbar-search-trigger:hover {
    background: rgba(0, 0, 0, 0.28);
    border-color: rgba(255, 255, 255, 0.4);
    color: #FFFFFF;
  }

  .xcess-search-trigger-text {
    color: rgba(255, 255, 255, 0.85);
    font-size: 11px;
  }

  .xcess-search-trigger-kbd {
    background: rgba(255, 255, 255, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 3px;
    font-size: 10px;
    padding: 1px 5px;
    color: #FFFFFF;
    line-height: 1.2;
  }

  /* --------------------------------------------------------------------------
   Command Palette / Search Modal (Isolated Overlay - Zero Topbar Expansion)
   -------------------------------------------------------------------------- */
  .xcess-search-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: rgba(15, 23, 42, 0.72);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 60px 16px 24px;
    box-sizing: border-box;
    animation: xcessFadeIn 0.18s ease-out;
  }

  @keyframes xcessFadeIn {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  .xcess-search-modal-box {
    width: 100%;
    max-width: 640px;
    background: #FFFFFF;
    border-radius: 14px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: xcessSlideDown 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  }

  @keyframes xcessSlideDown {
    from {
      transform: translateY(-12px) scale(0.98);
      opacity: 0;
    }

    to {
      transform: translateY(0) scale(1);
      opacity: 1;
    }
  }

  .xcess-search-modal-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    border-bottom: 1px solid #E2E8F0;
    background: #FFFFFF;
  }

  .xcess-search-modal-icon {
    color: #1A7A6E;
    flex-shrink: 0;
  }

  .xcess-modal-search-input {
    flex: 1;
    border: none;
    outline: none;
    font-size: 16px;
    color: #0F172A;
    font-family: inherit;
    background: transparent;
    padding: 4px 0;
  }

  .xcess-modal-search-input::placeholder {
    color: #94A3B8;
    font-size: 15px;
  }

  .xcess-modal-close-btn {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 4px;
  }

  .xcess-modal-close-btn kbd {
    background: #F1F5F9;
    border: 1px solid #CBD5E1;
    border-radius: 4px;
    padding: 3px 6px;
    font-family: var(--font-mono, monospace);
    font-size: 11px;
    color: #64748B;
    font-weight: 600;
  }

  .xcess-modal-filter-bar {
    display: flex;
    gap: 6px;
    padding: 10px 18px;
    background: #F8FAFC;
    border-bottom: 1px solid #E2E8F0;
    overflow-x: auto;
  }

  .xcess-modal-filter-pill {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 9999px;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 600;
    font-family: var(--font-mono, monospace);
    color: #475569;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
  }

  .xcess-modal-filter-pill:hover {
    border-color: #1A7A6E;
    color: #1A7A6E;
  }

  .xcess-modal-filter-pill.active {
    background: #1A7A6E;
    border-color: #1A7A6E;
    color: #FFFFFF;
  }

  .xcess-modal-results {
    max-height: 380px;
    overflow-y: auto;
    padding: 8px 0;
    background: #FFFFFF;
  }

  .xcess-modal-section-title {
    padding: 12px 18px 6px;
    font-family: var(--font-mono, monospace);
    font-size: 11px;
    font-weight: 700;
    color: #64748B;
    letter-spacing: 0.08em;
  }

  .xcess-modal-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 18px 20px;
  }

  .xcess-quick-tag {
    background: #F1F5F9;
    border: 1px solid #E2E8F0;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 13px;
    color: #334155;
    cursor: pointer;
    transition: all 0.15s ease;
    font-family: inherit;
  }

  .xcess-quick-tag:hover {
    background: #E6F3F1;
    border-color: #1A7A6E;
    color: #1A7A6E;
  }

  .xcess-search-modal-item {
    display: block;
    padding: 12px 18px;
    text-decoration: none;
    color: #0F172A;
    border-bottom: 1px solid #F1F5F9;
    transition: background 0.15s ease;
  }

  .xcess-search-modal-item:hover,
  .xcess-search-modal-item.active {
    background: #F0FDF4;
  }

  .xcess-search-modal-item-title {
    font-size: 15px;
    font-weight: 700;
    color: #0F172A;
    line-height: 1.4;
    margin-bottom: 4px;
  }

  .xcess-search-modal-item-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #64748B;
    font-family: var(--font-mono, monospace);
    margin-bottom: 4px;
  }

  .xcess-modal-badge {
    font-size: 10px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 4px;
    text-transform: uppercase;
  }

  .xcess-modal-badge-insights {
    background: #D1FAE5;
    color: #065F46;
  }

  .xcess-modal-badge-case-studies {
    background: #F3E8FF;
    color: #6B21A8;
  }

  .xcess-modal-badge-pages {
    background: #E0F2FE;
    color: #0369A1;
  }

  .xcess-search-modal-item-summary {
    font-size: 13px;
    line-height: 1.5;
    color: #475569;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .xcess-modal-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 18px;
    background: #F8FAFC;
    border-top: 1px solid #E2E8F0;
    font-size: 12px;
    color: #64748B;
    font-family: var(--font-mono, monospace);
  }

  .xcess-modal-footer-hints {
    display: flex;
    gap: 12px;
  }

  .xcess-modal-footer-hints kbd {
    background: #FFFFFF;
    border: 1px solid #CBD5E1;
    border-radius: 3px;
    padding: 1px 4px;
    font-size: 10px;
    color: #334155;
  }

  .xcess-modal-view-all {
    color: #1A7A6E;
    font-weight: 700;
    text-decoration: none;
  }

  .xcess-modal-view-all:hover {
    text-decoration: underline;
  }

  @media (max-width: 640px) {
    .xcess-search-modal-backdrop {
      padding: 16px;
    }

    .xcess-modal-footer-hints {
      display: none;
    }
  }
</style>

<script>
  (function() {
    var trigger = document.getElementById('xcessSearchTrigger');
    var modal = document.getElementById('xcessSearchModal');
    var modalBox = document.getElementById('xcessSearchModalBox');
    var input = document.getElementById('xcessModalSearchInput');
    var closeBtn = document.getElementById('xcessModalClose');
    var defaultState = document.getElementById('xcessModalDefaultState');
    var dynamicItems = document.getElementById('xcessModalDynamicItems');
    var viewAllLink = document.getElementById('xcessModalViewAllLink');
    var filterBar = document.getElementById('xcessModalFilterBar');

    if (!trigger || !modal || !input) return;

    var currentFilter = 'all';
    var allFetchedResults = [];
    var activeIdx = -1;
    var debounceTimer = null;

    function openModal(initialQuery) {
      modal.style.display = 'flex';
      document.body.style.overflow = 'hidden';
      if (typeof initialQuery === 'string') {
        input.value = initialQuery;
        triggerSearch();
      }
      setTimeout(function() {
        input.focus();
        input.select();
      }, 40);
    }

    function closeModal() {
      modal.style.display = 'none';
      document.body.style.overflow = '';
      activeIdx = -1;
    }

    trigger.addEventListener('click', function(e) {
      e.preventDefault();
      openModal();
    });

    closeBtn.addEventListener('click', closeModal);

    modal.addEventListener('click', function(e) {
      if (!modalBox.contains(e.target)) {
        closeModal();
      }
    });

    // Global keyboard shortcuts: "/" or "Cmd+K" / "Ctrl+K" opens modal; "Esc" closes
    document.addEventListener('keydown', function(e) {
      var tag = (document.activeElement.tagName || '').toLowerCase();
      var isInput = tag === 'input' || tag === 'textarea' || tag === 'select';

      if ((e.key === '/' || ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 'k')) && !isInput) {
        e.preventDefault();
        openModal();
      } else if (e.key === 'Escape' && modal.style.display !== 'none') {
        closeModal();
      }
    });

    // Quick Tags in default state
    modal.addEventListener('click', function(e) {
      var tagBtn = e.target.closest('.xcess-quick-tag');
      if (tagBtn) {
        var q = tagBtn.getAttribute('data-query');
        input.value = q;
        triggerSearch();
      }
    });

    // Category filter pills
    filterBar.addEventListener('click', function(e) {
      var pill = e.target.closest('.xcess-modal-filter-pill');
      if (!pill) return;
      filterBar.querySelectorAll('.xcess-modal-filter-pill').forEach(function(p) {
        p.classList.remove('active');
      });
      pill.classList.add('active');
      currentFilter = pill.getAttribute('data-filter') || 'all';
      renderFilteredResults();
    });

    input.addEventListener('input', function() {
      clearTimeout(debounceTimer);
      debounceTimer = setTimeout(triggerSearch, 160);
    });

    function triggerSearch() {
      var q = input.value.trim();
      if (q.length < 2) {
        defaultState.style.display = 'block';
        dynamicItems.innerHTML = '';
        viewAllLink.style.display = 'none';
        allFetchedResults = [];
        activeIdx = -1;
        return;
      }

      defaultState.style.display = 'none';
      dynamicItems.innerHTML = '<div style="padding: 24px; text-align: center; color: #64748B; font-size: 14px;">Searching...</div>';

      fetch('search-api?q=' + encodeURIComponent(q) + '&limit=15')
        .then(function(res) {
          return res.json();
        })
        .then(function(data) {
          allFetchedResults = data.results || [];
          viewAllLink.href = 'search?q=' + encodeURIComponent(q);
          viewAllLink.style.display = 'inline';
          viewAllLink.textContent = 'View all ' + data.total + ' results →';
          renderFilteredResults();
        })
        .catch(function(err) {
          dynamicItems.innerHTML = '<div style="padding: 24px; text-align: center; color: #EF4444; font-size: 14px;">Error loading search results.</div>';
        });
    }

    function renderFilteredResults() {
      var q = input.value.trim();
      if (q.length < 2) return;

      var filtered = allFetchedResults;
      if (currentFilter !== 'all') {
        filtered = allFetchedResults.filter(function(item) {
          return (item.category || '') === currentFilter;
        });
      }

      if (filtered.length === 0) {
        dynamicItems.innerHTML = '<div style="padding: 32px 18px; text-align: center; color: #64748B;">' +
          '<div style="font-size: 24px; margin-bottom: 6px;">🔍</div>' +
          '<div style="font-size: 15px; font-weight: 600; color: #0F172A; margin-bottom: 4px;">No matching results</div>' +
          '<div style="font-size: 13px;">No resources found for "<strong>' + escapeHtml(q) + '</strong>" in this category.</div>' +
          '</div>';
        activeIdx = -1;
        return;
      }

      var html = '';
      filtered.forEach(function(item, idx) {
        var badgeClass = 'xcess-modal-badge-pages';
        if (item.category === 'insights') badgeClass = 'xcess-modal-badge-insights';
        else if (item.category === 'case-studies') badgeClass = 'xcess-modal-badge-case-studies';

        html += '<a href="' + escapeHtml(item.url) + '" class="xcess-search-modal-item" data-idx="' + idx + '" role="option">' +
          '<div class="xcess-search-modal-item-meta">' +
          '<span class="xcess-modal-badge ' + badgeClass + '">' + escapeHtml(item.category_label || item.category) + '</span>' +
          (item.subcategory_label ? '<span>// ' + escapeHtml(item.subcategory_label) + '</span>' : '') +
          '</div>' +
          '<div class="xcess-search-modal-item-title">' + highlightText(item.title, q) + '</div>' +
          (item.summary ? '<p class="xcess-search-modal-item-summary">' + highlightText(item.summary, q) + '</p>' : '') +
          '</a>';
      });

      dynamicItems.innerHTML = html;
      activeIdx = -1;
    }

    // Keyboard navigation
    input.addEventListener('keydown', function(e) {
      var items = dynamicItems.querySelectorAll('.xcess-search-modal-item');

      if (e.key === 'ArrowDown') {
        if (!items.length) return;
        e.preventDefault();
        activeIdx = (activeIdx + 1) % items.length;
        updateActiveItem(items);
      } else if (e.key === 'ArrowUp') {
        if (!items.length) return;
        e.preventDefault();
        activeIdx = (activeIdx - 1 + items.length) % items.length;
        updateActiveItem(items);
      } else if (e.key === 'Enter') {
        if (activeIdx >= 0 && items[activeIdx]) {
          e.preventDefault();
          items[activeIdx].click();
        } else if (input.value.trim().length >= 2) {
          window.location.href = 'search?q=' + encodeURIComponent(input.value.trim());
        }
      }
    });

    function updateActiveItem(items) {
      items.forEach(function(el, i) {
        if (i === activeIdx) {
          el.classList.add('active');
          el.scrollIntoView({
            block: 'nearest'
          });
        } else {
          el.classList.remove('active');
        }
      });
    }

    function escapeHtml(str) {
      if (!str) return '';
      return str.replace(/[&<>"']/g, function(m) {
        return {
          '&': '&amp;',
          '<': '&lt;',
          '>': '&gt;',
          '"': '&quot;',
          "'": '&#039;'
        } [m];
      });
    }

    function highlightText(text, query) {
      var safe = escapeHtml(text);
      if (!query) return safe;
      var words = query.trim().split(/\s+/);
      words.forEach(function(w) {
        if (w.length < 2) return;
        var reg = new RegExp('(' + w.replace(/[.*+?^${}()|[\]\\]/g, '\\$&') + ')', 'gi');
        safe = safe.replace(reg, '<mark style="background: rgba(26, 122, 110, 0.18); color: #0F766E; font-weight: 700; padding: 1px 3px; border-radius: 2px;">$1</mark>');
      });
      return safe;
    }
  })();
</script>
    <!-- Search Hero Section -->
    <section class="xcess-section" style="padding: 56px 0 40px; background: #FFFFFF; border-bottom: 1px solid var(--color-border);">
        <div class="xcess-container" style="max-width: 860px;">
            <nav aria-label="Breadcrumb" style="margin-bottom: 16px;">
                <ol style="display: flex; gap: 8px; font-size: 13px; font-family: var(--font-mono); list-style: none; padding: 0; margin: 0; color: var(--color-text-muted);">
                    <li><a href="full-stack-development" style="color: var(--color-text-muted); text-decoration: none;">Home</a></li>
                    <li>/</li>
                    <li style="color: var(--color-primary); font-weight: 600;">Search</li>
                </ol>
            </nav>

            <h1 style="font-size: 32px; font-weight: 800; color: var(--color-text-main); margin: 0 0 12px; letter-spacing: -0.02em;">
                                    Search results for &ldquo;SharePoint&rdquo;
                            </h1>

            <p style="font-size: 16px; color: var(--color-text-body); margin: 0 0 24px;">
                                    Found <strong>12</strong> relevant results across engineering playbooks, case studies, and services.
                            </p>

            <!-- Search Form -->
            <form action="search" method="GET" style="display: flex; gap: 10px; margin-bottom: 24px;">
                <div style="flex: 1; position: relative;">
                    <input type="search" name="q" value="SharePoint" placeholder="Search by topic, e.g. Power Automate, DocuSign, Zoho, Excel..."
                           autofocus
                           style="width: 100%; box-sizing: border-box; padding: 13px 18px; font-size: 16px; border: 1.5px solid var(--color-border); border-radius: 8px; font-family: inherit; outline: none; transition: border-color 0.2s;"
                           onfocus="this.style.borderColor='var(--color-primary)'" onblur="this.style.borderColor='var(--color-border)'">
                </div>
                <button type="submit" class="btn-primary" style="padding: 0 24px; font-size: 15px; font-weight: 700; border-radius: 8px;">
                    Search
                </button>
            </form>

            <!-- Filter Pills -->
                            <div style="display: flex; flex-wrap: wrap; gap: 8px;">
                                        <a href="search?q=SharePoint" class="search-filter-pill" style="background: var(--color-primary); color: #FFFFFF; border: 1px solid var(--color-primary);">All Results <span style="opacity: 0.8; font-size: 11px;">(12)</span></a>                    <a href="search?q=SharePoint&cat=insights" class="search-filter-pill" style="background: #F8FAFC; color: var(--color-text-body); border: 1px solid var(--color-border);">Insights & Guides <span style="opacity: 0.8; font-size: 11px;">(11)</span></a>                    <a href="search?q=SharePoint&cat=case-studies" class="search-filter-pill" style="background: #F8FAFC; color: var(--color-text-body); border: 1px solid var(--color-border);">Case Studies <span style="opacity: 0.8; font-size: 11px;">(1)</span></a>                                    </div>
                    </div>
    </section>

    <!-- Results Section -->
    <section class="xcess-section bg-tint" style="padding: 48px 0 80px; min-height: 400px;">
        <div class="xcess-container" style="max-width: 860px;">
                            <div class="search-results-grid">
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // MICROSOFT 365                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-emerald-100 text-emerald-800">
                                    Insight                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="insights/microsoft-365-records-management-proof-of-concept/" style="color: var(--color-text-main); text-decoration: none;">
                                    How to Build a Microsoft 365 Records Management Proof of Concept with <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">SharePoint</mark> and Purview                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">SharePoint Online</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Microsoft Purview</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Power Automate</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                Learn how to scope a Microsoft 365 records management proof of concept using <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">SharePoint</mark>, Microsoft Purview, and Power Automate before planning a production rollout.                            </p>

                            <a href="insights/microsoft-365-records-management-proof-of-concept/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // MICROSOFT 365                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-emerald-100 text-emerald-800">
                                    Insight                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="insights/sharepoint-records-management-file-plan/" style="color: var(--color-text-main); text-decoration: none;">
                                    How to Create a <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">SharePoint</mark> File Plan for Enterprise Records Management                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">SharePoint Online</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Managed Metadata</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Content Types</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                Learn how to structure a <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">SharePoint</mark> records management file plan with record classes, content types, managed metadata, and practical governance rules.                            </p>

                            <a href="insights/sharepoint-records-management-file-plan/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // MICROSOFT 365                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-emerald-100 text-emerald-800">
                                    Insight                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="insights/sharepoint-physical-records-inventory/" style="color: var(--color-text-main); text-decoration: none;">
                                    How to Build a Physical Records Inventory in <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">SharePoint</mark>                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">SharePoint Lists</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Physical Records Tracking</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Barcode Indexing</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                Learn how a <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">SharePoint</mark> list can track physical records, storage locations, owners, review dates, hold status, and destruction authorization workflows.                            </p>

                            <a href="insights/sharepoint-physical-records-inventory/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // MICROSOFT 365                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-emerald-100 text-emerald-800">
                                    Insight                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="insights/sharepoint-records-management-demo-environment/" style="color: var(--color-text-main); text-decoration: none;">
                                    How to Build a <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">SharePoint</mark> Records Management Demo Environment                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">M365 Developer Sandbox</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Synthetic Test Data</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">SharePoint Architecture</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                Plan a <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">SharePoint</mark> and Microsoft Purview demo environment with representative taxonomy, retention scenarios, physical records inventory, approval workflows, and legal hold tests.                            </p>

                            <a href="insights/sharepoint-records-management-demo-environment/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // POWER PLATFORM                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-emerald-100 text-emerald-800">
                                    Insight                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="insights/microsoft-power-platform-client-onboarding-portal/" style="color: var(--color-text-main); text-decoration: none;">
                                    Building a Secure Client Onboarding Portal with Power Pages, Power Automate and <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">SharePoint</mark>                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Power Pages</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Power Automate</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Dataverse</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                A senior engineering guide to building an external client onboarding portal using Power Pages, Power Automate, Dataverse, and <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">SharePoint</mark> with secure multi-tenant access.                            </p>

                            <a href="insights/microsoft-power-platform-client-onboarding-portal/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // POWER PLATFORM                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-emerald-100 text-emerald-800">
                                    Insight                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="insights/power-pages-sharepoint-document-uploads/" style="color: var(--color-text-main); text-decoration: none;">
                                    How to Collect Client Documents Online with Power Pages and <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">SharePoint</mark>                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Power Pages</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">SharePoint Online</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Dataverse</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                How to design secure client document uploads in Power Pages using <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">SharePoint</mark> document libraries, metadata linking, and virus scanning workflows.                            </p>

                            <a href="insights/power-pages-sharepoint-document-uploads/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // MICROSOFT 365                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-emerald-100 text-emerald-800">
                                    Insight                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="insights/ai-assisted-sharepoint-intranet-healthcare/" style="color: var(--color-text-main); text-decoration: none;">
                                    How to Build a Secure <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">SharePoint</mark> Intranet for a Growing Healthcare Clinic                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">SharePoint Online</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Microsoft Lists</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Power Automate</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                A step-by-step engineering architecture for deploying a clinical staff intranet with role-based document access, policy read-and-sign workflows, and automated staff onboarding.                            </p>

                            <a href="insights/ai-assisted-sharepoint-intranet-healthcare/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // MICROSOFT 365                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-emerald-100 text-emerald-800">
                                    Insight                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="insights/sharepoint-records-management-production-checklist/" style="color: var(--color-text-main); text-decoration: none;">
                                    <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">SharePoint</mark> Records Management: What to Validate Before Production                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Production Audit</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Security &amp; RBAC</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Licensing Matrix</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                Use this checklist to evaluate <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">SharePoint</mark> architecture, Microsoft Purview retention, approvals, legal holds, security, licensing, and operations before production.                            </p>

                            <a href="insights/sharepoint-records-management-production-checklist/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // MICROSOFT 365 &AMP; POWER PLATFORM                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-purple-100 text-purple-700">
                                    Case Study                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="case-studies/power-apps-equipment-rental-workflow/" style="color: var(--color-text-main); text-decoration: none;">
                                    Managing Generator Purchases, Inspections, Rentals, and Returns in One Workflow                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Microsoft Power Apps</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">SharePoint Lists</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Nintex Workflows</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                See how Power Apps, <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">SharePoint</mark>, and Nintex were used to organize generator rental records, approvals, PDF generation, reports, and notifications.                            </p>

                            <a href="case-studies/power-apps-equipment-rental-workflow/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // MICROSOFT 365 &AMP; POWER PLATFORM                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-emerald-100 text-emerald-800">
                                    Insight                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="insights/automate-mediation-case-assignments-power-automate/" style="color: var(--color-text-main); text-decoration: none;">
                                    Automating Mediation Case Assignments with Power Automate and e-Signature Workflow                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Microsoft Power Automate</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">UnderSign e-Signature</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Outlook Automation</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                A practical blueprint for mediation practices to automate case assignment intake, fee tier calculation, dual agreement generation, invoice dispatch, and UnderSign electronic signatures.                            </p>

                            <a href="insights/automate-mediation-case-assignments-power-automate/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // EXCEL-TO-WEB &AMP; MODELING                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-emerald-100 text-emerald-800">
                                    Insight                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="insights/marketing-budget-planning-tracking-tool/" style="color: var(--color-text-main); text-decoration: none;">
                                    Building a Marketing Budget Planning and Tracking Tool for a Multi-Brand Automotive Dealer Group                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Microsoft 365</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">SharePoint Lists</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Power Apps</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                How to build an auditable marketing budget planning and tracking tool for automotive dealer groups handling complex multi-brand, multi-location allocations and invoice reconciliation.                            </p>

                            <a href="insights/marketing-budget-planning-tracking-tool/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // MICROSOFT 365 &AMP; POWER PLATFORM                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-emerald-100 text-emerald-800">
                                    Insight                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="insights/automate-sales-commission-quickbooks-power-automate/" style="color: var(--color-text-main); text-decoration: none;">
                                    Building an Auditable Sales Commission Automation System with AI-Assisted Development                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">QuickBooks Desktop</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Python</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Azure Functions</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                How to architect an auditable sales commission automation system reconciling QuickBooks Desktop invoices, multi-source costs, and complex gross-profit rules via Python and Azure Functions.                            </p>

                            <a href="insights/automate-sales-commission-quickbooks-power-automate/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                    </div>
                    </div>
    </section>

    <!-- Footer V2 (Design Template Theme) -->
<footer class="xcess-footer">
  <div class="xcess-container">
    <div class="footer-top">
      <!-- Brand Column -->
      <div class="footer-col-brand">
        <a href="full-stack-development" class="xcess-brand">
          <span class="xcess-brand-icon">
            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#1A7A6E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
              <polyline points="8 6 3 12 8 18"></polyline>
              <polyline points="16 6 21 12 16 18"></polyline>
            </svg>
          </span>
          <span>xcess<span style="color: #1A7A6E;">logic</span></span>
        </a>
        <p style="margin: 20px 0 0; max-width: 360px; font-size: 16px; line-height: 1.7; color: var(--color-text-body);">
          Custom software, web applications, and business automations, built around your needs, delivered by people who take responsibility.
        </p>
      </div>

      <!-- Services Column -->
      <div class="footer-col-nav">
        <div class="footer-heading">Services</div>
        <div class="footer-nav-list">
          <a class="footlink" href="full-stack-development">Full-stack development</a>
          <a class="footlink" href="excel-to-web">Excel-to-web</a>
          <a class="footlink" href="automation">Automation</a>
        </div>
      </div>

      <!-- Company Column -->
      <div class="footer-col-nav">
        <div class="footer-heading">Company</div>
        <div class="footer-nav-list">
          <a class="footlink" href="about">About</a>
          <a class="footlink" href="case-studies/">Case Studies</a>
          <a class="footlink" href="insights/">Insights</a>
          <a class="footlink" href="contact">Contact</a>
        </div>
      </div>

      <!-- Products Column -->
      <div class="footer-col-nav">
        <div class="footer-heading">Products</div>
        <div class="footer-nav-list">
          <a class="footlink" href="https://undersign.app" target="_blank" rel="noopener noreferrer">
            Undersign &rarr;
          </a>
          <span style="font-size: 13px; color: var(--color-text-body); line-height: 1.4;">
            E-signatures without per-seat fees
          </span>
        </div>
      </div>
    </div>

    <!-- Bottom Legal / Copyright -->
    <div class="footer-bottom">
      <div style="display: flex; flex-wrap: wrap; gap: 16px; align-items: center;">
        <span>&copy; 2026 Xcesslogic. All rights reserved.</span>
        <span>&middot;</span>
        <a class="footlink" href="privacy-policy">Privacy Policy</a>
        <span>&middot;</span>
        <a class="footlink" href="terms">Terms of Service</a>
      </div>
      <div style="font-family: var(--font-mono); color: var(--color-primary); font-size: 13px;">

      </div>
    </div>
  </div>
</footer>

<script src="assets/js/xcess-theme.js"></script>
</body>

</html>

