/* BuildVision production benchmark — layout aligned with research / blog */

:root {
  --benchmark-gap-xl: 48px;
  --benchmark-gap-lg: 32px;
  --benchmark-gap-md: 20px;
  --benchmark-gap-sm: 12px;
  --benchmark-gap-xs: 8px;
  --benchmark-page-max: 960px;
  --benchmark-measure: 760px;
  --benchmark-nav-height: 64px;
  --benchmark-sticky-stack-height: 48px;
  --text-tertiary: var(--neutral-400);
  --border: var(--neutral-200);
  --border-light: var(--neutral-100);
  --surface: #fff;
}

html {
  scroll-padding-top: calc(var(--benchmark-nav-height) + var(--benchmark-sticky-stack-height));
}

body {
  background: var(--paper, var(--neutral-50));
  overflow-x: hidden;
}

main.benchmark-main {
  max-width: var(--benchmark-page-max);
  margin: 0 auto;
  padding: calc(var(--benchmark-nav-height) + 12px) var(--space-page-gutter) var(--main-padding-bottom);
  display: flex;
  flex-direction: column;
  gap: 0;
}

.benchmark-section {
  max-width: var(--benchmark-measure);
  width: 100%;
  margin-left: 0;
  margin-right: auto;
  scroll-margin-top: calc(var(--benchmark-nav-height) + var(--benchmark-sticky-stack-height) + 20px);
}

.benchmark-section--hero {
  max-width: var(--benchmark-page-max);
}

.benchmark-section--hero .panel-row--hero {
  justify-items: start;
}

.benchmark-section--cta {
  max-width: var(--benchmark-measure);
  margin-bottom: var(--benchmark-gap-md);
}

.benchmark-section--cta .bottom-cta-panel {
  width: 100%;
}

.benchmark-section--hero + .benchmark-section {
  margin-top: var(--benchmark-gap-md);
}

main.benchmark-main .panel-text,
main.benchmark-main .panel-caption,
main.benchmark-main .benchmark-field-note,
main.benchmark-main .benchmark-context-card p,
main.benchmark-main .prompt-list li {
  max-width: none;
}

main.benchmark-main .card-border {
  border: none;
  box-shadow: var(--shadow-card);
}

    /* Panel base — matches homepage editorial cards */
.panel {
  background: #fff;
  border: none;
  border-radius: var(--radius-card);
  position: relative;
  overflow: hidden;
  min-height: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: var(--space-card-padding-sm, 24px) 28px 32px;
  text-align: center;
  opacity: 0;
  transform: translateY(24px);
  box-shadow: none;
  transition:
    opacity 0.6s var(--ease-spring),
    transform 0.6s var(--ease-spring),
    box-shadow 0.6s var(--ease-spring);
}

.panel.visible {
  opacity: 1;
  transform: translateY(0);
  box-shadow: var(--shadow-card);
}

.panel:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-card-hover);
  transition: transform 200ms var(--ease-spring), box-shadow 200ms var(--ease-spring);
}

.panel--hero,
.panel--hero.visible,
.panel--hero:hover,
.panel--stat,
.panel--stat.visible,
.panel--stat:hover {
  transform: none;
}

    .panel-row {
      display: grid;
      gap: var(--benchmark-gap-sm);
      margin-bottom: 0;
    }

    .benchmark-section .panel-row:last-child {
      margin-bottom: 0;
    }

    .panel-row--story {
      gap: 20px;
    }

    .panel-row--story-alt {
      gap: 16px;
    }

    .panel-row--story > .panel {
      padding: 20px 24px;
    }

    .panel-row--story .panel-caption {
      margin-top: 8px;
    }

    .panel-row--hero { grid-template-columns: 1fr; }
    .panel-row--two,
    .panel-row--stats,
    .panel-row--meta { grid-template-columns: 1fr 1fr; }

    .panel-row--stats {
      grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
      gap: var(--benchmark-gap-md);
    }

    .panel-row--meta {
      gap: var(--benchmark-gap-md);
      align-items: stretch;
    }
    .panel-row--three { grid-template-columns: 1fr 1fr 1fr; }
    .panel-row--four { grid-template-columns: 1fr 1fr 1fr 1fr; }
    .panel-row--story { grid-template-columns: 2fr 1fr; }
    .panel-row--story-alt { grid-template-columns: 1fr 2fr; }

    @media (max-width: 700px) {
      .panel-row--two,
      .panel-row--stats,
      .panel-row--meta,
      .panel-row--three,
      .panel-row--four,
      .panel-row--story,
      .panel-row--story-alt {
        grid-template-columns: 1fr;
      }

      .panel:not(.panel--nest) {
        padding: 24px 20px 28px;
      }
    }

