/* By Design — timeline editorial feature introduction, Oct 2026.
   Intentionally SCOPED to the rendered timeline, not the site H2/H3 rules.
   Leaves the three green/teal numbered stages, their descriptions, dates,
   connected line, and accordion behavior unchanged. */
body:is(.post-template,.page-template) .gh-content .bd-timeline {
    margin-top: clamp(52px, 7vw, 84px) !important;
}
body:is(.post-template,.page-template) .gh-content .bd-timeline > .bd-timeline-intro {
    border-top: 4px solid #b23869 !important;
    padding: 27px 0 25px !important;
    margin: 0 0 7px !important;
}
body:is(.post-template,.page-template) .gh-content .bd-timeline .bd-timeline-label {
    color: #b23869 !important;
    font: 800 14px/1.35 var(--bd-sans,Arial,sans-serif) !important;
    letter-spacing: .15em !important;
    margin: 0 0 20px !important;
    text-transform: uppercase;
}
/* The horizontal feature rule does the separating; omit a duplicate accent
   underline that would give this feature two competing pink dividers. */
body:is(.post-template,.page-template) .gh-content .bd-timeline .bd-timeline-label::after {
    content: none !important;
}
body:is(.post-template,.page-template) .gh-content .bd-timeline .bd-timeline-intro-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 28px;
    row-gap: 9px;
    border-top: 1px solid #cbdbe3;
    padding: 15px 0 0;
    margin-top: 3px;
}
body:is(.post-template,.page-template) .gh-content .bd-timeline .bd-timeline-guidance {
    flex: 1 1 270px;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font: 500 13px/1.48 var(--bd-sans,Arial,sans-serif) !important;
    color: #5a6f7e !important;
}
body:is(.post-template,.page-template) .gh-content .bd-timeline .bd-timeline-share--intro {
    display:flex;
    gap: 13px;
    align-items:center;
    flex: 0 1 auto;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font: 650 13px/1.4 var(--bd-sans,Arial,sans-serif) !important;
}
body:is(.post-template,.page-template) .gh-content .bd-timeline .bd-timeline-share--intro .bd-timeline-share-copy {
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #246e73 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
    text-align: left;
    padding: 2px 0 !important;
    white-space: nowrap;
    font: 700 13px/1.4 var(--bd-sans,Arial,sans-serif) !important;
}
body:is(.post-template,.page-template) .gh-content .bd-timeline .bd-timeline-share--intro .bd-timeline-share-open {
    color: #246e73 !important;
    font: 700 13px/1.4 var(--bd-sans,Arial,sans-serif) !important;
    white-space: nowrap;
}
body:is(.post-template,.page-template) .gh-content .bd-timeline .bd-timeline-share--intro .bd-timeline-share-status {
    font: 500 12px/1.3 var(--bd-sans,Arial,sans-serif) !important;
}
body:is(.post-template,.page-template) .gh-content .bd-timeline :is(.bd-timeline-share-copy,.bd-timeline-share-open):focus-visible {
    outline: 2px solid #b23869 !important;
    outline-offset: 4px;
}
@media (max-width: 767px) {
  body:is(.post-template,.page-template) .gh-content .bd-timeline {
      margin-top: 50px !important;
  }
  body:is(.post-template,.page-template) .gh-content .bd-timeline > .bd-timeline-intro {
      padding: 22px 0 18px !important;
  }
  body:is(.post-template,.page-template) .gh-content .bd-timeline .bd-timeline-label {
      font-size: 13px !important;
      margin-bottom: 16px !important;
  }
  body:is(.post-template,.page-template) .gh-content .bd-timeline .bd-timeline-intro-footer {
      align-items: flex-start;
      flex-direction: column;
      row-gap: 11px;
  }
  body:is(.post-template,.page-template) .gh-content .bd-timeline .bd-timeline-guidance {
      flex: 0 1 auto;
  }
}