/* Only the demo-specific four-step arrangement. Tile, current-step and button design is shared with member 1.0.1. */
/* Guest heading follows the simpler four-step journey, without an initial arrow or start rule. */
body.gt-gp-preview-lesson #gt-lp-lesson-shell .gt-lp-assignment-meta:has(.gt-gp-journey-heading){grid-template-columns:auto auto minmax(0,1fr) auto;gap:8px 16px}
.gt-gp-journey-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;min-width:0}
body.gt-gp-preview-lesson #gt-lp-lesson-shell .gt-gp-journey-heading .gt-lp-route-step{font-size:14px;white-space:normal}
body.gt-gp-preview-lesson #gt-lp-lesson-shell .gt-gp-journey-heading .gt-lp-route-name{font-size:16px;white-space:normal;margin:0;line-height:1.4}
body.gt-gp-preview-lesson #gt-lp-lesson-shell .gt-lp-route-journey{grid-column:2;gap:12px}
body.gt-gp-preview-lesson #gt-lp-lesson-shell .gt-lp-route-journey .gt-lp-route-finish{height:24px}
body.gt-gp-preview-lesson #gt-lp-lesson-shell .gt-lp-route-overview{grid-column:4;justify-self:end;display:inline-flex;width:auto;gap:8px;text-decoration:none!important}
body.gt-gp-preview-lesson #gt-lp-lesson-shell .gt-lp-route-overview:is(:hover,:focus-visible){text-decoration:none!important}
body.gt-gp-preview-lesson #gt-lp-lesson-shell .gt-lp-route-overview:is(:hover,:focus-visible) .gt-lp-overview-arrow{color:#f4a338;transform:translateX(3px)}
@media(max-width:900px){
 body.gt-gp-preview-lesson #gt-lp-lesson-shell .gt-lp-assignment-meta:has(.gt-gp-journey-heading){grid-template-columns:minmax(0,1fr) auto}
 body.gt-gp-preview-lesson #gt-lp-lesson-shell .gt-gp-journey-heading{grid-column:1;grid-row:1}
 body.gt-gp-preview-lesson #gt-lp-lesson-shell .gt-lp-route-overview{grid-column:2;grid-row:1}
 body.gt-gp-preview-lesson #gt-lp-lesson-shell .gt-lp-route-journey{grid-column:1/-1;grid-row:2}
}
@media(max-width:600px){
 body.gt-gp-preview-lesson #gt-lp-lesson-shell .gt-lp-route-overview{width:auto}
 body.gt-gp-preview-lesson #gt-lp-lesson-shell .gt-gp-journey-heading .gt-lp-route-name{font-size:15px}
}
@media(prefers-reduced-motion:reduce){body.gt-gp-preview-lesson #gt-lp-lesson-shell .gt-lp-route-overview:is(:hover,:focus-visible) .gt-lp-overview-arrow{transform:none}}

/* Like the member journey, a separate mobile row needs no leading divider. */
@media(max-width:900px){body.gt-gp-preview-lesson #gt-lp-lesson-shell .gt-lp-route-journey .gt-lp-route-finish{display:none}}

.gt-gp-steps-label{display:none}
@media(max-width:600px){
 body.gt-gp-preview-lesson #gt-lp-lesson-shell .gt-gp-steps-label{display:block;font-size:13px;color:#526a78;flex:none}
 body.gt-gp-preview-lesson #gt-lp-lesson-shell .gt-lp-route-journey{gap:10px;padding-top:2px;justify-content:center}
 body.gt-gp-preview-lesson #gt-lp-lesson-shell .gt-lp-route-overview{font-size:13px;gap:4px}
 body.gt-gp-preview-lesson #gt-lp-lesson-shell #gt-lp-lesson-context{margin-bottom:22px}
}