.page{max-width:1080px;margin:0 auto;padding:26px 28px 90px}.crumb{font-size:13px;color:var(--grey);margin-bottom:22px}.crumb a{color:var(--grey)}h1{font-size:clamp(28px,4.4vw,40px);font-weight:900;color:var(--navy);margin-bottom:12px}.lead{font-size:16px;margin-bottom:8px;max-width:720px}.block{margin-top:46px}.sec-title{font-size:24px;font-weight:900;color:var(--navy);display:flex;align-items:center;gap:12px;margin-bottom:16px}.sec-no{background:var(--navy);color:#fff;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:16px;flex:none}.block-lead{font-size:15px;margin-bottom:14px}.panel{display:grid;grid-template-columns:minmax(300px,430px) 1fr;gap:26px;background:#fff;border:1.5px solid var(--line);border-radius:22px;padding:24px;align-items:center}.panel-diagram svg,.step-diagram svg,.next-diagram svg{width:100%;height:auto;display:block}.panel-point{font-size:16px;font-weight:700}.panel-tones{font-size:14px;color:var(--grey);font-weight:700;margin:10px 0 16px}.panel-btns{display:flex;gap:10px;flex-wrap:wrap}.btn-dark{background:var(--navy);color:#fff;border:none;font-weight:800;font-size:14.5px;padding:12px 20px;border-radius:999px;cursor:pointer;font-family:inherit}.btn-light{background:#fff;color:var(--navy);border:1.5px solid var(--line);font-weight:800;font-size:14.5px;padding:12px 20px;border-radius:999px;cursor:pointer;font-family:inherit}.link-btn{text-decoration:none;display:inline-flex;align-items:center}.panel-note{margin-top:14px;font-size:12.5px;color:var(--grey)}.step-viewer{background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:18px}.step-tabs{display:flex;gap:8px;margin-bottom:14px}.step-tab{background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:9px 18px;font-family:inherit;font-weight:800;font-size:14px;color:var(--navy);cursor:pointer}.step-tab.on{background:var(--navy);color:#fff;border-color:var(--navy)}.step-pane .step-diagram{max-width:360px;margin:0 auto}.step-pane h3{font-size:16.5px;font-weight:900;color:var(--navy);margin:12px 0 6px}.step-pane p{font-size:14px}.tip{background:var(--beige);border-radius:14px;padding:14px 18px;font-size:14px;margin-top:16px}.string-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.string-row{display:flex;align-items:center;gap:14px;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:12px 16px}.string-label{font-weight:900;color:var(--navy);min-width:44px}.string-state{flex:1;font-size:14.5px}.string-state.mute{color:var(--grey);font-weight:700}.btn-listen{background:var(--beige);border:none;font-weight:800;font-size:13px;padding:9px 14px;border-radius:999px;cursor:pointer;font-family:inherit;color:var(--navy)}.troubles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.trouble{background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:18px}.trouble h3{font-size:16px;font-weight:900;color:var(--navy);margin-bottom:8px}.trouble p{font-size:13.5px}.next-panel{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:26px;background:var(--beige);border-radius:22px;padding:24px;align-items:center}.next-panel h3{font-size:19px;font-weight:900;color:var(--navy);margin-bottom:8px}.next-panel p{font-size:14.5px;margin-bottom:16px}.practice{margin-top:4px}.practice-display{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.p-chip{background:#fff;border:1.5px solid var(--line);color:var(--navy);font-weight:900;font-size:20px;border-radius:12px;padding:8px 18px}.p-chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}.p-arrow{font-weight:900;color:var(--grey)}.p-count{display:inline-flex;gap:6px;margin-left:6px}.p-count i{width:13px;height:13px;border-radius:50%;background:#fff;border:1.5px solid var(--line);display:block}.p-count i.on{background:var(--note-do);border-color:var(--note-do)}.p-status{font-size:13px;font-weight:700;color:var(--grey);width:100%}.practice-controls{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:14px;font-weight:800;color:var(--navy);font-size:14px}.practice-controls select{font-family:inherit;font-size:14px;font-weight:700;padding:7px 10px;border-radius:10px;border:1.5px solid var(--line);background:#fff;margin-left:6px}.practice-note{font-size:12.5px!important;color:var(--grey);margin-top:12px}@media(max-width:900px){.page{padding:20px 16px 70px}.panel,.next-panel,.steps,.troubles{grid-template-columns:1fr}}