/* PartnerTap – about pages (generated from the prototype) */
.pt-about-our-mission__inner { padding-top: 24px; padding-bottom: 30px; display: flex; flex-direction: column; gap: 40px; }
.pt-about-our-mission__stack-2 { min-width: 0; align-self: start; margin-top: 70px; display: flex; flex-direction: column; gap: 20px; }
.pt-about-our-mission__card { background: linear-gradient(155deg, #10224a 0%, #1a2f63 100%); border-radius: 16px; padding: 32px 32px 34px; display: flex; flex-direction: column; gap: 14px; }
.pt-about-our-mission__lead-2 { margin: 0; font-size: 22px; line-height: 1.45; font-weight: 700; color: #ffffff; text-wrap: pretty; }
.pt-about-our-mission__card-2 { background: linear-gradient(155deg, #2a2a68 0%, #3a2a6b 100%); border-radius: 16px; padding: 32px 32px 34px; display: flex; flex-direction: column; gap: 14px; }
.pt-about-company-evolution__stack { position: relative; display: flex; flex-direction: column; }
.pt-about-company-evolution__overlay { position: absolute; left: 113px; top: 30px; bottom: 34px; width: 3px; border-radius: 2px; background: linear-gradient(180deg, #12a3b0 0%, #1c7fd6 34%, #7a4f9e 55%, #c2136f 80%, #e83a68 100%); }
.pt-about-company-evolution__grid { position: relative; z-index: 1; min-width: 0; display: grid; grid-template-columns: 92px 44px minmax(0, 1fr); gap: 0; align-items: start; padding: 20px 0; }
.pt-about-company-evolution__label { margin: 0; text-align: right; font-size: 26px; font-weight: 700; letter-spacing: -0.01em; color: var(--pt-teal-dark); }
.pt-about-company-evolution__row { display: flex; justify-content: center; padding-top: 8px; }
.pt-about-company-evolution__card { width: 16px; height: 16px; border-radius: 50%; background: #12a3b0; box-shadow: 0 0 0 5px #fdfbf7, 0 0 0 6px rgba(16,34,74,0.10); }
.pt-about-company-evolution__text { margin: 0; padding-top: 2px; font-size: 16px; line-height: 1.65; color: #46567d; text-wrap: pretty; }
.pt-about-company-evolution__label-2 { margin: 0; text-align: right; font-size: 26px; font-weight: 700; letter-spacing: -0.01em; color: var(--pt-blue); }
.pt-about-company-evolution__card-2 { width: 16px; height: 16px; border-radius: 50%; background: #1c7fd6; box-shadow: 0 0 0 5px #fdfbf7, 0 0 0 6px rgba(16,34,74,0.10); }
.pt-about-company-evolution__label-3 { margin: 0; text-align: right; font-size: 26px; font-weight: 700; letter-spacing: -0.01em; color: #7a4f9e; }
.pt-about-company-evolution__card-3 { width: 16px; height: 16px; border-radius: 50%; background: #7a4f9e; box-shadow: 0 0 0 5px #fdfbf7, 0 0 0 6px rgba(16,34,74,0.10); }
.pt-about-company-evolution__label-4 { margin: 0; text-align: right; font-size: 26px; font-weight: 700; letter-spacing: -0.01em; color: #c2136f; }
.pt-about-company-evolution__card-4 { width: 16px; height: 16px; border-radius: 50%; background: #c2136f; box-shadow: 0 0 0 5px #fdfbf7, 0 0 0 6px rgba(16,34,74,0.10); }
.pt-about-company-evolution__label-5 { margin: 0; text-align: right; font-size: 26px; font-weight: 700; letter-spacing: -0.01em; color: #cf1a72; }
.pt-about-company-evolution__card-5 { width: 16px; height: 16px; border-radius: 50%; background: #cf1a72; box-shadow: 0 0 0 5px #fdfbf7, 0 0 0 6px rgba(16,34,74,0.10); }
.pt-about-company-evolution__label-6 { margin: 0; text-align: right; font-size: 26px; font-weight: 700; letter-spacing: -0.01em; color: #dc2a6d; }
.pt-about-company-evolution__card-6 { width: 16px; height: 16px; border-radius: 50%; background: #dc2a6d; box-shadow: 0 0 0 5px #fdfbf7, 0 0 0 6px rgba(16,34,74,0.10); }
.pt-about-company-evolution__label-7 { margin: 0; text-align: right; font-size: 26px; font-weight: 700; letter-spacing: -0.01em; color: #e83a68; }
.pt-about-company-evolution__card-7 { width: 16px; height: 16px; border-radius: 50%; background: #e83a68; box-shadow: 0 0 0 5px #fdfbf7, 0 0 0 6px rgba(16,34,74,0.10); }
@media (max-width: 900px) {
  .pt-about-company-evolution__grid { grid-template-columns: minmax(0, 1fr); }
}

/* ---- Company evolution timeline: mobile (hand-written) ----
   The generated rule collapses the 3-column grid to one column, which stacks year/dot/text
   while the gradient line stays at its desktop offset. Keep a narrow dot rail on the left instead. */
@media (max-width: 900px) {
  .pt-about-company-evolution__overlay { left: 12px; }
  .pt-about-company-evolution__grid { grid-template-columns: 28px minmax(0, 1fr); column-gap: 14px; row-gap: 4px; padding: 16px 0; }
  .pt-about-company-evolution__grid > [class*="pt-about-company-evolution__label"] { grid-column: 2; grid-row: 1; text-align: left; font-size: 22px; line-height: 1.2; }
  .pt-about-company-evolution__grid > .pt-about-company-evolution__row { grid-column: 1; grid-row: 1 / span 2; padding-top: 6px; }
  .pt-about-company-evolution__grid > .pt-about-company-evolution__text { grid-column: 2; grid-row: 2; margin: 0; padding-top: 0; }
  /* Stop the line at the last dot (the last entry's text is taller here than on desktop) */
  .pt-about-company-evolution__grid:last-child::after { content: ""; position: absolute; left: 0; width: 28px; top: 40px; bottom: 0; background: var(--wp--preset--color--cream); }
}