/*
  EAST COAST CAPITAL / DESIGN PREVIEW ROUND 4
  Understated heritage details based on older ECC logo.
  All overrides are scoped to body content (.x-page), never the shared header/footer.
  Rule: no orange underlining, no bright blocks, no colored text; accents are hairlines.
  ECC navy, var(--ec-bright), and white retain visual priority.
*/
.x-page {
  --ecc-heritage-blue: rgba(125,209,251,.43);
  --ecc-heritage-green: rgba(125,209,251,.36);
  --ecc-heritage-orange: rgba(7,26,45,.33);
}

/* The highlighted words remain in the page's original blue treatment.
   Remove the prior orange headline underlining ENTIRELY. */
.x-page .ecc-heritage-highlight {
  text-decoration: none;
  text-decoration-line: none;
  text-decoration-color: transparent;
}

/* A very small 1px logo heritage line before the section label.
   The three colors are deliberately softened; nothing looks like a stripe. */
.x-page > section:first-child .x-eyebrow::before,
.x-page > section:first-child .oc-eyebrow::before {
  content:"";
  display:inline-block;
  width:22px;
  height:1px;
  flex:0 0 22px;
  vertical-align:middle;
  margin-right:8px;
  border-radius:0;
  background:linear-gradient(90deg,
    var(--ecc-heritage-blue) 0 56%,
    var(--ecc-heritage-green) 56% 79%,
    var(--ecc-heritage-orange) 79% 100%);
}

/* Links and call-to-action hover states stay in ECC blue. No orange text. */
.x-page .x-link-arrow:hover,
.x-page .lo-map:hover,
.x-page .oc-chapter:hover b {
  color:var(--ec-blue);
}

/* Our Company: just one hairline card edge and restrained timeline points. */
.x-our-company .oc-chapter:nth-child(1)::before,
.x-our-company .oc-chapter:nth-child(3)::before {
  content:"";
  position:absolute;
  top:20px;
  bottom:20px;
  left:0;
  width:1px;
  background:var(--ecc-heritage-green);
  border-radius:0;
}
.x-our-company .oc-chapter:nth-child(3)::before {background:var(--ecc-heritage-orange)}
.x-our-company .oc-story-rail>div:nth-child(2)::before {border-color:var(--ecc-heritage-green)}
.x-our-company .oc-story-rail>div:nth-child(3)::before {border-color:var(--ecc-heritage-orange)}
.x-our-company .oc-chapter:hover {border-color:var(--ecc-heritage-blue)}

/* About Us: selected one-pixel dividers and exceptionally soft milestone rings. */
.x-about-us .ab-timeline article:nth-child(2)::before {border-color:var(--ecc-heritage-green)}
.x-about-us .ab-timeline article:nth-child(3)::before {border-color:var(--ecc-heritage-orange)}
.x-about-us .ab-path-grid>a:nth-child(2) {border-top:1px solid var(--ecc-heritage-green)}
.x-about-us .ab-path-grid>a:nth-child(3) {border-top:1px solid var(--ecc-heritage-orange)}

/* Locations: one tiny active dot and discreet edge line on HQ panel. */
.x-locations .lo-filter.active::before {
  content:"";
  display:inline-block;
  width:4px;
  height:4px;
  margin-right:7px;
  background:rgba(125,209,251,.68);
  border-radius:50%;
  vertical-align:middle;
}
.x-locations .lo-search-field:focus-within {
  border-color:var(--ec-bright);
  box-shadow:0 0 0 2px rgba(125,209,251,.10);
}
.x-locations .lo-hq-panel {border-left:1px solid var(--ecc-heritage-green)}

/* Partner: clean blue ticks; only faint 1px rings on two process milestones. */
.x-partner-with-us .pt-steps article:nth-child(2)>span {border-color:var(--ecc-heritage-green)}
.x-partner-with-us .pt-steps article:nth-child(3)>span {border-color:var(--ecc-heritage-orange)}

/* Careers: a hairline below the image caption, 1px open-accordion cue. */
.x-careers .cr-photo-note {border-bottom:1px solid var(--ecc-heritage-green)}
.x-careers .cr-benefit[open] {border-left:1px solid var(--ecc-heritage-blue)}
.x-careers .cr-role-list article:first-child {border-top:1px solid var(--ecc-heritage-green)}
.x-careers .cr-role-list article:nth-child(2) {border-top:1px solid var(--ecc-heritage-orange)}