.scale-application-trail{min-width:0}.scale-application-trail p{font-size:1rem;line-height:1.65}.scale-application-trail [data-progress-text]{margin:12px 0}.scale-lessons{display:grid;gap:14px}.scale-lesson{border:1px solid #40514c;border-radius:14px;background:#0d1716;overflow:hidden;color:#eef8f3}.scale-lesson>summary{cursor:pointer;padding:20px;font-size:1.1rem;font-weight:700;color:#70f1b1}.scale-lesson-body{padding:0 20px 22px}.scale-map{max-width:680px;margin:20px auto}.scale-map svg{width:100%;height:auto;display:block;background:#07100d;border-radius:12px}.scale-map line{stroke:#577063;stroke-width:1}.scale-map circle{fill:#6ef0ab}.scale-map text{fill:#dbeee3;font-size:17px;font-weight:700}.scale-map text.scale-pitch{fill:#072015;font-size:12px}.scale-map-caption{font-size:.875rem!important;color:#bdcfc8}.scale-audio{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.scale-audio label{display:grid;gap:6px;font-size:1rem}.scale-audio input{width:100px;padding:10px}.scale-application-trail button{min-height:44px;white-space:normal}.scale-lick{margin:20px 0;padding:18px;border:1px solid #425146;border-radius:12px;background:#111e19}.scale-tab{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.scale-tab>div{display:grid;gap:4px;padding:12px 5px;text-align:center;background:#1a3025;border:2px solid transparent;border-radius:8px}.scale-tab small{font-size:.875rem}.scale-tab strong{font-size:1.1rem}.scale-tab span{font-size:1rem}.scale-tab .resolution{grid-column:1/-1;background:#343018;border-color:#d4b75e}.scale-tab .playing{background:#eefcf3;color:#071d13;border-color:#53ef9f}.scale-lesson aside{border-left:3px solid #e8bc62;padding:12px 18px;background:#222315}.scale-complete{display:flex;gap:12px;align-items:center;padding-top:20px;font-size:1rem}.scale-complete input{width:22px;height:22px}.scale-sources{margin-top:20px}.scale-sources a{color:#80dbff;text-decoration:underline}.scale-application-trail input{color:inherit;background:#1a3025;border:1px solid #678475;border-radius:6px}@media(max-width:480px){.scale-lesson>summary{padding:16px;font-size:1rem}.scale-lesson-body{padding:0 12px 16px}.scale-lick{padding:12px}.scale-audio{display:grid;grid-template-columns:1fr 1fr}.scale-tab{gap:5px}.scale-tab>div{padding:10px 2px}.scale-tab strong{font-size:1rem}.scale-tab small{font-size:.875rem}}

.lick-standard-tab{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.lick-standard-tab svg,.lick-animated-neck svg{display:block;width:100%;height:auto;background:#091710;border-radius:10px}.lick-standard-tab text,.lick-animated-neck text{fill:#e2eee8;font-size:16px}.lick-standard-tab line,.lick-animated-neck line{stroke:#6e8c7b;stroke-width:1}.lick-standard-tab .tab-heading{font-size:14px;fill:#9dccb2}.lick-standard-tab .tab-fret{font-size:20px;font-weight:700}.tab-mask{fill:#091710}.tab-cursor{fill:transparent}.lick-standard-tab .playing .tab-cursor{fill:#277d51;fill-opacity:.7}.lick-standard-tab .playing .tab-mask{fill:#a4ffcb}.lick-standard-tab .playing .tab-fret{fill:#071710}.lick-standard-tab .tab-rest{font-size:36px}.lick-animated-neck{max-width:650px;margin:16px auto}.lick-animated-neck p{margin-bottom:8px}.lick-neck-note circle{fill:#438863}.lick-neck-note text{fill:#071710;font-size:13px;font-weight:700}.lick-neck-note.playing{filter:drop-shadow(0 0 5px #a5ffd0)}.lick-neck-note.playing circle{fill:#f5d66c;stroke:#fff;stroke-width:3}.lick-animated-neck svg:has(.playing) .lick-neck-note:not(.playing){opacity:.2}.scale-application-trail button[data-play],.scale-application-trail button[data-stop]{background:#193f2c;color:#effff5;border:1px solid #538a69;border-radius:9px;padding:10px 14px}.scale-lick{min-width:0}@media(max-width:700px){.lick-standard-tab{grid-template-columns:minmax(0,1fr)}.scale-lick{padding:8px}.scale-lesson-body{padding-left:8px;padding-right:8px}}