.fk-answer{font-size:1.08rem;line-height:1.6;max-width:72ch;margin:6px 0 10px}
.fk-updated{font-size:.88rem;color:var(--muted);margin:4px 0 14px}
.fk-facts{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 18px;margin:14px 0;max-width:72ch}
.fk-facts h2{margin:4px 0 6px;font-size:1.15rem}
.fk-facts ul{margin:0;padding-left:1.2em}
.fk-facts li{margin:3px 0}
.fk-label{display:inline-block;font-size:.82rem;font-weight:650;padding:2px 8px;border-radius:8px;background:var(--brand-soft);color:var(--brand-2);border:1px solid var(--line);margin:2px 0}
.fk-btns{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.fk-btns .btn{min-width:44px}
.fk-btns .btn[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.fk-live{min-height:1.5em;font-weight:650;margin:6px 0}
.fk-ex{list-style:none;padding:0;margin:10px 0;display:grid;gap:10px}
.fk-ex li{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px}
.fk-ex h3{margin:2px 0 4px;font-size:1.05rem}
.fk-ex p{margin:4px 0}
.fk-notes{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;overflow-wrap:anywhere}
.fk-piano{margin:12px 0}
.fk-scroll{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
.fk-scroll table{min-width:300px}
.fk-steps>li{margin:6px 0}
.fk-log td,.fk-log th{min-width:6em;height:2.2em}
html.bz-kids .fk-btns .btn,html.bz-kids .fk-ex .btn{font-size:1.15rem;min-height:56px;padding:12px 20px}
html.bz-kids .fk-live{font-size:1.2rem}
@media print{.tool .fk-btns,.fk-kids,.privacy,.cards{display:none}.fk-log{width:100%}}
/* Music staff illustrations (shared pattern; the lead merges these into one file) */
:root{--staff-tip-bg:#e6f4f0;--staff-tip-line:#bfe1d8}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--staff-tip-bg:#16302b;--staff-tip-line:#28524a}}
:root[data-theme=dark]{--staff-tip-bg:#16302b;--staff-tip-line:#28524a}
.staff-art{margin:4px 0 12px;width:260px;max-width:100%;background:none;border:0;padding:0}
.staff-art img,.staff-tip img{display:block;width:100%;height:auto;background:none;border:0}
.staff-art--right{float:right;margin-left:20px}
.staff-art--left{float:left;margin-right:20px}
.prose h2{clear:both}
.staff-tip{display:flex;align-items:center;gap:14px;background:var(--staff-tip-bg);border:1px solid var(--staff-tip-line);border-radius:18px;padding:14px 18px 14px 0;margin:28px 0 20px 0;max-width:72ch;clear:both}
.staff-tip picture{flex:0 0 140px;max-width:140px;margin:-34px 0 -14px -10px}
.staff-tip div{flex:1 1 auto;min-width:0}
.staff-tip p{margin:4px 0}
.staff-tip__who{font-weight:700;color:var(--brand-2)}
@media (max-width:600px){.staff-art--right,.staff-art--left{float:none;margin:8px auto 14px;width:180px}.staff-tip{padding:12px 14px 12px 0}.staff-tip picture{flex-basis:96px;max-width:96px;margin:-24px 0 -12px -6px}}