.pedagogical-journey{--journey-ink:#163044;--journey-muted:#3d596b;--journey-accent:#08615e;color:var(--journey-ink);background:#f5fafb;border:1px solid #c9dee3;border-radius:20px;max-width:1200px;margin:auto;overflow-wrap:anywhere;font-size:1rem;line-height:1.65;padding:clamp(14px,3vw,32px)}
.pedagogical-journey *{box-sizing:border-box;min-width:0}
.pedagogical-journey h2,.pedagogical-journey h3,.pedagogical-journey h4{color:var(--journey-ink);line-height:1.3;margin:0 0 12px}
.pedagogical-journey h2{font-size:clamp(1.8rem,5vw,3rem)}
.pedagogical-journey p{color:var(--journey-ink);margin:12px 0}.pedagogical-journey .journey-kicker,.pedagogical-journey .journey-note{color:var(--journey-muted)}
.journey-kicker,.journey-detail>span{font-size:.8rem;letter-spacing:.06em;font-weight:700}.journey-header{max-width:850px}.pedagogical-journey progress{width:100%;height:10px;accent-color:#08615e;margin:20px 0}
.journey-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px}.journey-trail{display:flex;flex-direction:column;gap:8px;align-self:start}.journey-main{max-width:840px}
.pedagogical-journey button,.pedagogical-journey summary{font:inherit;white-space:normal;cursor:pointer;color:#163044;background:#fff;border:1px solid #92b1b9;border-radius:10px;padding:10px 14px;min-height:44px;text-align:left}
.pedagogical-journey button[aria-current],.pedagogical-journey button[aria-pressed=true]{background:#08615e;color:#fff;border-color:#08615e}
.pedagogical-journey button:disabled{cursor:default;color:#526776;background:#e7eef0;border-color:#b6c5cc}.pedagogical-journey :focus-visible{outline:3px solid #9b3c00;outline-offset:3px}
.journey-scene{border-left:4px solid #08615e;padding:14px 18px;background:#e2f1f0;border-radius:0 12px 12px 0}.journey-body{font-size:1.08rem}.journey-help{margin:20px 0;background:#fff;border-radius:12px}.journey-help>p{padding:0 16px 16px}
.journey-widget{margin:24px 0;padding:20px;background:#fff;border:1px solid #c9dee3;border-radius:16px}.journey-hotspots,.journey-sequence,.journey-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px}
.journey-hotspots button{border-radius:16px;min-height:76px;background:#eef7f7}.journey-detail{padding:18px;margin-top:14px;border-left:3px solid #08615e;background:#f1f7f8;border-radius:10px}.journey-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.journey-comparison section{padding:16px;background:#eef5f6;border-radius:12px;border-top:3px solid #08615e}.journey-order{padding-left:24px}.journey-order li{padding:10px 0;border-bottom:1px solid #d7e4e8}.journey-order li>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.journey-order button{font-size:.85rem}
.pedagogical-journey fieldset{border:0;padding:0;margin:16px 0}.pedagogical-journey legend{font-weight:700;margin-bottom:10px}.pedagogical-journey label{display:flex;align-items:center;gap:12px;border:1px solid #92b1b9;border-radius:10px;margin:8px 0;padding:12px;min-height:48px;cursor:pointer}.pedagogical-journey input{accent-color:#08615e;min-width:20px;width:20px;height:20px;flex-shrink:0}
.pedagogical-journey .journey-feedback{border-left:4px solid #08615e;background:#e4f2ed;padding:14px;border-radius:8px}.journey-note,.journey-sources{font-size:.9rem}.journey-sources li{font-size:.8rem}.journey-summary{padding-left:25px}.journey-summary li{padding:8px}.pedagogical-journey figure{margin:20px 0}.pedagogical-journey img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain}.pedagogical-journey figcaption{font-size:.85rem;color:#3d596b;padding:8px 0}
.journey-widget,.journey-detail{animation:journey-appear .15s ease-out}@keyframes journey-appear{from{opacity:.7}to{opacity:1}}
@media(max-width:768px){.journey-layout{grid-template-columns:minmax(0,1fr);gap:20px}.journey-trail{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:6px}.journey-trail button{font-size:.88rem}.journey-widget{padding:14px}.pedagogical-journey{margin-bottom:110px}.journey-controls button{flex:1 1 160px}}
@media(prefers-reduced-motion:reduce){.pedagogical-journey *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.journey-hotspot-image{position:relative;margin:18px 0}.journey-hotspot-image figure{margin:0}.journey-hotspot-image img{max-height:none}.journey-hotspot-image figcaption{margin-top:8px}.journey-hotspot-image>button{position:absolute;transform:translate(-50%,-50%);border-radius:50%;width:44px;min-height:44px;padding:0;text-align:center;font-weight:700}