.pa-connect-hub {
    --connect-bg: #f6f7f9;
    --connect-surface: #ffffff;
    --connect-text: #151922;
    --connect-muted: #4f5561;
    --connect-accent: #1e66d6;
    --connect-border: #d7dbe4;
    --connect-accent-soft: #e9f1ff;
    --connect-ring: #1e66d6;
    color: var(--connect-text);
}

#connect-hub {
    container-type: inline-size;
}

#connect-hub > .pa-connect-decision-hero {
    /* The full-bleed image surrounds content aligned to the navigation rail. */
    --pa-public-content-inset: calc((100vw - 100cqw) / 2);
}

@media (min-width: 1100.01px) {
    #connect-hub > .pa-connect-decision-hero {
        min-height: 32rem !important;
    }

    #connect-hub .pa-connect-hub__hero-copy {
        max-width: min(52rem, calc(100cqw - 22rem - clamp(2rem, 4vw, 5rem))) !important;
    }
}

@media (max-width: 1100px) {
    #connect-hub .pa-connect-hub__hero-copy {
        padding-inline: clamp(1.5rem, 3vw, 2.5rem) !important;
    }
}

.pa-connect-hub {
    display: block;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: clamp(1rem, 2vw, 2rem);
    display: flex;
    flex-direction: column;
    gap: clamp(1.1rem, 2vw, 1.6rem);
}

.pa-connect-hub__hero,
.pa-connect-hub__section,
.pa-connect-hub__card,
.pa-connect-hub__path-link {
    background: var(--connect-surface);
}

.pa-connect-hub h1,
.pa-connect-hub h2,
.pa-connect-hub h3,
.pa-connect-hub p,
.pa-connect-hub li,
.pa-connect-hub span {
    color: var(--connect-text);
}

.pa-connect-hub__hero,
.pa-connect-hub__section {
    border: 1px solid var(--connect-border);
    border-radius: 8px;
    padding: clamp(1rem, 2vw, 1.6rem);
    box-shadow: 0 8px 28px rgba(21, 25, 34, 0.06);
}

.pa-connect-hub__hero {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1.25fr 1fr;
    align-items: start;
}

.pa-connect-hub__eyebrow {
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.78rem;
    color: var(--connect-muted);
}

.pa-connect-hub__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin: 1rem 0;
}

.pa-connect-hub__proof-note {
    color: var(--connect-muted);
    margin: 0;
    font-size: 0.95rem;
}

.pa-connect-hub__signal {
    background: var(--connect-accent-soft);
    border: 1px solid var(--connect-accent);
    border-radius: 8px;
    padding: 1rem;
}

.pa-connect-hub__signal-title {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-size: 1rem;
}

.pa-connect-hub__signal-list {
    margin: 0;
    padding-left: 1.1rem;
    display: grid;
    gap: 0.45rem;
}

.pa-connect-hub__section > header p {
    margin-top: 0.35rem;
    color: var(--connect-muted);
}

