/* Shared Phase 9 inner-page primitives. All rules remain inside .site-v2. */
.site-v2.site-inner-navigation-shell {
  position: relative;
  z-index: var(--site-z-sticky);
  min-inline-size: 0;
  background: var(--site-surface);
  isolation: isolate;
}

.site-v2.site-inner-page {
  min-inline-size: 0;
  background: var(--site-background);
}

.site-v2 .site-inner-intro {
  padding-block: clamp(3rem, 2rem + 5vw, 7rem);
  border-block-end: 1px solid var(--site-border);
  background:
    radial-gradient(circle at 85% 20%, rgb(139 198 71 / 13%), transparent 24rem),
    linear-gradient(145deg, var(--site-surface), var(--site-background));
}

.site-v2 .site-inner-intro__content {
  --site-stack-gap: var(--site-space-6);
  align-items: flex-start;
}

.site-v2 .site-inner-eyebrow {
  display: inline-flex;
  align-items: center;
  min-block-size: 2rem;
  margin: 0;
  padding: var(--site-space-1) var(--site-space-3);
  border: 1px solid color-mix(in srgb, var(--site-brand-teal) 28%, transparent);
  border-radius: var(--site-radius-pill);
  background: color-mix(in srgb, var(--site-brand-teal) 8%, var(--site-surface));
  color: var(--site-action);
  font-size: var(--site-text-label);
  font-weight: var(--site-weight-semibold);
  line-height: var(--site-leading-label);
  letter-spacing: 0.03em;
}

.site-v2 .site-inner-intro__description {
  max-inline-size: 62ch;
  color: var(--site-text-secondary);
}

.site-v2 .site-inner-breadcrumb {
  font-size: var(--site-text-small);
}

.site-v2 .site-inner-breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--site-space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-v2 .site-inner-breadcrumb__item {
  display: inline-flex;
  align-items: center;
  gap: var(--site-space-2);
  min-inline-size: 0;
}

.site-v2 .site-inner-breadcrumb__item + .site-inner-breadcrumb__item::before {
  content: "/";
  color: var(--site-text-muted);
}

.site-v2 .site-inner-breadcrumb a {
  color: var(--site-action);
  font-weight: var(--site-weight-medium);
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.22em;
}

.site-v2 .site-inner-breadcrumb [aria-current="page"] {
  color: var(--site-text-muted);
}

.site-v2 .site-inner-section {
  padding-block: var(--site-section-space);
}

.site-v2 .site-inner-section--subtle {
  border-block: 1px solid var(--site-border);
  background: var(--site-surface-subtle);
}

.site-v2 .site-inner-section__header {
  --site-stack-gap: var(--site-space-4);
  max-inline-size: 48rem;
  margin-block-end: clamp(2rem, 1.5rem + 2vw, 4rem);
}

.site-v2 .site-inner-section__header--center {
  margin-inline: auto;
  text-align: center;
  align-items: center;
}

.site-v2 .site-inner-prose {
  max-inline-size: var(--site-reading);
  color: var(--site-text-secondary);
}

.site-v2 .site-inner-prose > * {
  margin-block: 0;
}

.site-v2 .site-inner-prose > * + * {
  margin-block-start: var(--site-space-6);
}

.site-v2 .site-inner-prose h2,
.site-v2 .site-inner-prose h3 {
  color: var(--site-text);
}

.site-v2 .site-inner-prose ol,
.site-v2 .site-inner-prose ul {
  padding-inline-start: 1.35em;
}

.site-v2 .site-inner-prose li + li {
  margin-block-start: var(--site-space-3);
}

.site-v2 .site-inner-media {
  overflow: hidden;
  border: 1px solid var(--site-border);
  border-radius: var(--site-radius-surface);
  background: var(--site-surface);
  box-shadow: var(--site-shadow-surface);
}

.site-v2 .site-inner-media img {
  display: block;
  inline-size: 100%;
  block-size: auto;
}

@media (min-width: 80rem) {
  .site-v2.site-inner-navigation-shell {
    position: sticky;
    inset-block-start: 0;
  }
}

@media (forced-colors: active) {
  .site-v2 .site-inner-eyebrow,
  .site-v2 .site-inner-media {
    border: 1px solid CanvasText;
  }
}