figure.msc{margin:1.4em auto 1.8em;max-width:40em;width:fit-content;padding:.9em 1.1em .8em;border:1px solid var(--rule-strong,#b9a98f);border-radius:10px;background:var(--surface,#fbf6ec);text-align:center}figure.msc .msc-title{font-weight:600;font-size:.95em;margin:0 0 .5em;color:var(--ink)}.msc-score{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:.15em .1em;margin:0 auto}.msc-ms{display:inline-flex;align-items:flex-end;gap:.15em;padding:0 .35em;border-right:2px solid var(--rule-strong,#b9a98f)}.msc-ms:last-child{border-right:0}.msc-n{display:inline-flex;flex-direction:column;align-items:center;min-width:1.7em;padding:.15em .15em .2em;border-radius:6px;transition:background .12s,color .12s;line-height:1.15}.msc-n .sg{position:relative;white-space:nowrap;word-spacing:.18em;font-family:var(--f-text,serif);font-size:1.45em;padding-top:.35em;color:var(--ink);min-height:1.2em}.msc-n .sg.st::after{content:"";position:absolute;left:50%;top:.05em;width:.2em;height:.2em;margin-left:-.1em;border-radius:50%;background:var(--rubric)}.msc-n .sg.ds::before{content:"";position:absolute;left:.05em;right:.05em;top:.28em;border-top:2px solid var(--ink)}.msc-n .sg.ds.st::after{top:-.12em}.msc-n .nm{font-size:.82em;color:var(--muted);margin-top:.15em}.msc-n .du{font-size:.72em;color:var(--muted)}.msc-n .gk{font-size:1.05em}.msc-n.on{background:var(--rubric-wash,rgba(170,40,30,.14))}.msc-n.on .nm,.msc-n.on .sg{color:var(--rubric)}.msc-ctl{display:flex;flex-wrap:wrap;justify-content:center;gap:.45em .8em;margin:.8em 0 .2em}.msc-grp{display:inline-flex;gap:.25em}.msc-b{font:inherit;font-size:.82em;padding:.32em .75em;border-radius:999px;border:1px solid var(--rule-strong,#b9a98f);background:var(--paper,transparent);color:var(--ink);cursor:pointer}.msc-b[aria-pressed="true"]{background:var(--rubric);border-color:var(--rubric);color:var(--bg,#fff)}.msc-b:focus-visible{outline:2px solid var(--rubric);outline-offset:2px}figure.msc figcaption{font-size:.82em;color:var(--muted);margin-top:.5em;text-wrap:balance}@media (max-width:600px){figure.msc{padding:.7em .5em;width:auto}.msc-n{min-width:1.45em}.msc-n .sg{font-size:1.25em}}.msc-ms.lb{position:relative;padding-bottom:1.5em}.msc-lab{position:absolute;left:0;right:0;bottom:0;font-size:.74em;font-style:italic;color:var(--muted);white-space:nowrap}