/* Passenger Confessions conversion and UX cleanup — 2026-08-21 */

@keyframes pc-live-ticker-r23 {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(calc(-1 * var(--pc-ticker-distance, 0px)), 0, 0); }
}
.home-live-ticker.is-scrolling .home-live-ticker-track { animation-name: pc-live-ticker-r23; }

.story-reveal { position: relative; }
.story-reveal-body { margin-bottom: 0; transition: max-height 220ms ease; }
.story-reveal:not(.is-expanded):not(.is-complete) .story-reveal-body {
  max-height: 6.2em;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 52%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 52%, transparent 100%);
}
.story-reveal.is-expanded .story-reveal-body,
.story-reveal.is-complete .story-reveal-body {
  max-height: none;
  overflow: visible;
  -webkit-mask-image: none;
  mask-image: none;
}
.story-reveal-toggle {
  min-height: 42px;
  margin-top: 10px;
  padding: 8px 13px;
  border: 1px solid rgba(216, 137, 31, .48);
  border-radius: 6px;
  background: rgba(9, 9, 9, .88);
  color: var(--amber-soft, #f0a33a);
  font-weight: 900;
}
.story-reveal-toggle:hover,
.story-reveal-toggle:focus-visible {
  border-color: var(--amber-soft, #f0a33a);
  background: rgba(216, 137, 31, .09);
}

.next-story-cta-block {
  margin: 34px 0;
  padding: clamp(22px, 4vw, 34px);
  border: 1px solid rgba(216, 137, 31, .42);
  border-radius: var(--radius, 10px);
  background: linear-gradient(145deg, rgba(28, 24, 18, .94), rgba(9, 9, 9, .98));
}
.next-story-cta-block .eyebrow { margin-bottom: 8px; }
.next-story-cta-block h2,
.next-story-cta-block h3 { margin-bottom: 10px; }
.next-story-cta-block p { max-width: 720px; margin: 0; color: var(--muted, #c9bfaf); }
.next-story-cta-block .actions { margin-top: 18px; }
.next-story-cta-note { margin-top: 12px !important; color: var(--faint, #8f877c) !important; font-size: 13px; }

.archive-context {
  max-width: 900px;
  margin: 0 0 26px;
  padding: 16px 18px;
  border: 1px solid var(--border-soft);
  border-radius: 8px;
  background: rgba(255, 255, 255, .018);
  color: var(--muted);
  font-size: 14px;
}
.archive-context strong { color: var(--text); }
.site-publication-label { color: var(--faint); font-size: 12px; }

.pc-home-static-product {
  display: grid;
  grid-template-columns: minmax(180px, 300px) minmax(0, 1fr);
  gap: clamp(22px, 4vw, 42px);
  align-items: center;
  max-width: 880px;
  padding: 18px;
  border: 1px solid var(--border-soft);
  border-radius: var(--radius, 10px);
  background: rgba(7, 7, 7, .72);
}
.pc-home-static-product img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  background: #fff;
  border-radius: 6px;
}
.pc-home-static-product h3 { margin-bottom: 8px; }
.pc-home-static-product .product-price { margin: 12px 0 0; font-weight: 900; }
.pc-home-static-product .btn { margin-top: 16px; }

.weekly-feature-copy-column .next-story-cta-block { margin-bottom: 0; }

@media (max-width: 760px) {
  .story-reveal:not(.is-expanded):not(.is-complete) .story-reveal-body { max-height: 5.4em; }
  .story-reveal-toggle { width: 100%; }
  .next-story-cta-block { margin: 24px 0; padding: 21px 18px; }
  .next-story-cta-block .btn { width: 100%; }
  .pc-home-static-product { grid-template-columns: 1fr; }
  .pc-home-static-product img { max-width: 340px; margin-inline: auto; }

  /* Keep the larger Driver Kev launcher off phone-width conversion pages so it
     cannot cover primary actions. Road Bird has its own responsive mobile
     treatment and remains available for the requested 4–6 click tips. */
  .page-home .driver-kev,
  .page-confessions .driver-kev,
  .page-this-week .driver-kev,
  .page-share .driver-kev,
  .page-handbook .driver-kev,
  .page-shop .driver-kev,
  .page-article .driver-kev {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .story-reveal-body { transition: none; }
}