.learning-guide{--learn-ink:var(--mc-text-primary,#173d3c);--learn-muted:var(--mc-text-secondary,#526a70);--learn-paper:var(--mc-surface,#fff);--learn-line:var(--mc-border,#ccdcd5);color:var(--learn-ink);margin:1rem 0 2rem;min-width:0;isolation:isolate}.learning-guide *{box-sizing:border-box}.learning-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.learning-top h2{margin:.25rem 0;font-size:clamp(1.4rem,3vw,2rem);overflow-wrap:anywhere}.learning-eyebrow{font-size:.7rem;letter-spacing:.12em;font-weight:750;color:var(--learn-muted);margin:.4rem 0}.learning-position{color:var(--learn-muted);font-size:.9rem}.learning-path{display:flex;gap:.5rem;overflow-x:auto;padding:.35rem .2rem .8rem;scrollbar-width:thin}.learning-path .learning-stop{flex:0 0 auto;max-width:220px;min-height:44px;border-radius:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.8rem;background:var(--learn-paper);border:1px solid var(--learn-line);color:var(--learn-muted)}.learning-stop[aria-current=true]{background:#166d68!important;color:#fff!important;border-color:#166d68!important}.learning-body{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:1.25rem;align-items:stretch}.learning-visual{position:relative;min-height:370px;border-radius:28px;border:1px solid var(--learn-line);background:radial-gradient(ellipse at 50% 50%,#90d6cc38,transparent 65%),var(--learn-paper);overflow:hidden}.learning-visual svg{width:100%;height:100%;position:absolute;inset:0}.learning-line{fill:none;stroke:#a3bdb8;stroke-width:2}.learning-line.is-current{stroke:#238f80;stroke-width:3;stroke-dasharray:8 5;animation:learning-flow 4s linear infinite}.learning-line.is-example{stroke:#c39b65;stroke-dasharray:4 5}.learning-visual .learning-bubble{position:absolute;transform:translate(-50%,-50%);margin:0;border:1px solid var(--learn-line);background:var(--learn-paper);color:var(--learn-ink);border-radius:18px;min-height:48px;padding:.7rem;font:inherit;line-height:1.35;text-align:center;box-shadow:0 8px 25px #173d3c0a;overflow-wrap:anywhere}.learning-bubble.is-parent{top:13%;left:50%;width:66%;max-width:280px;font-size:.8rem;min-height:44px}.learning-bubble.is-current{top:51%;left:50%;width:38%;background:#166d68;color:white;border-color:#58c0af;box-shadow:0 0 0 6px #51bda61c,0 14px 35px #166d6829;z-index:1}.learning-bubble.is-current small{display:block;font-size:.6rem;letter-spacing:.12em;margin-bottom:.5rem;color:#d2f3e9}.learning-bubble.is-current strong{font-size:clamp(.88rem,1.3vw,1.15rem)}.learning-bubble.is-related{top:51%;width:27%;font-size:.75rem;cursor:pointer}.learning-bubble.is-left{left:15%}.learning-bubble.is-right{left:85%}.learning-bubble.is-everyday{top:84%;left:50%;width:48%;background:#fff1dd;color:#654319;border-color:#e6cba5;font-size:.78rem}.learning-visual-caption{position:absolute;bottom:.1rem;width:100%;text-align:center;font-size:.65rem;color:var(--learn-muted);padding:0 .5rem}.learning-card{padding:clamp(1rem,2vw,1.6rem);border:1px solid var(--learn-line);border-radius:28px;background:var(--learn-paper);min-width:0;box-shadow:0 10px 35px #173d3c08}.learning-card h3{font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.3;margin:1rem 0 .7rem;overflow-wrap:anywhere}.learning-card p{line-height:1.65;overflow-wrap:anywhere}.learning-explanation{white-space:pre-wrap}.learning-phases{display:flex;gap:.3rem;border-bottom:1px solid var(--learn-line);padding-bottom:.65rem}.learning-phases button{flex:1;min-height:44px;padding:.4rem .5rem;border-radius:12px;background:transparent;border:0;color:var(--learn-muted);font-size:.8rem}.learning-phases button[aria-pressed=true]{background:#dcf0e9;color:#15564f;font-weight:750}.learning-connection{border-left:3px solid #75b8a3;padding:.75rem 1rem;background:#77bda710;border-radius:0 14px 14px 0;font-size:.88rem}.learning-connection p{margin:.4rem 0 0}.learning-note{font-size:.78rem;color:var(--learn-muted)}.learning-source,.learning-transcript{font-size:.85rem;line-height:1.6;margin:1rem 0}.learning-source summary,.learning-transcript summary{cursor:pointer;min-height:44px;padding:.65rem 0}.learning-source blockquote{margin:.4rem 0;border-left:2px solid #70a99a;padding-left:1rem;white-space:pre-wrap}.learning-card label{display:block;font-size:.85rem;line-height:1.5}.learning-card textarea{display:block;width:100%;min-height:95px;margin:.5rem 0;padding:.8rem;border:1px solid var(--learn-line);border-radius:14px;background:var(--learn-paper);color:var(--learn-ink);font:inherit;resize:vertical}.learning-card>.mc-button{margin:.4rem .3rem .3rem 0;min-height:44px;white-space:normal}.learning-example{font-size:1.1rem;line-height:1.7;background:#edbb6f15;border-radius:18px;padding:1rem}.learning-question{font-size:1.15rem;font-weight:650}.learning-reasoning{padding:1rem;border-radius:16px;border:1px solid var(--learn-line);line-height:1.7;white-space:pre-wrap}.learning-footer{display:flex;align-items:center;gap:.5rem;margin:1rem 0;flex-wrap:wrap}.learning-footer button{min-height:44px;white-space:normal}.learning-footer .mc-button--primary{margin-left:auto;max-width:55%}.learning-transcript p{white-space:pre-wrap;max-height:420px;overflow:auto;padding:1rem;background:var(--learn-paper);border-radius:16px}.learning-feedback{font-size:.85rem}.learning-guide.is-quiet .learning-visual,.learning-guide.is-quiet .learning-path{display:none}.learning-guide.is-quiet .learning-body{grid-template-columns:minmax(0,680px);justify-content:center}.maps-learn-toolbar{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.maps-learn-toolbar button{min-height:44px}.learning-sample-banner{padding:1rem 1.2rem;border:1px solid var(--mc-border,#ccdcd5);border-radius:20px;background:var(--mc-surface,#fff);display:flex;align-items:center;gap:1rem;justify-content:space-between;flex-wrap:wrap}.learning-sample-banner p{margin:.2rem 0;font-size:.9rem}.mind-map-export-menu[open]{z-index:50}.mind-map-toolbar{position:relative;z-index:5}.mind-map-export-menu__options{z-index:60!important}
@keyframes learning-flow{to{stroke-dashoffset:-52}}@media(prefers-reduced-motion:reduce){.learning-line.is-current{animation:none}.learning-guide *{scroll-behavior:auto!important}}@media(max-width:780px){.learning-body{grid-template-columns:minmax(0,1fr)}.learning-visual{min-height:300px}.learning-card{border-radius:22px}.learning-footer .mc-button--primary{max-width:100%;flex:1 1 100%;margin:0}.learning-top{align-items:flex-start}.learning-top>.mc-button{flex-shrink:0;font-size:.8rem;padding:.55rem}.learning-bubble.is-current strong{font-size:.9rem}.learning-path .learning-stop{max-width:185px}.learning-visual-caption{font-size:.6rem}}@media(max-width:370px){.learning-visual{min-height:270px}.learning-bubble.is-related{font-size:.65rem;padding:.4rem}.learning-bubble.is-current{padding:.6rem}.learning-phases button{font-size:.75rem}.learning-top h2{font-size:1.3rem}}
/* Existing app-wide button motion and minimum widths must not move diagram nodes or stretch lesson cards. */
.learning-guide{width:100%;max-width:100%}.learning-top>div,.learning-body>*{min-width:0}.learning-guide .mc-button{min-width:0}.learning-path{max-width:100%;min-width:0}.learning-visual .learning-bubble{transform:translate(-50%,-50%)!important}.learning-phases{min-width:0}.learning-phases .mc-button{min-width:0;max-width:100%;flex:1 1 0}.learning-sample-banner>*{min-width:0}
.learning-guide .mc-button{min-width:0!important}.learning-guide .learning-phases .mc-button{padding:.45rem .3rem!important;font-size:.8rem!important}.learning-visual .learning-bubble.mc-button{padding:.6rem!important;font-size:.78rem!important;border-radius:18px!important}.learning-guide .learning-path .mc-button{font-size:.8rem!important;padding:.6rem .85rem!important;border-radius:100px!important}

.learning-music{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem 1rem;margin:0 0 .7rem}.learning-music label{display:flex;align-items:center;gap:.5rem;color:var(--learn-muted);font-size:.8rem}.learning-music input{width:100px;min-width:0;accent-color:#166d68}.learning-music .learning-note:empty{display:none}.learning-music .mc-button{min-height:44px}.learning-music button[aria-pressed=true]{background:#d9f1e7;color:#154c40}
.learning-quick-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.learning-quick-actions button{min-height:44px;white-space:normal}.learning-overview{margin-top:1rem;padding:clamp(1rem,2vw,1.5rem);border:1px solid var(--learn-line);border-radius:24px;background:var(--learn-paper)}.learning-overview-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.learning-overview h3{margin:0;font-size:1.1rem}.learning-overview p{line-height:1.65;overflow-wrap:anywhere;white-space:pre-wrap}.learning-overview summary,.learning-ambience summary{cursor:pointer;min-height:44px;padding:.75rem 0}.learning-ambience{margin-top:.5rem;color:var(--learn-muted);font-size:.85rem}.learning-ambience .study-music{margin-bottom:1rem}@media(max-width:600px){.learning-top{align-items:flex-start;flex-direction:column}.learning-quick-actions{width:100%}.learning-quick-actions .mc-button--primary{flex:1}.learning-body{gap:.75rem}.learning-visual{min-height:290px}.learning-path{margin-bottom:.25rem}.learning-overview{border-radius:20px}.learning-overview-heading{align-items:flex-start}.learning-overview-heading button{min-height:44px;flex-shrink:0}.learning-top h2{font-size:1.4rem}}