.panel--plain,
.panel--prompt-panel,
.panel--trust,
.panel--quarterly {
  align-items: flex-start;
  text-align: left;
  justify-content: flex-start;
}

.panel--plain .panel-title,
.panel--plain .panel-text,
.panel--prompt-panel .panel-text,
.panel--trust .panel-text,
.panel--quarterly .panel-text {
  width: 100%;
  text-align: left;
  margin-left: 0;
  margin-right: auto;
}

    .panel-row > .panel:nth-child(2) { transition-delay: 80ms; }
    .panel-row > .panel:nth-child(3) { transition-delay: 160ms; }

    .panel.panel--nest {
      background: transparent;
      min-height: 0;
      padding: 0;
      align-items: stretch;
      width: 100%;
      gap: 16px;
    }

    .panel.panel--nest.visible {
      box-shadow: none;
    }

    .panel.panel--nest.visible:hover {
      transform: none;
      box-shadow: none;
    }

    .panel-row .panel:nth-child(1) { transition-delay: 0s; }
    .panel-row .panel:nth-child(2) { transition-delay: 0.12s; }
    .panel-row .panel:nth-child(3) { transition-delay: 0.24s; }
    .panel-row .panel:nth-child(4) { transition-delay: 0.36s; }

    /* Inner content — opacity only (quieter than translate reveals) */
    .panel .panel-title,
    .panel .panel-text,
    .panel .panel-caption {
      opacity: 0;
      transition: opacity 0.35s var(--ease-spring);
    }

    .panel.visible .panel-title,
    .panel.visible .panel-text,
    .panel.visible .panel-caption {
      opacity: 1;
    }

    /* Panel variants */
    .panel--hero {
      min-height: 0;
      background: #fff;
      border: none;
      border-radius: var(--radius-card);
      padding: clamp(28px, 5vw, 40px) clamp(24px, 4vw, 32px);
      box-shadow: var(--shadow-card);
      align-items: flex-start;
      text-align: left;
      justify-content: flex-start;
      width: 100%;
      max-width: var(--benchmark-measure);
      margin: 0;
      opacity: 1;
      transform: translateY(0);
    }

    .panel--hero::before {
      display: none;
    }

    .panel--hero > * {
      position: relative;
      z-index: 1;
    }

    .panel--hero:hover {
      transform: translateY(-2px);
      box-shadow: var(--shadow-card-hover);
    }

    .panel--blue { background: var(--bv-blue-100); }
    .panel--green { background: var(--green-50); }
    .panel--yellow { background: linear-gradient(135deg, #fff 0%, var(--yellow-100) 100%); }
    .panel--red { background: linear-gradient(135deg, #fff 0%, var(--red-100) 100%); }

    .panel--dark {
      background: var(--ink);
      border: none;
      color: var(--text-inverse);
    }

    .panel--dark .panel-caption {
      color: color-mix(in srgb, var(--text-inverse) 72%, transparent);
    }

    .panel-caption--mt {
      margin-top: 12px;
    }

    .panel--compact {
      min-height: 0;
      padding: 22px 24px 26px;
      align-items: flex-start;
      text-align: left;
      justify-content: flex-start;
    }

    .panel--trust {
      background: #fff;
      border: none;
    }

    .panel--quarterly {
      padding: 20px 24px 24px;
      min-height: 0;
      background: #fff;
      border: none;
    }

    .panel--quarterly .panel-title {
      margin-bottom: 8px;
    }

    main .panel h2.panel-title {
      margin-top: 0;
    }

    /* Typography */
    .benchmark-hero__title {
      font-family: var(--font-display);
      font-size: clamp(32px, 5vw, 44px);
      font-weight: var(--weight-semibold);
      font-variation-settings: 'SOFT' 0, 'WONK' 0.35;
      line-height: var(--leading-tight);
      letter-spacing: -0.03em;
      margin-top: 0;
      margin-bottom: 12px;
      color: var(--ink);
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
    }

    .benchmark-hero__dek {
      font-size: var(--text-body-lg);
      line-height: var(--leading-normal);
      color: var(--text-secondary);
      margin-bottom: 12px;
      max-width: 42rem;
      margin-left: 0;
      margin-right: 0;
    }

    .panel--hero .panel-caption {
      color: var(--text-muted);
    }

.benchmark-section--hero + .benchmark-sticky-stack {
  margin-top: var(--benchmark-gap-md);
}

.benchmark-sticky-stack + .benchmark-section {
  margin-top: var(--benchmark-gap-sm);
}

.benchmark-sticky-stack {
  position: sticky;
  top: var(--benchmark-nav-height);
  z-index: 100;
  width: 100%;
  max-width: var(--benchmark-measure);
  margin: 0 0 var(--benchmark-gap-md);
  padding: 0;
  background: color-mix(in srgb, var(--paper, var(--neutral-50)) 98%, transparent);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid color-mix(in srgb, var(--neutral-200) 55%, transparent);
}

.benchmark-jump-nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  width: 100%;
  margin: 0;
  padding: 8px 0 10px;
}

.benchmark-jump-nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 44px;
  padding: 10px 4px;
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  font-family: var(--font-primary);
  color: var(--text-secondary);
  text-decoration: none;
  white-space: nowrap;
  border-bottom: none;
  text-align: center;
  transition: color 0.15s var(--ease-spring), font-weight 0.15s var(--ease-spring);
}

.benchmark-jump-nav a:hover {
  color: var(--ink);
}

.benchmark-jump-nav a.is-active {
  color: var(--bv-blue-700);
  font-weight: var(--weight-semibold);
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
  text-decoration-color: color-mix(in srgb, var(--bv-blue-400) 45%, transparent);
}

.benchmark-jump-nav a:focus-visible {
  outline: 2px solid var(--bv-blue-400);
  outline-offset: 2px;
  border-radius: 2px;
}

.benchmark-jump-nav__sep {
  display: none;
  color: var(--neutral-400);
  margin: 0;
  user-select: none;
  font-size: var(--text-sm);
  line-height: 1;
}

main.benchmark-main .benchmark-jump-nav a {
  text-decoration: none;
}

main.benchmark-main .benchmark-jump-nav a.is-active {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .benchmark-jump-nav {
    justify-content: flex-start;
    column-gap: 12px;
    row-gap: 4px;
  }

  .benchmark-jump-nav a {
    flex: 0 1 auto;
    justify-content: flex-start;
    padding: 10px 0;
    text-align: left;
    white-space: normal;
  }

  .benchmark-jump-nav__sep {
    display: inline;
    margin: 0 2px;
  }
}

.panel--hero,
.panel--stat {
  opacity: 1;
  transform: translateY(0);
  box-shadow: var(--shadow-card);
}

.panel--hero .benchmark-hero__eyebrow,
.panel--hero .benchmark-hero__title,
.panel--hero .benchmark-hero__dek,
.panel--hero .panel-caption,
.panel--stat .big-number,
.panel--stat .big-number-label {
  opacity: 1;
  transform: none;
}

    .panel--stat {
      background: #fff;
      border: none;
    }

    .panel--stat-primary .big-number {
      font-size: clamp(56px, 11vw, 80px);
      font-weight: var(--weight-bold);
      color: var(--ink);
    }

    .panel--stat-primary .big-number-label {
      color: var(--ink);
      font-weight: var(--weight-medium);
    }

    .panel--stat-secondary .big-number {
      font-size: clamp(40px, 7vw, 52px);
      font-weight: var(--weight-semibold);
      color: var(--text-secondary);
    }

    .panel--stat-secondary .big-number-label {
      color: var(--text-muted);
    }

    .big-number--ink {
      color: var(--ink);
    }

    .panel--stat .big-number-label {
      color: var(--text-secondary);
    }

    .benchmark-stats-note {
      font-size: var(--text-sm);
      color: var(--text-secondary);
      line-height: 1.5;
      margin: var(--benchmark-gap-sm) 0 0;
      max-width: 42rem;
    }

    .panel-title {
      font-family: var(--font-display);
      font-size: var(--text-h2);
      font-weight: var(--weight-bold);
      line-height: var(--leading-snug);
      letter-spacing: -0.02em;
      margin-top: 0;
      margin-bottom: 12px;
    }

    .panel-text {
      font-size: var(--text-body-lg);
      line-height: var(--leading-normal);
      max-width: 65ch;
    }

    .panel-text + .panel-text {
      margin-top: 12px;
    }

    .panel-text--measure {
      max-width: 37.5rem;
    }

    .panel-text--measure-narrow {
      max-width: 36.25rem;
    }

    .panel-caption {
      font-size: var(--text-sm);
      font-style: normal;
      color: var(--text-muted);
      margin-top: 12px;
    }

    /* Big Number Display */
    .big-number {
      font-size: clamp(48px, 10vw, 72px);
      font-weight: var(--weight-bold);
      line-height: 1;
      margin-bottom: 8px;
      opacity: 0;
      transition: opacity 0.4s var(--ease-spring);
    }

    .panel.visible .big-number {
      opacity: 1;
    }

    .big-number--green { color: var(--green-400); }
    .big-number--blue { color: var(--bv-blue-400); }
    .big-number--yellow { color: var(--yellow-700); }
    .big-number--white { color: var(--text-inverse); }

    .big-number-label {
      font-size: var(--text-body);
      color: var(--neutral-700);
      opacity: 0;
      transition: opacity 0.35s var(--ease-spring);
    }

    .panel.visible .big-number-label {
      opacity: 1;
    }

    .panel--dark .big-number-label {
      color: color-mix(in srgb, var(--text-inverse) 82%, transparent);
    }

.benchmark-section__label {
  font-size: 11px;
  font-weight: var(--weight-semibold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-tertiary);
  margin: 0 0 var(--benchmark-gap-sm);
  padding: 0;
  line-height: 1.3;
}

.benchmark-section + .benchmark-section {
  margin-top: var(--benchmark-gap-xl);
}

.benchmark-section--hero {
  margin-top: 0;
}

.panel--prompt-panel {
  padding: 22px 24px 28px;
}

.task-section-intro {
  margin: 0 0 20px;
  max-width: 42rem;
  text-align: left;
}

.prompt-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--benchmark-gap-md);
  width: 100%;
  margin-bottom: var(--benchmark-gap-sm);
  align-items: start;
}

