/* Article-scoped ownership tools; preserve the approved RouteSmart card. */
#ta-gap-routesmart-card {
  box-sizing: border-box;
  width: 100%;
  margin: 26px 0 0;
  padding: 18px;
  border: 1px solid #294652;
  border-top: 3px solid #34D3E6;
  border-radius: 14px;
  background: #0B171F !important;
  color: #F4F8FA !important;
  isolation: isolate;
}
#ta-gap-routesmart-card .ta-gap-rs-logo {
  display: block;
  width: 100% !important;
  max-width: 220px !important;
  height: auto !important;
  aspect-ratio: 3 / 1;
  object-fit: contain;
  margin: 0 0 16px !important;
  padding: 0 !important;
  mix-blend-mode: screen;
}
#ta-gap-routesmart-card .ta-gap-rs-logo-light { display: none; }
#ta-gap-routesmart-card p {
  font-family: inherit !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  letter-spacing: 0 !important;
  color: #F4F8FA !important;
  margin: 0 0 18px !important;
}
#ta-gap-routesmart-card strong { color: #F4F8FA !important; font-weight: 700; }
#ta-gap-routesmart-card .ta-gap-rs-cyan { color: #34D3E6 !important; }
#ta-gap-routesmart-card .ta-gap-rs-pink { color: #F92355 !important; }
#ta-gap-routesmart-card a.ta-gap-rs-cta[href] {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 46px;
  padding: 11px 14px !important;
  margin: 0 !important;
  border: 1px solid #34D3E6 !important;
  border-radius: 8px;
  background: #34D3E6 !important;
  color: #0B171F !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
}
#ta-gap-routesmart-card a.ta-gap-rs-cta[href] span { color: #0B171F !important; }
#ta-gap-routesmart-card a.ta-gap-rs-cta[href]:hover { background: #77E3EF !important; border-color: #77E3EF !important; }
#ta-gap-routesmart-card a.ta-gap-rs-cta[href]:focus-visible { outline: 3px solid #F4F8FA; outline-offset: 4px; }
@media (min-width: 901px) {
  body.postid-6921 .tar-guide-rail.ta-gap-rs-rail .tar-guide-sticky { position: static; }
  body.postid-6921 .tar-guide-rail > #ta-gap-owner-tools {
    position: sticky;
    top: min(104px, calc(100dvh - var(--ta-gap-tools-height, 740px) - 24px));
  }
}
@media (max-width: 900px) {
  #ta-gap-routesmart-card { max-width: 440px; margin: 28px 0 0; padding: 20px; }
}
@media (max-width: 650px) {
  #ta-gap-routesmart-card p { font-size: 15px !important; }
}

#ta-gap-owner-tools { width: 100%; margin: 26px 0 0; }
#ta-gap-owner-tools > #ta-gap-routesmart-card { margin: 0; }
#ta-gap-charge-card {
  box-sizing: border-box;
  width: 100%;
  margin: 18px 0 0;
  padding: 0;
  border: 1px solid #294652;
  border-top: 3px solid #F92355;
  border-radius: 14px;
  background: #0B171F !important;
  color: #F4F8FA !important;
}
#ta-gap-charge-card .ta-gap-charge-image {
  display: block;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 10px 10px 0 0;
}
#ta-gap-charge-card .ta-gap-charge-copy { padding: 18px; }
#ta-gap-charge-card h3 {
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  color: #F4F8FA !important;
  font-family: inherit !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
}
#ta-gap-charge-card p {
  margin: 0 0 18px !important;
  color: #F4F8FA !important;
  font-family: inherit !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  letter-spacing: 0 !important;
}
#ta-gap-charge-card a.ta-gap-charge-cta[href] {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 46px;
  margin: 0 !important;
  padding: 11px 14px !important;
  border: 1px solid #34D3E6 !important;
  border-radius: 8px;
  background: #34D3E6 !important;
  color: #0B171F !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
}
#ta-gap-charge-card a.ta-gap-charge-cta[href] span { color: #0B171F !important; }
#ta-gap-charge-card a.ta-gap-charge-cta[href]:hover { background: #77E3EF !important; border-color: #77E3EF !important; }
#ta-gap-charge-card a.ta-gap-charge-cta[href]:focus-visible { outline: 3px solid #F4F8FA; outline-offset: 4px; }
@media (max-width: 900px) {
  #ta-gap-owner-tools { max-width: 440px; margin: 28px 0 0; }
  #ta-gap-charge-card .ta-gap-charge-copy { padding: 20px; }
}
@media (max-width: 650px) {
  #ta-gap-charge-card p { font-size: 15px !important; }
}

