/* Shared motion treatment. Existing brand, content and layout remain authoritative. */
.claude-academy .course-card h3 { min-height: 0; max-width: 100%; }
.claude-academy .course-card .course-format { margin-top: auto; padding-top: 24px; padding-bottom: 0; font-size: 13px; }
.claude-academy .course-card .course-outcome { margin-bottom: 20px; font-size: 16px; }
.course-page .course-output-card > p:not(.output-category),
.course-page .learner-fit-grid p { font-size: 16px; line-height: 1.65; }
.course-page .course-draft-note, .course-page .course-close-note,
.course-page .brand-disclaimer, .course-page .course-hero-format { font-size: 13px; }
@media (min-width: 641px) and (max-width: 900px) {
  .course-page .course-hero-grid { grid-template-columns: minmax(0,1fr); }
  .course-page .course-hero-copy h1 { max-width: 680px; font-size: 52px; }
  .course-page .course-overview { max-width: 620px; width: 100%; }
  .course-page .course-project-grid, .course-page .course-section-heading { grid-template-columns: minmax(0,1fr); }
}
@media (prefers-reduced-motion: no-preference) {
  .shift-letter { transform-origin: 50% 80%; }
  .shift-grid li > span:last-child { display: inline-block; }
  @media (hover: hover) and (pointer: fine) {
    .shift-letter { transition: color 200ms ease, translate 240ms ease; }
    .shift-grid li:hover .shift-letter { color: var(--purple, #651fff); translate: 0 -5px; }
  }
  .button { transition: background-color 180ms ease, transform 180ms ease; }
  .button:active { transform: translateY(2px); }
  .button svg { transition: transform 240ms cubic-bezier(.2,.7,.2,1); }
  .button:hover svg, .button:focus-visible svg { transform: translateX(4px); }
  .curriculum-list a { transition: background-color 180ms ease, color 180ms ease; }
  .module-panel { transform-origin: center top; }
  .faq-plus { transition: transform 240ms ease; }
  details[open] .faq-plus { transform: rotate(45deg); }
  @media (hover: hover) and (pointer: fine) {
    .course-art img { transition: transform 500ms cubic-bezier(.2,.7,.2,1); }
    .course-card:hover .course-art img { transform: translateY(-5px) scale(1.025); }
    .course-card:focus-within .course-art img { transform: translateY(-5px); }
  }
}
@media (prefers-reduced-motion: reduce) {
  .module-panel, .workflow-panel { opacity: 1 !important; transform: none !important; }
}