body { 
      margin: 0; 
      padding-top: 60px; 
      font-family: Arial, sans-serif; 
    }

    /* Header styles */
    #main-header {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      background: #2c3e50;
      z-index: 9999;
      height: 50px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    }

    .tabs ul {
      display: flex;
      margin: 0;
      padding: 0;
      list-style: none;
      justify-content: center;
    }

    .tabs li {
      border-right: 1px solid #34495e;
    }

    .tabs a {
      display: block;
      padding: 0 15px;
      color: #ecf0f1;
      text-decoration: none;
      font-size: 14px;
      font-weight: bold;
      line-height: 50px;
      transition: background 0.3s;
    }

    .tabs a:hover {
      background: #3498db;
    }

    /* Layout */
    #content-wrapper {
      display: flex;
      max-width: 1400px;
      margin: 0 auto;
      gap: 20px;
    }

    #left-sidebar {
      width: 280px;
      background: #f9f9f9;
      border-right: 1px solid #ececec;
      height: calc(100vh - 60px);
      position: sticky;
      top: 60px;
      overflow-y: auto;
      padding: 15px;
    }
	#left-sidebar {
      position: -webkit-sticky;
      position: sticky;
      top: 70px; /* Adjust based on your header height */
      height: calc(100vh - 70px);
      overflow-y: auto;
      padding: 15px;
      background: #fdfdfd;
    }

    .sidebar-links { list-style: none; padding: 0; }
    .sidebar-links li { margin-bottom: 10px; border-bottom: 1px solid #eee; padding-bottom: 5px; }
    .sidebar-links a { text-decoration: none; color: #2c3e50; font-weight: 500; }
    .sidebar-links a:hover { color: #3498db; }
    #main-body {
      flex: 1;
      min-width: 0;
      padding: 20px;
    }

    .sidebar-title {
      font-size: 18px;
      color: #2c3e50;
      border-bottom: 2px solid #3498db;
      padding-bottom: 5px;
      margin-bottom: 15px;
    }

	#left-sidebar {
      display: block !important;
      visibility: visible !important;
      min-height: 500px;
      background-color: #f8f9fa !important; /* Light grey so you can see it */
      z-index: 100;
    }

    .sidebar-links li a {
      color: #007bff !important; /* Bright blue links */
      font-weight: bold;
      display: block;
      padding: 5px;
    }
	/* Highlight the link if it matches the current page URL */
    .sidebar-links a[href=' + window.location.href + '] {
      color: #e67e22 !important;
      font-weight: bold;
    }
	/* 1. Hide all sidebar groups by default */
    .sidebar-group { display: none; }

    /* 2. Show Tips on Homepage */
    body.view-type-homepage .tips-group { display: block !important; }

    /* 3. Show groups based on URL (Label Search) */
    body.label-key-Tips .tips-group { display: block !important; }
    body.label-key-Poems .poems-group { display: block !important; }
    body.label-key-Motivations .motivations-group { display: block !important; }

    /* 4. Show groups on Single Post pages (The "Permanent" fix) */
    /* This works by looking for the label class Blogger adds to the body */
    body.category-Tips .tips-group { display: block !important; }
    body.category-Poems .poems-group { display: block !important; }
    body.category-Motivations .motivations-group { display: block !important; }

    /* Ensure sidebar stays on the left and doesn't collapse */
    #content-wrapper { display: flex !important; flex-direction: row; }
    #left-sidebar { 
      display: block !important; 
      width: 280px !important; 
      flex-shrink: 0; 
    }

	/* FORCE LAYOUT ON POST PAGES */
    #content-wrapper {
      display: flex !important;
      flex-direction: row !important;
      width: 100% !important;
      max-width: 1400px;
      margin: 0 auto;
    }

    #left-sidebar {
      display: block !important;
      width: 280px !important;
      flex-shrink: 0 !important;
      visibility: visible !important;
      position: sticky !important;
      top: 70px;
    }

    #main-body {
      flex-grow: 1 !important;
      min-width: 0 !important;
    }

    /* Hide specific lists based on the body class we will add next */
    .sidebar-group { display: none; }
    body.show-tips .tips-group { display: block !important; }
    body.show-poems .poems-group { display: block !important; }
    body.show-motivations .motivations-group { display: block !important; }
	
	/* FORCE TWO-COLUMN LAYOUT ON SINGLE POSTS */
    #content-wrapper, 
    .content-wrapper, 
    .main-wrapper {
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      justify-content: flex-start !important;
      max-width: 100% !important;
    }

    #left-sidebar {
      display: block !important;
      visibility: visible !important;
      width: 280px !important;
      min-width: 280px !important;
      flex: 0 0 280px !important;
      position: relative !important;
      float: left !important;
    }

    #main-body {
      flex: 1 !important;
      width: auto !important;
      min-width: 0 !important;
      margin-left: 20px !important;
      float: none !important;
    }

    /* Ensure post content doesn't break out and push sidebar away */
    .post, .main, .post-outer {
      width: 100% !important;
      max-width: 100% !important;
    }
	/* Styling for the Active Tab */
    .tabs li.active-tab a {
      background-color: #27ae60 !important; /* Professional Green */
      color: #ffffff !important;
      border-bottom: 3px solid #1e8449; /* Slightly darker green bottom border */
    }

    /* Optional: Smooth transition for hover */
    .tabs a {
      transition: all 0.3s ease;
    }

    .tabs a:hover {
      background: #3498db; /* Keep your blue hover or change to light green */
      color: #fff;
    }
	.tabs li.active-tab a {
      background-color: #27ae60 !important; /* The Green color */
      color: #ffffff !important;
      font-weight: bold;
    }
	/* Remove 'Read more' links */
    .jump-link {
      display: none !important;
    }

    /* Remove 'Older Posts', 'Newer Posts', and 'Home' links at the bottom */
    #blog-pager {
      display: none !important;
    }

    /* Remove 'Subscribe to: Comments (Atom)' link */
    .feed-links {
      display: none !important;
    }

    /* Remove any extra post-footer metadata (author, time, etc.) if desired */
    .post-footer {
      display: none !important;
    }

	/* Ensure your Blog Nav stays on top */
.utils-nav {
    position: sticky;
    top: 0;
    z-index: 999;
    background: white; /* Or your blog color */
}

/* Fix the Calendar Modal covering everything */
#calendarModal, #globalCalendarModal {
    z-index: 998 !important; /* Slightly lower than your nav */
}

.utils-container {
    overflow: visible !important; /* Prevents buttons from getting cut off */
}