.prompt-group {
  background: var(--neutral-50);
  border: 1px solid var(--neutral-100);
  border-radius: var(--radius-sm);
  padding: 14px 16px;
}

.prompt-group__title {
  font-size: 11px;
  font-weight: var(--weight-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-tertiary);
  margin: 0 0 10px;
}

.prompt-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.prompt-grid-legend {
  font-size: 10px;
  font-weight: var(--weight-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-muted);
  margin: 0 0 10px;
  max-width: none;
}

.prompt-list li {
  display: block;
  font-size: var(--text-sm);
  color: var(--text-secondary);
  line-height: 1.45;
  padding: 6px 0;
  border-bottom: 1px solid var(--border-light);
  max-width: none;
}

.prompt-list__left {
  display: flex;
  align-items: center;
  gap: var(--benchmark-gap-xs);
  flex: 1;
  min-width: 0;
}

.prompt-list__name {
  min-width: 0;
}

.prompt-list__count {
  flex-shrink: 0;
  font-size: 10px;
  font-weight: var(--weight-semibold);
  line-height: 1;
  padding: 3px 7px;
  border-radius: var(--radius-pill);
  background: var(--neutral-100);
  color: var(--text-muted);
  border: none;
}

@media (max-width: 640px) {
  .prompt-grid {
    grid-template-columns: 1fr;
  }
}

