/* PartnerTap – help pages (generated from the prototype) */
.pt-help-hero__inner { padding-top: 44px; padding-bottom: 60px; display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 50px; align-items: start; }
.pt-help-hero__link { font-size: 14px; font-weight: 700; color: var(--pt-blue); }
.pt-help-hero__link:hover { color: #10224a; }
.pt-help-hero__stack-2 { display: flex; flex-direction: column; gap: 10px; }
.pt-help-hero__row { display: flex; align-items: center; gap: 12px; padding: 7px 0; }
.pt-help-hero__strong { flex: none; width: 26px; height: 26px; border-radius: 999px; background: var(--pt-teal-dark); color: #ffffff; font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.pt-help-hero__strong-2 { font-size: 14.5px; font-weight: 700; color: #10224a; }
.pt-help-hero__link-2 a { display: flex; align-items: center; gap: 12px; padding: 7px 0; }
.pt-help-hero__link-2 a:hover { color: #10224a; }
.pt-help-hero__stack-4 { min-width: 0; display: flex; flex-direction: column; gap: 26px; }
.pt-help-hero__title { margin: 0; font-size: clamp(24px, 4.2vw, 42px); line-height: 1.18; font-weight: 700; letter-spacing: -0.022em; color: #10224a; text-wrap: pretty; }
.pt-help-hero__text { margin: 0; font-size: 17px; line-height: 1.7; color: #46567d; text-wrap: pretty; }
.pt-help-hero__video-frame { width: 100%; border-radius: 14px; overflow: hidden; background: #10224a; box-shadow: 0 18px 40px -30px rgba(16,34,74,0.45); }
.pt-help-hero__heading { margin: 0; font-size: 26px; line-height: 1.25; font-weight: 700; letter-spacing: -0.016em; color: #10224a; }
.pt-help-hero__stack-6 { display: flex; flex-direction: column; gap: 8px; }
.pt-help-hero__subheading { margin: 0; font-size: 19px; line-height: 1.3; font-weight: 700; color: #10224a; }
.pt-help-hero__card { width: 100%; aspect-ratio: 16/10; border-radius: 14px; background: repeating-linear-gradient(135deg, rgba(16,34,74,0.05) 0px, rgba(16,34,74,0.05) 14px, rgba(16,34,74,0.02) 14px, rgba(16,34,74,0.02) 28px); border: 1px solid rgba(16,34,74,0.10); display: flex; align-items: center; justify-content: center; }
.pt-help-hero__small { margin: 0; font-family: 'Courier New', monospace; font-size: 13px; color: rgba(16,34,74,0.45); text-align: center; }
.pt-help-hero__row-2 { display: flex; justify-content: flex-end; padding-top: 12px; border-top: 1px solid rgba(16,34,74,0.12); }
.pt-help-hero__link-3 { margin-top: 22px; display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 700; color: #10224a; }
.pt-help-hero__link-3:hover { color: var(--pt-blue); }
.pt-help-hero__strong-3 { flex: none; width: 26px; height: 26px; border-radius: 999px; background: var(--pt-blue-dark); color: #ffffff; font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.pt-help-hero__list { margin: 0; font-size: 17px; line-height: 1.7; color: #46567d; text-wrap: pretty; padding-left: 1.2em; list-style: decimal outside; }
.pt-help-hero__row-3 { display: flex; justify-content: space-between; gap: 24px; padding-top: 12px; border-top: 1px solid rgba(16,34,74,0.12); }
.pt-help-hero__strong-4 { flex: none; width: 26px; height: 26px; border-radius: 999px; background: var(--pt-rose); color: #ffffff; font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.pt-help-hero__strong-5 { flex: none; width: 26px; height: 26px; border-radius: 999px; background: #46567d; color: #ffffff; font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.pt-help-hero__strong-6 { flex: none; width: 26px; height: 26px; border-radius: 999px; background: #7a4f9e; color: #ffffff; font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.pt-help-hero__strong-7 { flex: none; width: 26px; height: 26px; border-radius: 999px; background: var(--pt-amber-dark); color: #ffffff; font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.pt-help-hero__row-4 { display: flex; justify-content: flex-start; gap: 24px; padding-top: 12px; border-top: 1px solid rgba(16,34,74,0.12); }
@media (max-width: 900px) {
  .pt-help-hero__inner { grid-template-columns: minmax(0, 1fr); }
}

/* ---- Help article step nav (hand-written; a real <ol> replaces the prototype's numbered div rows) ----
   The list block's text colour fills the active step's circle. Item text is painted with
   -webkit-text-fill-color so it keeps its own colour while `color` (currentColor) stays the list colour. */
.pt-help-steps {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: pt-help-step;
}
.pt-help-steps:not(.has-text-color) {
  color: var(--pt-teal-dark);
}
.pt-help-steps > li {
  counter-increment: pt-help-step;
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 7px 0;
  font-size: 14.5px;
  font-weight: 700;
  -webkit-text-fill-color: #46567d;
}
.pt-help-steps > li + li {
  margin-top: 0;
}
.pt-help-steps > li::before {
  content: counter(pt-help-step);
  flex: none;
  box-sizing: content-box;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: #ffffff;
  border: 1.5px solid rgba(16,34,74,0.25);
  -webkit-text-fill-color: #46567d;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pt-help-steps > li a {
  color: #46567d;
  -webkit-text-fill-color: currentColor;
}
.pt-help-steps > li a:hover {
  color: #10224a;
}
/* Whole row (number included) is the link's hit area */
.pt-help-steps > li a::after {
  content: "";
  position: absolute;
  inset: 0;
}
/* Active step ("Active" list item style) */
.pt-help-steps > li.is-style-pt-active {
  -webkit-text-fill-color: #10224a;
}
.pt-help-steps > li.is-style-pt-active::before {
  border: 0;
  background: currentColor;
  -webkit-text-fill-color: #ffffff;
}