.rhythm-page{--rhythm-paper:#fffef9}.rhythm-page h1 em{color:var(--green)}.rhythm-page>.lead{max-width:750px}.rhythm-toolbar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px;margin:28px 0 14px;color:var(--muted)}.rhythm-paper{padding:30px;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:5px;background:var(--rhythm-paper)}#rhythm-staff{overflow-x:auto;color:var(--ink)}#rhythm-staff svg{display:block;width:100%;max-height:230px}.rhythm-paper details{color:var(--muted);font-size:14px;margin:12px 0 26px}.rhythm-paper summary{cursor:pointer}#rhythm-options{border:0;padding:0;margin:0;display:flex;gap:16px;flex-wrap:wrap}#rhythm-options legend{font-size:18px;margin-bottom:18px}#rhythm-options label{display:flex;align-items:center;gap:20px;border:2px solid var(--line);border-radius:5px;padding:18px 24px;min-width:200px;cursor:pointer;background:var(--paper)}#rhythm-options input{width:22px;height:22px;accent-color:var(--green)}.rhythm-signature{display:flex;flex-direction:column;align-items:center;font:38px/1 Georgia,serif}.rhythm-choice-status{font-size:13px}#rhythm-options .is-correct{border-color:#287447;background:#eaf3e8}#rhythm-options .is-wrong{border-color:#b53535;background:#fff0ed}#rhythm-options .is-wrong input{accent-color:#b53535}#rhythm-feedback{min-height:48px;max-width:800px;margin:24px 0}.rhythm-page .is-correct{color:#205b35}.rhythm-page .is-wrong{color:#942828}#rhythm-next{font:inherit;cursor:pointer}.rhythm-help{max-width:800px;margin-top:42px}.rhythm-help h2{font-size:30px}.rhythm-help p{color:var(--muted)}@media(max-width:600px){.rhythm-paper{padding:18px 12px}#rhythm-options{gap:10px}#rhythm-options label{padding:14px;min-width:0;flex:1;gap:10px;flex-wrap:wrap}.rhythm-choice-status{flex-basis:100%}.rhythm-toolbar{font-size:12px}#rhythm-options legend{font-size:16px}}