.prompt-list li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.benchmark-hero__eyebrow {
  font-size: 11px;
  font-weight: var(--weight-semibold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-tertiary);
  margin: 0 0 10px;
}

.benchmark-context-card {
  margin: var(--benchmark-gap-md) 0 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
}

.benchmark-context-card p {
  font-size: var(--text-sm);
  color: var(--text-secondary);
  line-height: 1.55;
  margin: 0;
  max-width: none;
}

.benchmark-context-card a {
  color: var(--text-link);
  font-weight: var(--weight-medium);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.benchmark-field-note {
  font-size: var(--text-xs);
  color: var(--text-muted);
  margin-top: 12px;
  text-align: left;
  max-width: 42rem;
}

.benchmark-field-note a {
  color: var(--text-link);
  font-weight: var(--weight-medium);
}

.panel-row--cta {
  margin-bottom: 0;
}

.benchmark-context-card a:focus-visible,
.benchmark-field-note a:focus-visible {
  outline: 2px solid var(--bv-blue-400);
  outline-offset: 2px;
  border-radius: 2px;
}

.bottom-cta-panel__actions .btn-primary:focus-visible,
.bottom-cta-panel__actions .btn-secondary:focus-visible {
  outline: 2px solid var(--bv-blue-400);
  outline-offset: 2px;
}

    .try-btn {
      display: inline-block;
      background: var(--text-inverse);
      color: var(--bv-blue-400);
      font-size: 18px;
      font-weight: var(--weight-semibold);
      padding: 14px 36px;
      border-radius: var(--radius-pill);
      text-decoration: none;
      transition: background 0.15s var(--ease-spring), transform 0.15s var(--ease-spring), box-shadow 0.15s var(--ease-spring);
    }

.try-btn:hover {
  background: color-mix(in srgb, var(--text-inverse) 92%, transparent);
  opacity: 1;
}

    .try-btn:active {
      transform: scale(0.98) translateY(0);
    }

    /* Utility */
    .text-left { text-align: left; }
    .text-center { text-align: center; }
    .mt-16 { margin-top: 16px; }
    .mb-8 { margin-bottom: 8px; }
    .mb-16 { margin-bottom: 16px; }

    /* Disclaimer */
    .disclaimer {
      font-size: var(--text-xs);
      color: var(--text-muted);
      margin-top: var(--benchmark-gap-lg);
      padding: 0 0 48px;
      font-style: normal;
      max-width: var(--benchmark-measure);
      margin-left: 0;
      margin-right: auto;
      line-height: 1.5;
      text-align: left;
    }

    footer a {
      transition: color 0.15s var(--ease-spring), opacity 0.15s var(--ease-spring);
    }

    .site-header .nav-link,
    .site-header .nav-btn {
      transition: opacity 0.15s var(--ease-spring), color 0.15s var(--ease-spring), background 0.15s var(--ease-spring), border-color 0.15s var(--ease-spring);
    }

    @media (prefers-reduced-motion: reduce) {
      .panel,
      .panel.visible {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        transition: none !important;
      }

      .panel .panel-title,
      .panel .panel-text,
      .panel .panel-caption,
      .panel.visible .panel-title,
      .panel.visible .panel-text,
      .panel.visible .panel-caption {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
      }

      .big-number,
      .big-number-label,
      .panel.visible .big-number,
      .panel.visible .big-number-label {
        opacity: 1 !important;
        transition: none !important;
      }

      .faq-qb,
      .faq-qc,
      .faq-qb > .faq-qa,
      .benchmark-jump-nav a {
        transition: none !important;
      }

      footer a,
      .site-header .nav-link,
      .site-header .nav-btn,
      .try-btn {
        transition: none !important;
      }
    }

    @media (max-width: 640px) {
      main.benchmark-main {
        padding: calc(var(--benchmark-nav-height) + 4px) var(--space-page-gutter) var(--space-before-footer);
      }

      .benchmark-section,
      .benchmark-section--hero,
      .benchmark-section--cta {
        max-width: none;
      }

      .panel--hero {
        max-width: none;
      }
    }

/* FAQ — matches homepage accordion, no scroll reveal on benchmark */
.benchmark-section--faq {
  margin-top: var(--benchmark-gap-xl);
}

.benchmark-section--faq .faq-section {
  margin: 0;
  padding: 0;
  background: transparent;
}

.faq-label {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--neutral-200);
}

