.course-link{border:1px solid var(--ink);background:#fff;justify-content:space-between;align-items:center;width:100%;margin-top:15px;padding:12px;font-weight:800;display:flex}:root[data-theme=dark] .course-body .course-link,:root[data-theme=dark] .course-body button{color:#fff;border-color:var(--line);background:#000}.fifths{max-width:850px;margin:auto}.fifths-heading{justify-content:space-between;align-items:start;gap:20px;display:flex}.fifths-heading h2{margin:0 0 10px;font-size:clamp(34px,5vw,54px)}.fifths-heading p{color:#555;margin:0}.fifths-heading img{object-fit:contain;flex:none;width:90px;height:70px}.fifths-chart{max-width:600px;margin:18px auto 30px}.fifths-chart svg{width:100%;height:auto;display:block}.fifths-major{fill:#fff;font:700 25px Arial,sans-serif}.fifths-minor{fill:#c9ff43;font:700 20px Arial,sans-serif}.fifths-centre{fill:#fff;font:700 18px Arial,sans-serif}.fifths-centre-small{fill:#c9ff43;font:700 17px Arial,sans-serif}.fifths-copy{font-size:16px;line-height:1.65}.fifths-copy h3{margin:28px 0 8px;font-size:23px}.fifths-copy p{margin:0 0 15px}.fifths-copy li{margin:0 0 12px;padding-left:4px}.fifths-copy ul{padding-left:23px}.fifths-note{background:#eee8ff;border-radius:6px;padding:16px;font-size:14px}@media (width<=520px){.fifths-heading img{width:66px;height:55px}.fifths-major{font-size:27px}.fifths-minor{font-size:21px}}.change-key{color:inherit;gap:1rem;display:grid}.change-key h2,.change-key h3,.change-key p{margin:0}.change-key p{line-height:1.6}.change-key small{opacity:.8;font-size:.875rem;line-height:1.5}.change-key label{gap:.5rem;font-size:1rem;display:grid}.change-key select,.change-key input{font:inherit;max-width:100%;color:inherit;background:0 0;border:1px solid;border-radius:.4rem;padding:.7rem}.change-key select option{color:#111;background:#fff}.change-key-selects{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.change-key audio{width:100%;margin:.8rem 0}.change-key-button{cursor:pointer;color:#151515;font:inherit;text-align:center;background:#f3c44e;border:0;border-radius:.4rem;padding:.8rem 1rem;text-decoration:none;display:inline-block}.change-key-button:disabled{opacity:.5;cursor:wait}.change-key-filename{overflow-wrap:anywhere}.change-key progress{width:100%}@media (width<=480px){.change-key-selects{grid-template-columns:1fr}}