/* ============================================================
   1. FIXED LEFT SIDEBAR NAVIGATION STYLING (Global)
   ============================================================ */
.left-header {
  position: fixed !important;
  top: 40px !important;
  left: 40px !important;
  width: 240px !important;
  text-align: left !important;
  z-index: 99999 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

.left-header .header-title {
  font-family: "Georgia", "Garamond", "Times New Roman", serif !important;
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
  font-size: 1.8rem !important;
  line-height: 1.25 !important;
  letter-spacing: 0.04em !important;
  font-weight: 500 !important;
  text-align: left !important;
}

.left-header .header-title a,
.left-header .header-title a:link,
.left-header .header-title a:visited,
.left-header .header-title a.active {
  color: #134e89 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  opacity: 1 !important;
  display: inline-block !important;
}

.nav-section-label {
  font-size: 0.85rem !important;
  letter-spacing: 0.12em !important;
  color: #4a82b8 !important;
  margin: 18px 0 6px 0 !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  text-align: left !important;
}

.left-header .header-nav {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
  text-align: left !important;
}

.left-header .header-nav a,
.left-header .header-nav a:link,
.left-header .header-nav a:visited {
  color: #134e89 !important;
  text-decoration: none !important;
  font-size: 1.4rem !important;
  line-height: 1.2 !important;
  display: block !important;
  transition: color 0.2s ease !important;
  opacity: 1 !important;
  text-align: left !important;
}

.left-header .header-nav a:hover,
.left-header .header-title a:hover {
  color: #0971ce !important;
  text-decoration: underline !important;
}

/* ============================================================
   2. WIDER PROJECT TEXT & LIGHTBOX (Global)
   ============================================================ */
/* Limit width adjustments to project content */
.project-overlay {
  margin-left: 0 !important;
  padding-left: 0 !important;
  width: 100% !important;
}

.entry .content,
.entry .entry-content,
.project-content,
[data-role="modal"] .entry,
[data-role="modal"] .page,
.project-description,
.lightbox-description {
  max-width: 820px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.entry p,
.entry div,
[data-role="modal"] p {
  max-width: 100% !important;
}

/* ============================================================
   3. MOBILE RESPONSIVE SIDEBAR OVERRIDE
   ============================================================ */
@media screen and (max-width: 768px) {
  .left-header {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    padding: 20px 0 !important;
  }
}