/* Shared motion language: a quiet lift, a soft light and a weighted landing. */
:root { --motion-land: cubic-bezier(.22,1,.36,1); }
.motion-line { display: inline-block; }
.motion-word { display: inline; }
/* Lift the surface, not its text layout. Native controls keep their semantics. */
:is(.button, button:not(.text-button):not(.nav-toggle), .home-task-link,
    .home-value-item, .career-card, .compact-card, .playbook-card, .profession-card, .leaderboard-card) {
  transition: transform 500ms var(--motion-land), opacity 300ms var(--motion-land),
    background-color 300ms var(--motion-land), border-color 300ms var(--motion-land),
    color 300ms var(--motion-land), box-shadow 300ms var(--motion-land);
}
:is(.channel-nav, .resource-subnav, .topics) a {
  transition: transform 500ms var(--motion-land), color 300ms var(--motion-land),
    background-color 300ms var(--motion-land), border-color 300ms var(--motion-land);
}
:is(.button, button):not(:disabled):not([aria-disabled="true"]):active { transform: scale(.98); }
:is(.button, button, .home-task-link, .channel-nav a):focus-visible {
  outline: 2px solid var(--color-focus, #93c5fd); outline-offset: 4px;
}
.home-page .home-value-item::before {
  transition: transform 700ms var(--motion-land), opacity 300ms var(--motion-land);
  transform-origin: center;
}
.home-page .home-task-link > svg,
.home-page :is(.home-value-item > a, .home-daily-link, .home-member-browse) span {
  transition: transform 500ms var(--motion-land);
}
@media (min-width: 761px) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  :is(.career-card, .compact-card, .playbook-card, .profession-card, .leaderboard-card):hover {
    transform: translateY(-4px); box-shadow: 0 16px 32px #0003;
  }
  .home-page .home-value-item:hover::before { transform: scale(1.035); }
  :is(.channel-nav, .resource-subnav, .topics) a:hover { transform: translateY(-2px); }
  .home-page .home-task-link:hover > svg { transform: translateY(-4px) rotate(-4deg); }
  .home-page :is(.home-value-item > a, .home-daily-link, .home-member-browse):hover span {
    transform: translate(2px,-2px);
  }
}
/* No hidden initial state: missing JavaScript never hides content. */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  .motion-light { display: none; }
  :is(.motion-line, .motion-word, .motion-surface, .button, button, .home-task-link,
      .home-value-item, .career-card, .compact-card, .playbook-card, .profession-card, .leaderboard-card,
      .channel-nav a, .resource-subnav a, .topics a, .home-task-link > svg,
      .home-value-item::before, .home-kit-icon, .home-member-kit li) {
    animation: none !important; transition: none !important; transform: none !important;
  }
}