/* Shared inner marketing pages — module rhythm aligned with homepage */

/* Breadcrumb — slightly larger on /Home/* inner pages */
body.rjx-marketing:not(.client-portal):not(.client-auth-page) .rjx-page-title__crumb-icon svg {
  width: 1rem;
  height: 1rem;
}

body.rjx-marketing:not(.client-portal):not(.client-auth-page) .rjx-page-title__crumbs {
  font-size: 0.875rem;
  line-height: 1.3;
  gap: 0.5rem;
}

body.rjx-marketing:not(.client-portal):not(.client-auth-page) .rjx-page-title__crumbs-row {
  gap: 0.55rem;
}

.rjx-footer {
  margin-top: var(--rjx-module-gap);
}

.rjx-main__surface > .rjx-page-title + .rjx-section:not(.rjx-section--alt):not(.rjx-section--tight) {
  background: var(--rjx-content-bg-alt);
}

.rjx-article__back {
  margin-top: var(--rjx-space-lg);
}

.rjx-tabs__label:focus-visible {
  outline: 2px solid var(--rjx-brand);
  outline-offset: 3px;
}

.rjx-card:focus-within {
  box-shadow:
    var(--rjx-shadow-card),
    0 0 0 2px rgba(var(--rjx-brand-rgb), 0.45);
}

.rjx-section[id] {
  scroll-margin-top: calc(var(--rjx-header-h) + var(--rjx-module-gap));
}

/* Inner pages — sticky footer fills viewport; content panels stay natural height */
body.rjx-marketing.about-us-page,
body.rjx-marketing.news-page,
body.rjx-marketing.blog-page,
body.rjx-marketing.article-detail-page {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}

body.rjx-marketing.about-us-page .rjx-main,
body.rjx-marketing.news-page .rjx-main,
body.rjx-marketing.blog-page .rjx-main,
body.rjx-marketing.article-detail-page .rjx-main {
  flex: 1 0 auto;
}

body.rjx-marketing.about-us-page .rjx-main__surface,
body.rjx-marketing.news-page .rjx-main__surface,
body.rjx-marketing.blog-page .rjx-main__surface,
body.rjx-marketing.article-detail-page .rjx-main__surface {
  min-height: auto;
}

body.rjx-marketing.about-us-page .rjx-home-about {
  align-items: start;
  gap: var(--rjx-space-xl);
}

body.rjx-marketing.about-us-page .rjx-section__intro {
  margin-bottom: var(--rjx-space-md);
}

body.rjx-marketing.about-us-page .rjx-leaders {
  max-width: 520px;
  margin-inline: auto;
}

/* About Us — partner logo marquee (single row, right-to-left) */
.rjx-partners-marquee {
  overflow: hidden;
  margin-top: var(--rjx-space-md);
  padding-block: 0.35rem;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
}

.rjx-partners-marquee__track {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: max-content;
  animation: rjx-partners-marquee 20s linear infinite;
}

@keyframes rjx-partners-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.rjx-partners-marquee__cell {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  --rjx-partners-cell-size: clamp(6rem, 11vw, 8rem);
  width: var(--rjx-partners-cell-size);
  height: var(--rjx-partners-cell-size);
  aspect-ratio: 1 / 1;
  padding: 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: var(--rjx-radius);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.04) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 6px 20px rgba(0, 0, 0, 0.28);
  transition:
    border-color var(--rjx-transition),
    background var(--rjx-transition),
    box-shadow var(--rjx-transition);
}

.rjx-partners-marquee__cell img {
  display: block;
  width: 50%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
}

@media (prefers-reduced-motion: reduce) {
  .rjx-partners-marquee {
    overflow-x: auto;
    -webkit-mask-image: none;
    mask-image: none;
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--rjx-brand-rgb), 0.45) transparent;
  }

  .rjx-partners-marquee__track {
    animation: none;
  }
}