/* Decorative collection image; keep all copy and the CTA as live text. */
#ta-gap-gear-card {
  box-sizing: border-box;
  width: 100%;
  margin: 18px 0 0;
  padding: 92px 18px 18px;
  border: 1px solid #294652;
  border-top: 3px solid #34D3E6;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(11,23,31,.12) 0%, rgba(11,23,31,.26) 23%, rgba(11,23,31,.83) 35%, rgba(11,23,31,.96) 67%, #0B171F 100%), url('gear-collection-underlay.webp') center 34% / cover no-repeat, #0B171F !important;
  color: #F4F8FA !important;
}
#ta-gap-gear-card h3 {
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  color: #F4F8FA !important;
  font-family: inherit !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
}
#ta-gap-gear-card p {
  margin: 0 0 18px !important;
  color: #F4F8FA !important;
  font-family: inherit !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  letter-spacing: 0 !important;
}
#ta-gap-gear-card a.ta-gap-gear-cta[href] {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 46px;
  margin: 0 !important;
  padding: 11px 14px !important;
  border: 1px solid #34D3E6 !important;
  border-radius: 8px;
  background: #34D3E6 !important;
  color: #0B171F !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
}
#ta-gap-gear-card a.ta-gap-gear-cta[href] span { color: #0B171F !important; }
#ta-gap-gear-card a.ta-gap-gear-cta[href]:hover { background: #77E3EF !important; border-color: #77E3EF !important; }
#ta-gap-gear-card a.ta-gap-gear-cta[href]:focus-visible { outline: 3px solid #F4F8FA; outline-offset: 4px; }
@media (max-width: 900px) {
  #ta-gap-gear-card { padding: 92px 20px 20px; }
}
@media (max-width: 650px) {
  #ta-gap-gear-card p { font-size: 15px !important; }
}

@media (min-width: 901px) {
  /* Let native keyboard focus scroll each link into view in a tall stack. */
  body.postid-6921 .tar-guide-rail > #ta-gap-owner-tools:has(a:focus-visible) { position: static; }
}

/* Follow the site's resolved appearance, including its System preference. */
html[data-ta-theme="light"] #ta-gap-routesmart-card,
html[data-ta-theme="light"] #ta-gap-charge-card,
html[data-ta-theme="light"] #ta-gap-gear-card {
  background: #FFFFFF !important;
  color: #203844 !important;
  border-right-color: #D5E2E8;
  border-bottom-color: #D5E2E8;
  border-left-color: #D5E2E8;
  box-shadow: 0 4px 16px rgba(23,49,63,.05);
}
html[data-ta-theme="light"] #ta-gap-routesmart-card p,
html[data-ta-theme="light"] #ta-gap-charge-card p,
html[data-ta-theme="light"] #ta-gap-gear-card p { color: #263E49 !important; }
html[data-ta-theme="light"] #ta-gap-routesmart-card strong,
html[data-ta-theme="light"] #ta-gap-charge-card h3,
html[data-ta-theme="light"] #ta-gap-gear-card h3 { color: #203844 !important; }
html[data-ta-theme="light"] #ta-gap-routesmart-card .ta-gap-rs-logo-dark { display: none; }
html[data-ta-theme="light"] #ta-gap-routesmart-card .ta-gap-rs-logo-light {
  display: block;
  mix-blend-mode: normal;
}
/* Keep the approved brand colours readable against the light panel. */
html[data-ta-theme="light"] #ta-gap-routesmart-card .ta-gap-rs-cyan,
html[data-ta-theme="light"] #ta-gap-routesmart-card .ta-gap-rs-pink {
  background: #0B171F;
  border-radius: 4px;
  padding: 1px 4px;
  white-space: nowrap;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
html[data-ta-theme="light"] #ta-gap-gear-card {
  background: linear-gradient(180deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,.3) 23%, rgba(255,255,255,.92) 35%, rgba(255,255,255,.98) 67%, #FFFFFF 100%), url('gear-collection-underlay.webp') center 34% / cover no-repeat, #FFFFFF !important;
}
html[data-ta-theme="light"] #ta-gap-owner-tools a[href]:focus-visible {
  outline: 3px solid #08788A !important;
  outline-offset: 4px;
}