body.public-course main{max-width:1100px}body.public-course .intro{min-height:0;margin:14px 0;align-items:center}body.public-course .intro .room-scene{flex-basis:130px;padding-top:0;align-self:center}body.public-course .intro .room-scene img{height:90px}body.public-course .intro .cat-message{display:none}body.public-course .intro h1{font-size:clamp(25px,3vw,36px)}
.learning-toolbar{position:sticky;top:0;z-index:20;background:#f7efddf5;border:2px solid #a68b6e;border-radius:8px;padding:10px;display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.learning-toolbar button{font-size:14px;padding:8px 12px}.learning-toolbar button[aria-pressed=true]{background:#dce4c4;border-color:#466239}.learning-toolbar .tools-button{margin-left:auto}.learning-view{min-width:0}.learning-view>.panel{margin-bottom:20px}.route-position{font-size:14px;margin:10px 0;color:#466239}.route-nav{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.route-nav a{padding:8px}.learning-dialog{width:min(980px,calc(100vw - 24px));max-height:85vh;box-sizing:border-box;background:#fff9eb;color:#39271e;border:2px solid #987b5c;border-radius:10px;padding:16px;overflow:auto}.learning-dialog::backdrop{background:#30241bb0}.learning-dialog .dialog-close{position:sticky;top:0;z-index:3;float:right}.learning-dialog section{clear:both}.learning-dialog h2{font-size:20px}.learning-dialog p{font-size:14px}.learning-dialog [data-reference-fretboard]{margin-bottom:0}
.route-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.route-cards .panel{margin:0}.route-cards ol{padding-left:22px}.route-cards li{padding:6px 0}.route-cards a{line-height:1.7}.progress-mark{font-size:12px;color:#466239;margin-left:6px}.public-welcome{margin-bottom:24px}.public-welcome h1{max-width:760px}.public-welcome .actions{display:flex;flex-wrap:wrap}.public-summary{margin:20px 0}.learning-record label{display:block;margin:10px 0}.transfer-chart{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.transfer-chart button{flex:1;min-width:110px}.transfer-chart button[aria-pressed=true]{background:#dce4c4}.transfer-chart button.is-playing{outline:3px solid #466239}.transfer-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.transfer-controls label{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.transfer-controls select{max-width:100%}.transfer-position{padding:12px;border:1px dashed #987b5c;margin:14px 0}.learning-view button:focus-visible,.learning-toolbar button:focus-visible,.learning-dialog button:focus-visible{outline:3px solid #75567d;outline-offset:3px}body.public-course .panel,body.public-course .course-end,body.public-course .intro,body.public-course p{overflow-wrap:anywhere}body.public-course [id]{scroll-margin-top:130px}
@media(max-width:640px){body.public-course main{padding:16px 12px 32px}body.public-course .intro .room-scene{display:none}body.public-course .intro>div:first-child>p{font-size:14px}body.public-course header{height:auto;min-height:65px;box-sizing:border-box;max-width:100%;flex-wrap:wrap;gap:6px;padding:12px}body.public-course header>.muted{max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}.learning-toolbar{padding:6px;gap:5px}.learning-toolbar button{font-size:12px;padding:8px;flex:1}.learning-toolbar .tools-button{margin-left:0}.route-cards{grid-template-columns:1fr}.learning-dialog{padding:10px}.learning-view .panel{padding:14px}.route-nav{font-size:13px}body.public-course .course-end a{max-width:100%}}
@media(prefers-reduced-motion:reduce){body.public-course *,body.public-course *::after{animation:none!important;scroll-behavior:auto!important}}
.unit-navigation{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}.unit-navigation label{flex:1;min-width:0}.unit-navigation select{display:block;width:100%;max-width:100%;font-size:14px}.learning-unit>.panel{margin:16px 0}.learning-view>details{margin:10px 0;padding:8px 12px}.learning-view>details[open]{margin-bottom:18px}