.faq-heading {
  font-size: var(--text-body-lg);
  font-weight: var(--weight-semibold);
  line-height: var(--leading-snug);
  margin: 0;
}

.faq-count {
  font-size: var(--text-xs);
  color: var(--neutral-400);
  flex-shrink: 0;
  padding-bottom: 2px;
  line-height: 1.25;
}

.faq-list {
  width: 100%;
}

.faq-qi {
  border-bottom: 1px solid var(--neutral-200);
}

.faq-qh {
  width: 100%;
  border: none;
  background: transparent;
  font: inherit;
  color: inherit;
  min-height: 44px;
  padding: 12px 0;
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  text-align: left;
}

.faq-qh:focus-visible {
  outline: 2px solid var(--bv-blue-400);
  outline-offset: 2px;
}

.faq-qh:hover {
  background: var(--neutral-50);
}

.faq-qi.open .faq-qh {
  background: transparent;
}

.faq-qq {
  flex: 1;
  min-width: 0;
  font-size: var(--text-body-lg);
  font-weight: 500;
  color: var(--ink);
  line-height: var(--leading-snug);
  margin: 0;
  text-align: left;
}

.faq-qi.open .faq-qq {
  color: var(--bv-blue-700);
  font-weight: var(--weight-semibold);
}

.faq-qc {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  color: var(--neutral-400);
  transition: transform 0.25s var(--ease-spring), color 0.15s var(--ease-spring);
}

.faq-qi.open .faq-qc {
  transform: rotate(180deg);
  color: var(--bv-blue-400);
}

.faq-qb {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: grid-template-rows 0.3s var(--ease-spring);
}

.faq-qi.open .faq-qb {
  grid-template-rows: 1fr;
}

.faq-qb > .faq-qa {
  overflow: hidden;
  min-height: 0;
}

.faq-qi:not(.open) .faq-qb > .faq-qa {
  opacity: 0;
}

.faq-qi.open .faq-qb > .faq-qa {
  opacity: 1;
  transition: opacity 0.2s var(--ease-spring);
}

.faq-qa {
  padding: 0;
  font-size: var(--text-body);
  color: var(--neutral-700);
  line-height: var(--leading-normal);
  text-align: left;
}

.faq-qi.open .faq-qa {
  padding-bottom: 12px;
}

.faq-qa p {
  margin: 0 0 12px;
  max-width: none;
}

.faq-qa p:last-child {
  margin-bottom: 0;
}

main.benchmark-main .benchmark-sticky-stack {
  align-self: stretch;
  width: 100%;
  max-width: var(--benchmark-measure);
}

@media (min-width: 769px) {
  main.benchmark-main .benchmark-jump-nav {
    justify-content: space-between;
  }
}