.pa-connect-hub__grid {
    margin-top: 0.8rem;
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pa-connect-hub__card,
.pa-connect-hub__path-link {
    border: 1px solid var(--connect-border);
    border-radius: 8px;
    padding: 1rem;
}

.pa-connect-hub__card h3,
.pa-connect-hub__path-link span {
    margin-top: 0;
    margin-bottom: 0.45rem;
}

.pa-connect-hub__card ul,
.pa-connect-hub__card li,
.pa-connect-hub__prep-list,
.pa-connect-hub__prep-list li,
.pa-connect-hub__path,
.pa-connect-hub__path-link p {
    margin: 0;
}

.pa-connect-hub__card ul {
    padding-left: 1.2rem;
}

.pa-connect-hub__card li,
.pa-connect-hub__prep-list li {
    margin-bottom: 0.45rem;
}

.pa-connect-hub__prep-list {
    display: grid;
    gap: 0.7rem;
    padding: 0;
    list-style: none;
    margin-top: 0.8rem;
}

.pa-connect-hub__prep-list li {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.75rem;
    align-items: start;
    background: #fbfcfe;
    border: 1px solid var(--connect-border);
    border-radius: 8px;
    padding: 0.85rem;
}

.pa-connect-hub__prep-list span {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 999px;
    border: 2px solid var(--connect-accent);
    color: var(--connect-accent);
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
}

.pa-connect-hub__path {
    display: grid;
    gap: 0.7rem;
    margin-top: 0.75rem;
}

.pa-connect-hub__path-link {
    text-decoration: none;
    display: block;
    border-left: 4px solid transparent;
    transition: border-color 0.2s ease, transform 0.2s ease;
}

.pa-connect-hub__path-link:hover,
.pa-connect-hub__path-link:focus-visible {
    border-left-color: var(--connect-accent);
    transform: translateY(-1px);
}

.pa-connect-hub__path-link:focus-visible {
    outline: 2px solid var(--connect-ring);
    outline-offset: 3px;
}

.pa-connect-hub__path-link p {
    color: var(--connect-muted);
    font-size: 0.95rem;
}

.pa-connect-hub__cta {
    text-align: center;
}

.pa-connect-hub .pa-btn {
    display: inline-block;
    text-decoration: none;
    border-radius: 8px;
    padding: 0.6rem 1rem;
    font-weight: 600;
}

.pa-connect-hub .pa-btn--primary {
    background: var(--connect-accent);
    color: #fff;
}

.pa-connect-hub .pa-btn--ghost {
    border: 1px solid var(--connect-border);
    color: var(--connect-text);
}

.pa-connect-hub .pa-btn--primary:hover {
    background: #1758bc;
}

.pa-connect-hub .pa-btn--ghost:hover {
    border-color: var(--connect-accent);
    color: var(--connect-accent);
}

@media (max-width: 960px) {
    .pa-connect-hub__hero,
    .pa-connect-hub__grid {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pa-connect-hub__path-link,
    .pa-connect-hub__path-link:hover {
        transition: none;
        transform: none;
    }
}

/* Route-specific coherence overrides. This sheet loads after the shared
   composition layer, so explicitly preserve the dark photographic hero while
   the routing workspace below remains paper and ice. */
.pa-connect-decision-page :is(
    .pa-connect-hub__section,
    .pa-connect-route-index,
    .pa-connect-route-card,
    .pa-connect-prep__ledger > li,
    .pa-connect-hub__card,
    .pa-connect-hub__path-link
) {
    border-radius: 8px;
}

.pa-connect-decision-page .pa-connect-decision-hero {
    min-height: clamp(32rem, 42vw, 40rem) !important;
    border-radius: 0 !important;
    background: #102a30 !important;
}

.pa-connect-decision-page .pa-connect-decision-hero :is(h1, h2, h3, h4, strong) {
    color: #ffffff !important;
}

.pa-connect-decision-page .pa-connect-decision-hero :is(
    .pa-connect-hub__lede,
    .pa-connect-hub__proof-note,
    .pa-connect-decision-hero__media figcaption
) {
    color: #d8e9e7 !important;
}

.pa-connect-decision-page .pa-connect-decision-hero :is(
    .pa-connect-hub__eyebrow,
    .pa-connect-route-ticket__label,
    .pa-connect-route-ticket__list span,
    .pa-connect-decision-hero__media figcaption span
) {
    color: #83e4dd !important;
}

.pa-connect-decision-page .pa-connect-decision-hero .pa-btn--ghost {
    border-color: rgba(255, 255, 255, 0.62);
    background: rgba(5, 26, 33, 0.46);
    color: #ffffff;
}

.pa-connect-decision-page .pa-connect-decision-hero__media figcaption {
    inset: clamp(1.5rem, 4vw, 3rem) var(--pa-public-content-inset) auto auto !important;
    width: min(22rem, 28vw);
    padding: 0.85rem 1rem;
    border-left: 3px solid #64dcd4;
    border-radius: 8px;
    background: rgba(5, 26, 33, 0.9);
}

.pa-connect-decision-page .pa-connect-route-ticket {
    right: var(--pa-public-content-inset);
    bottom: 0;
    width: min(21rem, calc(100% - (2 * var(--pa-public-content-inset))));
    border-color: rgba(131, 228, 221, 0.42);
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    background: rgba(7, 54, 59, 0.96);
    color: #ffffff !important;
    box-shadow: 0 -12px 30px rgba(3, 18, 23, 0.22);
}

.pa-connect-decision-page .pa-connect-route-ticket :is(strong, li) {
    color: #ffffff !important;
}

.pa-connect-decision-page :is(
    .pa-connect-router,
    .pa-connect-route-card,
    .pa-connect-prep,
    .pa-connect-community,
    .pa-connect-resolution,
    .pa-connect-prep__ledger > li
) :is(h2, h3, strong) {
    color: #122233;
}

.pa-connect-decision-page :is(
    .pa-connect-router,
    .pa-connect-route-card,
    .pa-connect-prep,
    .pa-connect-community,
    .pa-connect-resolution,
    .pa-connect-prep__ledger > li
) :is(p, li) {
    color: #263746;
}

@media (max-width: 767.98px) {
    .pa-connect-decision-page .pa-connect-decision-hero {
        min-height: 42rem !important;
    }

    .pa-connect-decision-page .pa-connect-decision-hero__media figcaption {
        display: none !important;
    }

    .pa-connect-decision-page .pa-connect-route-ticket {
        right: 0;
        width: 100%;
        max-width: none;
        border-right: 0;
        border-left: 0;
        border-radius: 0;
    }
}

/* Canonical Dark route closure. The hero photograph remains semantic content;
   its captions, routing ticket, and decision surfaces use flat host paint. */
html[data-pa-theme="dark"] body.pa-body.pa-body:not(.pa-protected-workspace)
  .pa-main.pa-main .pa-connect-decision-page.pa-connect-decision-page
  .pa-connect-decision-hero {
    border-color: #29434c !important;
    background-color: #0f1e27 !important;
    background-image: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    filter: none !important;
}

html[data-pa-theme="dark"] body.pa-body.pa-body:not(.pa-protected-workspace)
  .pa-main.pa-main .pa-connect-decision-page.pa-connect-decision-page
  :is(
    .pa-connect-hub__section,
    .pa-connect-route-index,
    .pa-connect-route-card,
    .pa-connect-prep__ledger > li,
    .pa-connect-hub__card,
    .pa-connect-hub__path-link
  ) {
    border-color: #29434c !important;
    background-color: #152935 !important;
    background-image: none !important;
    color: #c7d4d9 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    filter: none !important;
}

html[data-pa-theme="dark"] body.pa-body.pa-body:not(.pa-protected-workspace)
  .pa-main.pa-main .pa-connect-decision-page.pa-connect-decision-page
  .pa-connect-decision-hero__media figcaption {
    border-color: #29434c !important;
    border-left-color: #3fd0d5 !important;
    background: #0f1e27 !important;
    background-image: none !important;
    color: #c7d4d9 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    filter: none !important;
}

html[data-pa-theme="dark"] body.pa-body.pa-body:not(.pa-protected-workspace)
  .pa-main.pa-main .pa-connect-decision-page.pa-connect-decision-page
  .pa-connect-route-ticket {
    border-color: #29434c !important;
    background: #183240 !important;
    background-image: none !important;
    color: #f1f8f9 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    filter: none !important;
}

html[data-pa-theme="dark"] body.pa-body.pa-body:not(.pa-protected-workspace)
  .pa-main.pa-main .pa-connect-decision-page.pa-connect-decision-page
  .pa-connect-decision-hero .pa-btn--ghost {
    border-color: #29434c !important;
    background: #152935 !important;
    background-image: none !important;
    color: #f1f8f9 !important;
    box-shadow: none !important;
    filter: none !important;
}

/* Connect retains its full-field desktop scrim and transparent copy. The
   existing tablet/mobile flow and separate action surfaces remain intact. */
html[data-pa-theme="light"] body.pa-body:not(.pa-protected-workspace)
  .pa-main .pa-connect-decision-page .pa-connect-decision-hero__visual::after {
    content: "" !important;
    display: block !important;
}

html[data-pa-theme="light"] body.pa-body:not(.pa-protected-workspace)
  .pa-main .pa-connect-decision-page .pa-connect-hub__hero-copy {
    box-sizing: border-box;
    padding-block: clamp(1.5rem, 3vw, 2.5rem) !important;
    padding-inline: 0 !important;
    border: 0 !important;
    background-color: transparent !important;
    background-image: none !important;
    isolation: isolate;
}

html[data-pa-theme="light"] body.pa-body:not(.pa-protected-workspace)
  .pa-main .pa-connect-decision-page .pa-connect-hub__hero-copy :is(
    .pa-connect-hub__eyebrow,
    #connect-heading,
    .pa-connect-hub__lede,
    .pa-connect-hub__proof-note
  ) {
    background-color: transparent !important;
    background-image: none !important;
}

html[data-pa-theme="light"] body.pa-body:not(.pa-protected-workspace)
  .pa-main .pa-connect-decision-page #connect-heading {
    display: block !important;
    padding-block: 0.2em !important;
    line-height: 1.05 !important;
}

html[data-pa-theme="light"] body.pa-body:not(.pa-protected-workspace)
  .pa-main .pa-connect-decision-page .pa-connect-decision-hero .pa-btn--ghost {
    border-color: #64dcd4 !important;
    background-color: #102a30 !important;
    background-image: none !important;
    color: #ffffff !important;
}

html[data-pa-theme="light"] body.pa-body:not(.pa-protected-workspace)
  .pa-main .pa-connect-decision-page :is(
    .pa-connect-decision-hero__media figcaption,
    .pa-connect-decision-hero__media figcaption > span,
    .pa-connect-decision-hero__media figcaption > strong,
    .pa-connect-route-ticket,
    .pa-connect-route-ticket__label,
    .pa-connect-route-ticket__list,
    .pa-connect-route-ticket__list > li,
    .pa-connect-route-ticket__list > li > span,
    .pa-connect-route-ticket__list > li > strong
  ) {
    background-color: #102a30 !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html[data-pa-theme="light"] body.pa-body:not(.pa-protected-workspace)
  .pa-main .pa-connect-decision-page .pa-connect-route-card__number {
    color: #52697a !important;
}

@media (max-width: 1100px) {
  html[data-pa-theme="light"] body.pa-body:not(.pa-protected-workspace)
    .pa-main .pa-connect-decision-page .pa-connect-decision-hero__visual::after {
      display: none !important;
  }

  html[data-pa-theme="light"] body.pa-body:not(.pa-protected-workspace)
    .pa-main .pa-connect-decision-page .pa-connect-decision-hero {
      display: flex !important;
      flex-direction: column !important;
      width: 100% !important;
      min-height: 0 !important;
      padding: 0 !important;
      overflow: visible !important;
      background-color: #102a30 !important;
  }

  html[data-pa-theme="light"] body.pa-body:not(.pa-protected-workspace)
    .pa-main .pa-connect-decision-page .pa-connect-hub__hero-copy {
      position: relative !important;
      inset: auto !important;
      order: 1 !important;
      width: 100% !important;
      max-width: none !important;
      margin: 0 !important;
  }

  html[data-pa-theme="light"] body.pa-body:not(.pa-protected-workspace)
    .pa-main .pa-connect-decision-page .pa-connect-decision-hero__visual {
      position: relative !important;
      inset: auto !important;
      order: 2 !important;
      display: grid !important;
      width: 100% !important;
      height: auto !important;
      margin: 0 !important;
  }

  html[data-pa-theme="light"] body.pa-body:not(.pa-protected-workspace)
    .pa-main .pa-connect-decision-page .pa-connect-decision-hero__media {
      position: relative !important;
      inset: auto !important;
      display: grid !important;
      grid-template-rows: auto auto !important;
      width: 100% !important;
      height: auto !important;
      margin: 0 !important;
  }

  html[data-pa-theme="light"] body.pa-body:not(.pa-protected-workspace)
    .pa-main .pa-connect-decision-page .pa-connect-decision-hero__media > img {
      position: relative !important;
      inset: auto !important;
      display: block !important;
      width: 100% !important;
      max-width: none !important;
      height: clamp(14rem, 42vw, 26rem) !important;
      max-height: none !important;
      min-height: 0 !important;
      margin: 0 !important;
  }

  html[data-pa-theme="light"] body.pa-body:not(.pa-protected-workspace)
    .pa-main .pa-connect-decision-page .pa-connect-decision-hero__media figcaption {
      position: static !important;
      inset: auto !important;
      display: grid !important;
      box-sizing: border-box;
      width: 100% !important;
      padding: 1rem !important;
      border: 0 !important;
      border-top: 1px solid #29434c !important;
      border-radius: 0 !important;
  }

  html[data-pa-theme="light"] body.pa-body:not(.pa-protected-workspace)
    .pa-main .pa-connect-decision-page .pa-connect-route-ticket {
      position: static !important;
      inset: auto !important;
      box-sizing: border-box;
      width: 100% !important;
      max-width: none !important;
      border-radius: 0 !important;
  }
}

/* Dark shares the approved image-led composition. One continuous navy scrim
   provides contrast; copy and its text never create separate opaque plates. */
html[data-pa-theme="dark"] body.pa-body.pa-body:not(.pa-protected-workspace)
  .pa-main.pa-main .pa-connect-decision-page.pa-connect-decision-page
  .pa-connect-decision-hero {
    position: relative !important;
    isolation: isolate;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 0 !important;
    min-height: clamp(32rem, 42vw, 40rem) !important;
    padding: 0 !important;
    overflow: hidden !important;
    background-color: #0f1e27 !important;
    background-image: none !important;
}

html[data-pa-theme="dark"] body.pa-body.pa-body:not(.pa-protected-workspace)
  .pa-main.pa-main .pa-connect-decision-page.pa-connect-decision-page
  .pa-connect-hub__hero-copy {
    position: relative !important;
    z-index: 2 !important;
    inset: auto !important;
    box-sizing: border-box;
    width: min(52rem, calc(100vw - 3rem)) !important;
    max-width: min(52rem, 58vw) !important;
    margin: 0 0 0 var(--pa-public-content-inset) !important;
    padding-block: clamp(1.5rem, 3vw, 2.5rem) !important;
    padding-inline: 0 !important;
    border: 0 !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

html[data-pa-theme="dark"] body.pa-body.pa-body:not(.pa-protected-workspace)
  .pa-main.pa-main .pa-connect-decision-page.pa-connect-decision-page
  .pa-connect-hub__hero-copy :is(
    .pa-connect-hub__eyebrow,
    #connect-heading,
    .pa-connect-hub__lede,
    .pa-connect-hub__proof-note
  ) {
    background-color: transparent !important;
    background-image: none !important;
}

html[data-pa-theme="dark"] body.pa-body.pa-body:not(.pa-protected-workspace)
  .pa-main.pa-main .pa-connect-decision-page.pa-connect-decision-page
  #connect-heading {
    display: block !important;
    padding-block: 0.2em !important;
    line-height: 1.05 !important;
}

html[data-pa-theme="dark"] body.pa-body.pa-body:not(.pa-protected-workspace)
  .pa-main.pa-main .pa-connect-decision-page.pa-connect-decision-page
  .pa-connect-decision-hero__visual {
    position: absolute !important;
    z-index: 0;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}

html[data-pa-theme="dark"] body.pa-body.pa-body:not(.pa-protected-workspace)
  .pa-main.pa-main .pa-connect-decision-page.pa-connect-decision-page
  .pa-connect-decision-hero__visual::after {
    content: "" !important;
    display: block !important;
    position: absolute;
    z-index: 1;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(8, 22, 32, 0.96), rgba(8, 22, 32, 0.84) 38%, rgba(8, 22, 32, 0.38) 67%, rgba(8, 22, 32, 0.1)) !important;
}

html[data-pa-theme="dark"] body.pa-body.pa-body:not(.pa-protected-workspace)
  .pa-main.pa-main .pa-connect-decision-page.pa-connect-decision-page
  .pa-connect-decision-hero__media {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background-color: transparent !important;
    background-image: none !important;
}

html[data-pa-theme="dark"] body.pa-body.pa-body:not(.pa-protected-workspace)
  .pa-main.pa-main .pa-connect-decision-page.pa-connect-decision-page
  .pa-connect-decision-hero__media > img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    max-height: none !important;
    min-height: 0 !important;
    object-fit: cover !important;
    filter: none !important;
}

