/* Jornada mobile aprovada: cadernos, ações próximas e percurso contínuo. */
@media (max-width: 900px) {
  .profile-page.has-profile-session .profile-shell { width: 100%; padding-top: 0; }
  .profile-page.has-profile-session .profile-main { padding-inline: 8px; }
  .profile-page.has-profile-session .profile-sidebar {
    position: sticky; top: 0; width: 100%; margin: 0;
    padding: max(8px, env(safe-area-inset-top)) 8px 8px;
    border: 0; border-bottom: 1px solid #684889; border-radius: 0;
    background: #432769; box-shadow: none; backdrop-filter: none;
  }
  .profile-page.has-profile-session .profile-sidebar.is-mobile-menu-open { max-height: 100dvh; }
  .profile-page #profileLearning { scroll-margin-top: 80px; }
  .profile-page #profileCollaborator .has-mobile-trail { gap: 20px; padding-top: 12px; }
  .profile-page #profileCollaborator .has-mobile-trail .learning-mobile-curve,
  .profile-page #profileCollaborator .has-mobile-trail .learning-trail-town { display: none; }
  .profile-page #profileCollaborator .has-mobile-trail .learning-trail-river {
    display: block; inset: 0; width: 100%; height: 100%;
  }
  .profile-page #profileCollaborator .learning-trail-river-bank { stroke-width: 28px; }
  .profile-page #profileCollaborator .learning-trail-river-water { stroke-width: 16px; }
  .profile-page #profileCollaborator .learning-trail-river-glint { stroke-width: 2px; stroke-dasharray: 2 11; }
  .profile-page #profileCollaborator .has-mobile-trail .learning-trail-step { min-height: 170px; }
  .profile-page #profileCollaborator .has-mobile-trail .is-mobile-step-open { min-height: 244px; }
  .profile-page #profileCollaborator .has-mobile-trail .learning-mobile-node {
    grid-template-rows: 64px minmax(0, 1fr); gap: 6px;
    width: 112px; height: 144px; margin-left: calc(var(--node-x) - 56px);
    padding: 12px 10px 14px 16px;
    border: 1px solid rgba(255,255,255,.5); border-left: 9px solid rgba(41,20,75,.35);
    border-radius: 4px 12px 12px 4px;
    box-shadow: 4px 3px 0 #fff9f0, 7px 6px 0 #d3c7de, 8px 9px 0 rgba(52,27,95,.17);
  }
  .profile-page #profileCollaborator .learning-mobile-node::before {
    content: ""; position: absolute; inset: 0 auto 0 7px; width: 1px;
    background: rgba(255,255,255,.25);
  }
  .profile-page #profileCollaborator .learning-mobile-node-icon { justify-content: center; align-items: center; }
  .profile-page #profileCollaborator .learning-mobile-node-icon svg { width: 60px; height: 60px; opacity: .9; }
  .profile-page #profileCollaborator .learning-mobile-node-icon small {
    position: absolute; top: 8px; right: 7px; padding: 3px 4px; font-size: .65rem;
  }
  .profile-page #profileCollaborator .learning-mobile-node-title { font-size: .79rem; line-height: 1.25; }
  .profile-page #profileCollaborator .has-mobile-trail .learning-trail-marker,
  .profile-page #profileCollaborator .has-mobile-trail .is-mobile-step-open .learning-trail-marker { display: none; }
  .profile-page #profileCollaborator .has-mobile-trail .is-mobile-step-open .learning-trail-content {
    position: absolute; z-index: 3; top: 163px;
    left: clamp(0px, calc(var(--node-x) - 94px), calc(100% - 188px));
    width: 188px; min-height: 0; margin: 0; padding: 10px;
    border: 1px solid #c3b4dd; border-radius: 14px;
    background: #4a2c75; box-shadow: 0 6px 16px rgba(52,27,95,.16); transform: none;
  }
  .profile-page #profileCollaborator .has-mobile-trail .is-mobile-step-open .learning-trail-content::before {
    content: ""; position: absolute; top: -7px; left: calc(50% - 6px); width: 12px; height: 12px;
    background: #4a2c75; border-left: 1px solid #c3b4dd; border-top: 1px solid #c3b4dd; transform: rotate(45deg);
  }
  .profile-page #profileCollaborator .has-mobile-trail .learning-trail-content > :is(h3,p) { display: none; }
  .profile-page #profileCollaborator .learning-card-actions { margin: 0; }
  .profile-page #profileCollaborator .learning-card-actions :is(button,a) { padding: 8px 5px; font-size: .75rem; }
  .profile-page #profileCollaborator .learning-card-actions span { display: none; }
  .profile-page #profileCollaborator .learning-trail-future { padding: 10px 0 0; }
}