.cof[data-astro-cid-yec5dzfe]{width:min(400px,88vw);height:auto}.cof-key[data-astro-cid-yec5dzfe]{cursor:pointer;outline:none}.cof-key[data-astro-cid-yec5dzfe]:hover circle[data-astro-cid-yec5dzfe],.cof-key[data-astro-cid-yec5dzfe]:focus-visible circle[data-astro-cid-yec5dzfe]{opacity:1;stroke-width:2px}.cof-chords[data-astro-cid-yec5dzfe]{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:.5rem;margin-top:.4rem;display:grid}.cof-chord[data-astro-cid-yec5dzfe]{border:1px solid var(--line,#00000024);border-radius:10px;flex-direction:column;align-items:center;gap:.15rem;padding:.55rem .3rem;text-decoration:none;transition:border-color .12s,background .12s;display:flex}.cof-chord[data-astro-cid-yec5dzfe]:hover{border-color:var(--accent)}.cof-roman[data-astro-cid-yec5dzfe]{font-family:var(--font-mono);color:var(--ink-3);font-size:.68rem}.cof-symbol[data-astro-cid-yec5dzfe]{font-family:var(--font-mono);color:var(--ink);font-size:.95rem;font-weight:700}.cof-neck[data-astro-cid-yec5dzfe]{margin:2rem 0 0;overflow-x:auto}.cof-neck[data-astro-cid-yec5dzfe] svg{width:100%;min-width:560px;height:auto;display:block}.cof-neck[data-astro-cid-yec5dzfe] figcaption[data-astro-cid-yec5dzfe]{font-family:var(--font-mono);color:var(--ink-3);margin-top:.6rem;font-size:.76rem}