html[data-pa-theme="dark"] body.pa-body.pa-body:not(.pa-protected-workspace)
  .pa-main.pa-main .pa-connect-decision-page.pa-connect-decision-page
  .pa-connect-decision-hero__media figcaption {
    position: absolute !important;
    inset: clamp(1.5rem, 4vw, 3rem) var(--pa-public-content-inset) auto auto !important;
    box-sizing: border-box;
    width: min(22rem, 28vw) !important;
    padding: 1rem !important;
    border: 0 !important;
    border-left: 3px solid #3fd0d5 !important;
    border-radius: 8px !important;
    background-color: #0f1e27 !important;
    background-image: none !important;
}

html[data-pa-theme="dark"] body.pa-body.pa-body:not(.pa-protected-workspace)
  .pa-main.pa-main .pa-connect-decision-page.pa-connect-decision-page
  .pa-connect-decision-hero__media figcaption > * {
    background-color: #0f1e27 !important;
    background-image: none !important;
}

html[data-pa-theme="dark"] body.pa-body.pa-body:not(.pa-protected-workspace)
  .pa-main.pa-main .pa-connect-decision-page.pa-connect-decision-page
  .pa-connect-route-ticket {
    position: absolute !important;
    inset: auto var(--pa-public-content-inset) 0 auto !important;
    box-sizing: border-box;
    width: min(21rem, 28vw) !important;
    max-width: none !important;
    padding: 1rem !important;
    border: 1px solid #29434c !important;
    border-radius: 8px 8px 0 0 !important;
    background-color: #183240 !important;
    background-image: none !important;
}

