.q46[data-astro-cid-fra5exfb] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.q46__frame[data-astro-cid-fra5exfb] {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-md);
  background-color: var(--surface-sunken);
}

.q46__zoom[data-astro-cid-fra5exfb] {
  display: block;
}

.q46__zoom[data-astro-cid-fra5exfb] > img {
  display: block;
  inline-size: 100%;
  block-size: auto;
}

.q46__body[data-astro-cid-fra5exfb] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-2xs);
}

.q46__eyebrow[data-astro-cid-fra5exfb] {
  margin: 0;
}

.q46__title[data-astro-cid-fra5exfb] {
  margin: 0;
  max-width: 18ch;
  text-wrap: balance;
}

.q46__summary-reveal[data-astro-cid-fra5exfb] {
}

.q46__summary[data-astro-cid-fra5exfb] {
  margin: 0;
  color: var(--on-surface-muted);
  max-width: 46ch;
}

@media (hover: hover) and (pointer: fine) {
  .q46__summary[data-astro-cid-fra5exfb] {
    opacity: 0;
  }

  .q46[data-astro-cid-fra5exfb]:is(:hover, :focus-within) .q46__summary[data-astro-cid-fra5exfb] {
    opacity: 1;
  }
}

.q46__foot[data-astro-cid-fra5exfb] {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  inline-size: 100%;
  margin: 0;
  margin-block-start: var(--space-sm);
  min-block-size: 2.75rem;
}

.q46__trail[data-astro-cid-fra5exfb] {
  position: relative;
  flex: auto;
  block-size: .75rem;
  min-inline-size: 3.5rem;
}

.q46__rule[data-astro-cid-fra5exfb] {
  position: absolute;
  inset-inline: 0;
  inset-block-start: 50%;
  block-size: var(--border-hairline);
  background-color: var(--rule);
}

.q46__tick[data-astro-cid-fra5exfb] {
  position: absolute;
  inset-inline-start: 0;
  inset-block: 0;
  inline-size: var(--border-hairline);
  background-color: var(--rule-strong);
}

.q46__point[data-astro-cid-fra5exfb] {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 0;
  inline-size: .3125rem;
  block-size: .3125rem;
  border-radius: 50%;
  background-color: var(--rule-strong);
  translate: var(--q46-advance, 1rem) -50%;
}

.q46__cta[data-astro-cid-fra5exfb] {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2xs);
  flex: none;
  color: var(--on-surface);
}

.q46__link[data-astro-cid-fra5exfb] {
  display: inline-block;
  color: inherit;
  text-decoration: none;
}

.q46__link[data-astro-cid-fra5exfb]:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: var(--radius-md);
}

.q46__link[data-astro-cid-fra5exfb]:focus-visible {
  outline-offset: 6px;
}

.q46[data-astro-cid-fra5exfb]:is(:hover, :focus-within) .q46__title[data-astro-cid-fra5exfb] {
  color: var(--accent-text);
}

.q46[data-astro-cid-fra5exfb]:is(:hover, :focus-within) .q46__point[data-astro-cid-fra5exfb] {
  background-color: var(--accent-mark);
}

@media (prefers-reduced-motion: no-preference) {
  .q46__title[data-astro-cid-fra5exfb], .q46__point[data-astro-cid-fra5exfb] {
    transition: color var(--duration-short) var(--ease-out),
				background-color var(--duration-short) var(--ease-out),
				translate var(--duration-medium) var(--ease-out);
  }

  .q46__zoom[data-astro-cid-fra5exfb] {
    transition: scale var(--duration-medium) var(--ease-out);
  }

  .q46[data-astro-cid-fra5exfb]:focus-within {
    --q46-advance: 1.75rem;
  }

  .q46[data-astro-cid-fra5exfb]:focus-within .q46__zoom[data-astro-cid-fra5exfb] {
    scale: 1.02;
  }

  .q46[data-astro-cid-fra5exfb]:focus-within .q46__cta[data-astro-cid-fra5exfb] .cta-arrow[data-astro-cid-fra5exfb] {
    translate: .25rem;
  }

  @media (hover: hover) and (pointer: fine) {
    .q46__summary[data-astro-cid-fra5exfb] {
      transition: opacity var(--duration-medium) var(--ease-out);
    }

    .q46[data-astro-cid-fra5exfb]:hover {
      --q46-advance: 1.75rem;
    }

    .q46[data-astro-cid-fra5exfb]:hover .q46__zoom[data-astro-cid-fra5exfb] {
      scale: 1.02;
    }

    .q46[data-astro-cid-fra5exfb]:hover .q46__cta[data-astro-cid-fra5exfb] .cta-arrow[data-astro-cid-fra5exfb] {
      translate: .25rem;
    }
  }
}

@media (width >= 62em) {
  .q46--feature[data-astro-cid-fra5exfb] {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    align-items: start;
    gap: var(--space-2xl);
  }

  .q46--feature[data-astro-cid-fra5exfb] .q46__title[data-astro-cid-fra5exfb] {
    font-size: var(--text-h2);
    line-height: var(--leading-tight);
    letter-spacing: var(--tracking-tight);
    max-width: 12ch;
  }

  .q46--feature[data-astro-cid-fra5exfb] .q46__summary[data-astro-cid-fra5exfb] {
    max-width: 40ch;
  }
}