/* More room for the detailed SVG art; the map keeps its readable scale on phones. */
.jp226-course-page .trackwrap{padding:8px;border:1px solid #657766;border-radius:16px;background:linear-gradient(135deg,#35463c,#172c29);box-shadow:inset 0 1px 0 #aab79b33;scrollbar-color:#81976e #1b3029}
.jp226-course-page .track{min-width:880px;max-width:none;border-radius:10px;overflow:hidden}
.jp226-course-page .track a{cursor:pointer}
.jp226-course-page .track a:hover{filter:brightness(1.15)}
.jp226-course-page .track a:focus-visible{outline:2px solid #f2ce88;outline-offset:5px}
.jp226-course-page .trainpick{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:12px}
.jp226-course-page .trainpick .opt{border-radius:13px;padding:12px;transition:border-color .18s,box-shadow .18s}
.jp226-course-page .trainpick .opt:hover{border-color:#526f43;box-shadow:0 4px 13px #243c251c}
.jp226-course-page .tprev{display:block;box-sizing:border-box;width:100%;max-width:180px;height:100px;object-fit:contain;margin:0 auto 12px;padding:9px 6px;background:radial-gradient(ellipse at 50% 80%,#45634c,#1b302e 75%);border:1px solid #667e63;border-radius:10px}
.jp226-course-page .opt:has(input:checked) .tprev{background:radial-gradient(ellipse at 50% 80%,#53764f,#203c30 75%);border-color:#b7aa64}
.jp226-course-page .mini{overflow:visible;width:48px;height:31px}
.jp226-course-page .dot.now .mini{width:54px;height:34px;margin-left:-27px;bottom:9px}
.jp226-course-page .dots{padding-top:34px}
@media(max-width:560px){.jp226-course-page .trainpick{grid-template-columns:1fr 1fr;gap:9px}.jp226-course-page .trainpick .opt{padding:9px}.jp226-course-page .tprev{height:86px;padding:7px 3px}.jp226-course-page .trackwrap{padding:5px}.jp226-course-page .trackwrap::after{content:'Scroll sideways to follow your learning journey →';display:block;color:#d4ddc6;padding:8px 10px;font:10px/1.5 Arial,sans-serif;position:sticky;left:0;width:fit-content;max-width:100%}}
@media(prefers-reduced-motion:reduce){.jp226-course-page .train{animation:none!important}.jp226-course-page .trainpick .opt{transition:none}}