.elementor-250123 .elementor-element.elementor-element-a8173f4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:10px;}.elementor-250123 .elementor-element.elementor-element-a8173f4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-250123 .elementor-element.elementor-element-56662f6{width:100%;max-width:100%;}.elementor-250123 .elementor-element.elementor-element-3cfbc67{width:100%;max-width:100%;}.elementor-250123 .elementor-element.elementor-element-ac13cbf{width:100%;max-width:100%;}.elementor-250123 .elementor-element.elementor-element-3730748{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-250123 .elementor-element.elementor-element-04935a2{width:100%;max-width:100%;}@media(min-width:768px){.elementor-250123 .elementor-element.elementor-element-a8173f4{--width:100%;}}@media(max-width:1024px){.elementor-250123 .elementor-element.elementor-element-a8173f4{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-250123 .elementor-element.elementor-element-a8173f4{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for shortcode, class: .elementor-element-9714387 *//* ==========================================
TECKNEXUS OFF-CANVAS NAVIGATION
WIDGET 05 — INTELLIGENCE JOURNEYS

Styles the existing shortcode:
[tn_project_journey_sidebar]

Controlled by Widget 04's
Private Network Platform accordion.

Self-contained Elementor Custom CSS.
========================================== */

/* ROOT */

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-sidebar {
  --pj-blue: #0066cc;
  --pj-blue-dk: #004fa3;
  --pj-blue-lt: #e8f0fb;
  --pj-ink: #0d1117;
  --pj-ink-lt: #4a5568;
  --pj-muted: #718096;
  --pj-muted-lt: #a0aec0;
  --pj-border: #e2e5ea;
  --pj-bg-lt: #f7f8fa;
  --pj-radius: 6px;

  width: 100%;
  margin: 0 0 4px;

  font-family:
    var(--ast-body-font-family, Inter, sans-serif);

  font-size: 13px;
  line-height: 1.5;
  color: var(--pj-ink);
}

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-sidebar *,
.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-sidebar *::before,
.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-sidebar *::after {
  box-sizing: border-box;
}

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-sidebar a {
  text-decoration: none;
}

/* ==========================================
MAIN HEADING
Existing 11px uppercase styling
========================================== */

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-sidebar-heading {
  display: block;

  margin: 0 0 6px;
  padding: 0 0 5px;

  border-bottom: 1px solid var(--pj-border);

  font-family:
    var(--ast-heading-font-family,
    "IBM Plex Sans", sans-serif);

  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1.8px;
  text-transform: uppercase;

  color: var(--pj-muted);
}

/* ==========================================
INDIVIDUAL JOURNEYS
========================================== */

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-sidebar-item {
  margin: 0;
  padding: 0;
  border: 0;
}

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-sidebar-item > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;

  width: 100%;
  margin: 0;
  padding: 5px 8px;

  border-radius: var(--pj-radius);

  font-family:
    var(--ast-body-font-family, Inter, sans-serif);

  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;

  color: var(--pj-ink-lt);

  cursor: pointer;
  user-select: none;
  list-style: none;

  transition:
    background .15s,
    color .15s;
}

/* Hide browser's default triangle */

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-sidebar-item
> summary::-webkit-details-marker {
  display: none;
}

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-sidebar-item
> summary::marker {
  content: "";
}

/* Hover */

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-sidebar-item > summary:hover {
  background: var(--pj-bg-lt);
  color: var(--pj-blue);
}

/* Journey chevron */

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-sidebar-item > summary::after {
  content: "▼";

  flex-shrink: 0;
  margin-left: 8px;

  font-size: 9px;
  line-height: 1;
  color: var(--pj-muted-lt);

  transition: transform .2s;
}

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-sidebar-item[open]
> summary::after {
  transform: rotate(180deg);
}

/* Current journey */

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-sidebar-item.is-current
> summary {
  font-weight: 600;
  color: var(--pj-ink-lt);
}

/* ==========================================
EXPANDED JOURNEY CONTENT
========================================== */

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-sidebar-body {
  margin: 2px 0 5px 12px;
  padding: 2px 0 4px 8px;

  border-left: 1px solid var(--pj-border);
}

/* ==========================================
CURRENT / LATEST PROJECT
========================================== */

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-current-project {
  margin: 1px 0 4px;
}

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-project-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;

  width: 100%;
  padding: 4px 8px 0;
}

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-project-heading {
  min-width: 0;

  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;

  color: var(--pj-ink);
}

/* Continue action */

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-continue {
  flex-shrink: 0;

  padding: 2px 0;

  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;

  color: var(--pj-blue);
  white-space: nowrap;

  transition: color .15s;
}

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-continue:hover {
  color: var(--pj-blue-dk);
}

/* Project name and description */

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-project-meta {
  padding: 2px 8px 5px;

  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;

  color: var(--pj-ink-lt);
}

/* ==========================================
START NEW PROJECT
========================================== */

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-start {
  display: block;
  width: 100%;

  margin: 3px 0 0;
  padding: 5px 8px;

  border-radius: var(--pj-radius);

  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;

  color: var(--pj-blue);

  transition:
    background .15s,
    color .15s;
}

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-start:hover {
  background: var(--pj-blue-lt);
  color: var(--pj-blue);
}

/* ==========================================
PAST PROJECTS
========================================== */

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-past-projects {
  display: block;

  width: 100%;
  margin: 1px 0 0;
  padding: 0;

  border: 0;
}

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-past-projects > summary {
  display: flex;
  align-items: center;

  width: 100%;
  margin: 0;
  padding: 5px 8px;

  border-radius: var(--pj-radius);

  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;

  color: var(--pj-ink-lt);

  cursor: pointer;
  user-select: none;
  list-style: none;

  transition:
    background .15s,
    color .15s;
}

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-past-projects
> summary::-webkit-details-marker {
  display: none;
}

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-past-projects
> summary::marker {
  content: "";
}

/* Past projects arrow */

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-past-projects
> summary::before {
  content: "▶";

  display: inline-block;
  flex-shrink: 0;

  width: 14px;
  margin-right: 2px;

  font-size: 8px;
  line-height: 1;

  color: var(--pj-muted-lt);

  transition: transform .15s;
}

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-past-projects[open]
> summary::before {
  transform: rotate(90deg);
}

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-past-projects > summary:hover {
  background: var(--pj-bg-lt);
  color: var(--pj-blue);
}

/* Past project list */

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-past-project-list {
  display: flex;
  flex-direction: column;

  width: 100%;
  padding: 1px 0 2px;
}

/* Individual past project */

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-past-project-link {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 6px;

  width: 100%;
  margin: 0;
  padding: 5px 8px;

  border-radius: var(--pj-radius);

  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;

  color: var(--pj-ink-lt);

  transition:
    background .15s,
    color .15s;
}

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-past-project-link
span:first-child {
  flex: 1;
  min-width: 0;
  overflow-wrap: break-word;
}

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-past-project-link
span:last-child {
  flex-shrink: 0;
}

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-past-project-link:hover {
  background: var(--pj-blue-lt);
  color: var(--pj-blue);
}

/* ==========================================
COMPLETED ARTIFACTS
========================================== */

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-artifact-heading {
  margin: 9px 0 3px 8px;

  font-family:
    var(--ast-heading-font-family,
    "IBM Plex Sans", sans-serif);

  font-size: 10px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 1.4px;
  text-transform: uppercase;

  color: var(--pj-muted-lt);
}

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-artifact-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;

  width: 100%;
  margin: 0;
  padding: 5px 8px;

  border-radius: var(--pj-radius);

  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;

  color: var(--pj-ink-lt);

  transition:
    background .15s,
    color .15s;
}

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-artifact-link:hover {
  background: var(--pj-blue-lt);
  color: var(--pj-blue);
}

.elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-artifact-link
span:last-child {
  flex-shrink: 0;
}

/* ==========================================
MOBILE
Retain original font sizes
========================================== */

@media (max-width: 767px) {

  .elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-sidebar-item > summary,
  .elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-start,
  .elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-artifact-link,
  .elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-past-project-link,
  .elementor-250123 .elementor-element.elementor-element-9714387 .tn-pj-project-meta {
    font-size: 14px;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a8173f4 *//* TECKNEXUS — UNIFIED LEFT SIDEBAR SPACING */

/* Remove Elementor gaps between widgets */
.elementor-250123 .elementor-element.elementor-element-a8173f4 {
    gap: 10px !important;
    row-gap: 10px !important;
}

.elementor-250123 .elementor-element.elementor-element-a8173f4 > .elementor-element {
    margin-bottom: 0 !important;
}

/* Compact section spacing inside the HTML widget */
.elementor-250123 .elementor-element.elementor-element-a8173f4 #tn-lsb .lsb-section {
    margin-bottom: 10px;
}

.elementor-250123 .elementor-element.elementor-element-a8173f4 #tn-lsb .lsb-label {
    margin-bottom: 5px;
}

/* Preserve expandable section alignment */
.elementor-250123 .elementor-element.elementor-element-a8173f4 #tn-lsb .lsb-toggle-header .lsb-label {
    margin-bottom: 0;
}

/* Compact Project Journey spacing */
.elementor-250123 .elementor-element.elementor-element-a8173f4 .tn-pj-sidebar {
    margin-bottom: 10px;
}/* End custom CSS */