html[data-pa-theme="dark"] body.pa-body.pa-body:not(.pa-protected-workspace)
  .pa-main.pa-main .pa-connect-decision-page.pa-connect-decision-page
  .pa-connect-route-ticket :is(
    .pa-connect-route-ticket__label,
    .pa-connect-route-ticket__list,
    .pa-connect-route-ticket__list > li,
    .pa-connect-route-ticket__list > li > span,
    .pa-connect-route-ticket__list > li > strong
  ) {
    background-color: #183240 !important;
    background-image: none !important;
}

html[data-pa-theme="dark"] body.pa-body.pa-body:not(.pa-protected-workspace)
  .pa-main.pa-main .pa-connect-decision-page.pa-connect-decision-page
  .pa-connect-router {
    background-color: #152935 !important;
}

html[data-pa-theme="dark"] body.pa-body.pa-body:not(.pa-protected-workspace)
  .pa-main.pa-main .pa-connect-decision-page.pa-connect-decision-page
  .pa-connect-route-card,
html[data-pa-theme="dark"] body.pa-body.pa-body:not(.pa-protected-workspace)
  .pa-main.pa-main .pa-connect-decision-page.pa-connect-decision-page
  .pa-connect-prep__ledger > li {
    background-color: #183240 !important;
}

@media (max-width: 1100px) {
  html[data-pa-theme="dark"] body.pa-body.pa-body:not(.pa-protected-workspace)
    .pa-main.pa-main .pa-connect-decision-page.pa-connect-decision-page
    .pa-connect-decision-hero {
      display: flex !important;
      flex-direction: column !important;
      grid-template-columns: minmax(0, 1fr) !important;
      min-height: 0 !important;
      padding: 0 !important;
      overflow: visible !important;
  }

  html[data-pa-theme="dark"] body.pa-body.pa-body:not(.pa-protected-workspace)
    .pa-main.pa-main .pa-connect-decision-page.pa-connect-decision-page
    .pa-connect-hub__hero-copy {
      order: 1 !important;
      width: 100% !important;
      max-width: none !important;
      margin: 0 !important;
  }

  html[data-pa-theme="dark"] body.pa-body.pa-body:not(.pa-protected-workspace)
    .pa-main.pa-main .pa-connect-decision-page.pa-connect-decision-page
    .pa-connect-decision-hero__visual {
      position: relative !important;
      inset: auto !important;
      order: 2 !important;
      display: grid !important;
      height: auto !important;
  }

  html[data-pa-theme="dark"] body.pa-body.pa-body:not(.pa-protected-workspace)
    .pa-main.pa-main .pa-connect-decision-page.pa-connect-decision-page
    .pa-connect-decision-hero__visual::after {
      display: none !important;
  }

  html[data-pa-theme="dark"] body.pa-body.pa-body:not(.pa-protected-workspace)
    .pa-main.pa-main .pa-connect-decision-page.pa-connect-decision-page
    .pa-connect-decision-hero__media {
      position: relative !important;
      inset: auto !important;
      display: grid !important;
      grid-template-rows: auto auto !important;
      height: auto !important;
  }

  html[data-pa-theme="dark"] body.pa-body.pa-body:not(.pa-protected-workspace)
    .pa-main.pa-main .pa-connect-decision-page.pa-connect-decision-page
    .pa-connect-decision-hero__media > img {
      position: relative !important;
      inset: auto !important;
      display: block !important;
      height: clamp(14rem, 42vw, 26rem) !important;
      margin: 0 !important;
  }

  html[data-pa-theme="dark"] body.pa-body.pa-body:not(.pa-protected-workspace)
    .pa-main.pa-main .pa-connect-decision-page.pa-connect-decision-page
    .pa-connect-decision-hero__media figcaption,
  html[data-pa-theme="dark"] body.pa-body.pa-body:not(.pa-protected-workspace)
    .pa-main.pa-main .pa-connect-decision-page.pa-connect-decision-page
    .pa-connect-route-ticket {
      position: static !important;
      inset: auto !important;
      display: grid !important;
      width: 100% !important;
      border: 0 !important;
      border-top: 1px solid #29434c !important;
      border-radius: 0 !important;
  }
}
/* The four existing paths are the first actionable index. */
.pa-connect-decision-page .pa-connect-route-ticket__list a {
  display: flex;
  align-items: center;
  min-height: 44px;
  color: inherit;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.pa-connect-decision-page .pa-connect-route-ticket__list a:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}

