/* Short, solid-surface transitions shared by the seven content pages. */
:root {
  --motion-ease: cubic-bezier(.22, .68, .18, 1);
  --motion-fast: 180ms;
}

:where(a[href], button, summary) { -webkit-tap-highlight-color: #b8965f29; touch-action: manipulation; }
:where(a[href], button, summary):active { opacity: .8; }
:where(.btn-default, .button, .help-search button, .help-categories button, .juxing-menu-toggle) {
  transition: color var(--motion-fast), background-color var(--motion-fast), border-color var(--motion-fast), opacity var(--motion-fast), scale var(--motion-fast), translate var(--motion-fast);
}
:where(button, .btn-default, .button):not(:disabled):active { scale: .98; }

@media (hover: hover) and (pointer: fine) {
  :where(.btn-default, .button):not(:disabled):hover { translate: 0 -1px; }
}

details[data-motion-open] > summary { transition: color 180ms ease, background-color 180ms ease, opacity 180ms ease; }
details[data-motion-open="false"] > summary .public-expand::after { transform: rotate(90deg); }
details[data-motion-open="true"] > summary .public-expand::after { transform: rotate(0); }
:is(.service-expand, .industry-preparation)[data-motion-open="false"] > summary > span { transform: rotate(0); }
:is(.service-expand, .industry-preparation)[data-motion-open="true"] > summary > span { transform: rotate(45deg); }
.help-accordion .collapsing { transition: height 260ms var(--motion-ease); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
  :where(button, .btn-default, .button):not(:disabled):active { scale: none; }
  :where(.btn-default, .button):not(:disabled):hover { translate: none; }
}