/* Local content-adaptation layer — fonts only.
   Loaded AFTER the original stylesheet; no layout/motion rules changed.
   Geist has no CJK glyphs, so Chinese text falls back to these faces. */
:root {
  --font-sans: "Geist", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", "SF Mono", Consolas, "PingFang SC", "Microsoft YaHei", monospace;
}

/* ============================================================
   Additive feature: in-place brief <-> detail description swap.
   No row ever grows: the text exchanges inside the original
   description slot using the original close/reveal animation
   grammar (max-height + clip-path + fade + translate).
   Every original rule is untouched.
   ============================================================ */

/* phase 1 of the swap: force the description closed,
   mirroring the site's own collapsed-description state */
.axis-section__item.swap-anim .axis-section__description {
  max-height: 0 !important;
  clip-path: inset(0 0 100% 0) !important;
  opacity: 0 !important;
  transform: translateY(-0.1875rem) !important;
}

/* detailed text can run one line longer than the brief */
.axis-section__item.user-expanded .axis-section__description {
  max-height: 12rem;
}

/* hint label toggle: + 点击展开 -> − 收起 */
.axis-section__expand-label-close {
  display: none;
}

.axis-section__item.user-expanded .axis-section__expand-label-open {
  display: none;
}

.axis-section__item.user-expanded .axis-section__expand-label-close {
  display: inline;
}

/* expand hint lives inside the details column (right of the axis) */
.axis-section__expand-hint {
  font-family: var(--font-mono);
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  opacity: 0.55;
  transition: opacity 0.25s var(--ease-out);
}

.axis-section__item:hover .axis-section__expand-hint,
.axis-section__item.user-expanded .axis-section__expand-hint {
  opacity: 1;
}

/* arrow tilts downward while expanded */
.axis-section__item.user-expanded .axis-section__arrow {
  transform: rotate(90deg);
}

@media (prefers-reduced-motion: reduce) {
  .axis-section__item.swap-anim .axis-section__description {
    transition: none;
  }
}

/* static/mobile fallback: the original only animates the description
   in motion mode; give the swap the same easing everywhere else */
.axis-section__description {
  transition: max-height 0.32s var(--ease-out), clip-path 0.32s cubic-bezier(0.2, 0.75, 0.2, 1),
    opacity 0.18s ease-out, transform 0.32s cubic-bezier(0.2, 0.75, 0.2, 1);
}