.solfege-method{padding:14px 18px;border-left:3px solid #b48a3a;background:#fff8e9;color:#4d5f73;line-height:1.6}.solfege-do{display:inline-block;padding:10px 20px;border:1px solid #c09b54;background:#fff8e9;color:#785114;font-size:22px;font-weight:750}.solfege-notation{width:100%;box-sizing:border-box;flex-shrink:0;max-width:760px;margin:16px auto;overflow-x:auto;background:white;border:1px solid #dfe6ee}.solfege-slots{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:16px auto 22px}.solfege-slot{background:white;border:1px solid #aebfd2;border-radius:4px;min-height:68px;min-width:110px;padding:10px 16px;color:#183b68;font:700 23px system-ui;cursor:pointer}.solfege-slot small{display:block;font-size:12px;font-weight:500;margin-bottom:4px}.solfege-slot[aria-pressed=true]{outline:3px solid #335f94;outline-offset:2px;background:#edf3fa}.solfege-slot.correct{background:#eaf7f0;border-color:#19734b}.solfege-slot.wrong{background:#fff0f0;border-color:#b32d36}.solfege-choices{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;max-width:850px;margin:15px auto 24px}.solfege-choices button{font:750 21px system-ui;min-width:66px;min-height:50px;padding:10px 14px;background:#edf3fa;color:#183b68;border:1px solid #aebfd2;border-radius:4px;cursor:pointer}.solfege-choices button[aria-pressed=true]{background:#183b68;color:white}.solfege-choices button:focus-visible,.solfege-slot:focus-visible{outline:3px solid #b48428;outline-offset:3px}.solfege-choices button:disabled,.solfege-slot:disabled{opacity:1;cursor:default}.solfege-body #explain{max-width:800px}.solfege-choice-guide{font-size:13px;color:#52677f}@media(max-width:700px){.solfege-do{font-size:19px}.solfege-slot{min-width:calc(50% - 12px);font-size:21px}.solfege-choices{gap:7px}.solfege-choices button{min-width:59px;min-height:48px;font-size:19px;padding:9px 11px}.solfege-notation{margin:12px 0}.solfege-method{padding:12px;font-size:14px}}

.solfege-scroll-hint{font-size:12px;color:#52677f;margin:6px 0 14px}@media(min-width:800px){.solfege-scroll-hint{display:none}}