/* The hero stays dark in both themes; its secondary action owns that pair. */
html[data-pa-theme] #main-content#main-content#main-content .pa-connect-decision-page .pa-connect-decision-hero .pa-btn--ghost {
  color: #ffffff !important;
  background: #102a30 !important;
  border-color: #83d8d5 !important;
}

html[data-pa-theme] #main-content#main-content#main-content .pa-connect-decision-page .pa-connect-decision-hero .pa-btn--ghost:is(:hover, :focus-visible) {
  color: #ffffff !important;
  background: #17444c !important;
}

/* The reading column shares the curated palette, not the legacy blue grid
   backing. Keep this composition together so its surfaces cannot split apart. */
@layer printpass-curated-sections {
  .pa-curated-connect .pa-connect-router {
    display: grid !important;
    grid-template-columns: minmax(12rem, .65fr) minmax(0, 1.5fr) !important;
    gap: clamp(2rem, 5vw, 5rem) !important;
    align-items: start;
    padding-block: var(--cur-space) !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .pa-curated-connect .pa-connect-router__intro {
    display: block !important;
    position: sticky;
    top: 8rem;
  }

  .pa-curated-connect .pa-connect-router__intro h2 {
    font-size: clamp(2rem, 3.2vw, 3.3rem) !important;
    line-height: 1.13 !important;
    color: var(--cur-ink) !important;
  }

  .pa-curated-connect .pa-connect-router__intro > p {
    color: var(--cur-copy) !important;
  }

  .pa-curated-connect .pa-connect-router__grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 1.5rem !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  .pa-curated-connect .pa-connect-route-card {
    display: grid !important;
    grid-template-columns: 3.75rem minmax(0, 1fr) !important;
    gap: clamp(1rem, 2vw, 1.75rem) !important;
    align-items: start;
    padding: clamp(1.5rem, 2.5vw, 2.5rem) !important;
    border: 1px solid var(--cur-line) !important;
    border-radius: 8px !important;
    background: var(--cur-paper) !important;
    box-shadow: none !important;
    scroll-margin-top: 9rem;
  }

  .pa-curated-connect .pa-connect-route-card:nth-child(even) {
    border-radius: 8px !important;
  }

  .pa-curated-connect .pa-connect-route-card::before,
  .pa-curated-connect .pa-connect-route-card::after { content: none !important; }

  .pa-curated-connect .pa-connect-route-card__number {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    width: 3.75rem !important;
    height: 5.5rem !important;
    margin: 0 !important;
    border: 1px solid var(--cur-line) !important;
    border-radius: 8px !important;
    background: var(--cur-soft) !important;
    color: var(--cur-accent) !important;
  }

  .pa-curated-connect .pa-connect-route-card__number span {
    color: inherit !important;
    font-size: .72rem !important;
    font-weight: 650;
    letter-spacing: .08em;
  }

  .pa-curated-connect .pa-connect-route-card__number i {
    color: inherit !important;
    font-size: 1.5rem;
    line-height: 1;
  }

  .pa-curated-connect .pa-connect-route-card__body {
    padding: 0 !important;
    background: transparent !important;
  }

  .pa-curated-connect .pa-connect-route-card__kicker {
    margin: .2rem 0 .65rem !important;
    color: var(--cur-accent) !important;
    font-size: .7rem !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    line-height: 1.6 !important;
  }

  .pa-curated-connect .pa-connect-route-card h3 {
    max-width: 26ch;
    margin: 0 0 .85rem !important;
    color: var(--cur-ink) !important;
    font-size: clamp(1.4rem, 1.8vw, 1.8rem) !important;
    line-height: 1.2 !important;
  }

  .pa-curated-connect .pa-connect-route-card__body > p:not(.pa-connect-route-card__kicker) {
    max-width: 62ch;
    margin: 0 !important;
    color: var(--cur-copy) !important;
    font-size: 1rem !important;
    line-height: 1.75 !important;
  }

  .pa-curated-connect .pa-connect-route-card__actions {
    display: flex !important;
    flex-wrap: wrap;
    align-items: stretch;
    gap: .75rem !important;
    margin: 1.4rem 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  .pa-curated-connect .pa-connect-action {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    min-height: 48px;
    max-width: 100%;
    padding: .75rem 1rem !important;
    border: 1px solid var(--cur-accent) !important;
    border-radius: 8px !important;
    background: var(--cur-paper) !important;
    color: var(--cur-accent) !important;
    font-size: .87rem !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    text-align: center;
    text-decoration: none !important;
    transition: background-color .18s ease, transform .18s ease;
  }

  .pa-curated-connect .pa-connect-action--primary {
    background: var(--cur-accent) !important;
    color: var(--cur-on-accent) !important;
  }

  .pa-curated-connect .pa-connect-action i { color: inherit !important; }

  .pa-curated-connect .pa-connect-action:not(.pa-connect-action--primary):hover {
    background: var(--cur-soft) !important;
  }

  .pa-curated-connect .pa-curated-details {
    margin: 1.5rem 0 0 !important;
    padding: 0 !important;
    border: 1px solid var(--cur-line) !important;
    border-radius: 8px !important;
    background: var(--cur-soft) !important;
  }

  .pa-curated-connect .pa-curated-details summary {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 48px;
    padding: .85rem 1rem !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: var(--cur-soft) !important;
    color: var(--cur-ink) !important;
    font-size: .83rem !important;
    font-weight: 650 !important;
    line-height: 1.5 !important;
    list-style: none;
  }

  .pa-curated-connect .pa-curated-details summary::-webkit-details-marker { display: none; }
  .pa-curated-connect .pa-curated-details summary :is(span, i) { color: inherit !important; }
  .pa-curated-connect .pa-curated-details summary i { flex: 0 0 auto; transition: transform .18s ease; }
  .pa-curated-connect .pa-curated-details[open] summary i { transform: rotate(180deg); }
  .pa-curated-connect .pa-curated-details[open] summary { border-bottom: 1px solid var(--cur-line) !important; }

  .pa-curated-connect .pa-curated-details ul {
    display: grid;
    gap: .65rem;
    margin: 0 !important;
    padding: 1rem 1.25rem 1.25rem 2.1rem !important;
  }

  .pa-curated-connect .pa-curated-details li {
    margin: 0 !important;
    color: var(--cur-copy) !important;
    font-size: .9rem !important;
    line-height: 1.65 !important;
    background: transparent !important;
  }

  .pa-curated-connect .pa-curated-details li::marker { color: var(--cur-accent); }

  @media (hover: hover) and (prefers-reduced-motion: no-preference) {
    .pa-curated-connect .pa-connect-action:hover { transform: translateY(-2px); }
    .pa-curated-connect .pa-connect-route-card__number i { transition: transform .2s ease; }
    .pa-curated-connect .pa-connect-route-card:hover .pa-connect-route-card__number i { transform: translateY(-2px); }
  }

  @media (max-width: 960px) {
    .pa-curated-connect .pa-connect-router { grid-template-columns: minmax(0, 1fr) !important; gap: 2rem !important; }
    .pa-curated-connect .pa-connect-router__intro { position: static; }
    .pa-curated-connect .pa-connect-router__intro > p { max-width: 55ch; }
  }

  @media (max-width: 620px) {
    .pa-curated-connect .pa-connect-router { padding-inline: 1rem !important; }
    .pa-curated-connect .pa-connect-route-card {
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 1rem !important;
      padding: 1.35rem !important;
      border-radius: 8px !important;
    }
    .pa-curated-connect .pa-connect-route-card:nth-child(even) { border-radius: 8px !important; }
    .pa-curated-connect .pa-connect-route-card__number {
      flex-direction: row;
      gap: .65rem;
      width: 5rem !important;
      height: 2.6rem !important;
      border-radius: 8px !important;
    }
    .pa-curated-connect .pa-connect-route-card__number i { font-size: 1.2rem; }
    .pa-curated-connect .pa-connect-route-card__actions { flex-direction: column; }
    .pa-curated-connect .pa-connect-action { width: 100%; }
  }

  @media (prefers-reduced-motion: reduce) {
    .pa-curated-connect :is(.pa-connect-action, .pa-connect-route-card__number i, .pa-curated-details summary i) { transition: none !important; }
  }
}