/* Clear, usable notation: large symbols, high contrast and stable staff spacing. */
body[data-world="theory"] .rhythm-desk{grid-template-columns:270px minmax(0,1fr);min-height:650px}
body[data-world="theory"] .note-tray{padding:28px 22px}
body[data-world="theory"] .note-token{min-height:108px;grid-template-columns:82px minmax(0,1fr);padding:12px 14px;margin:10px 0}
body[data-world="theory"] .note-token b{width:76px;height:76px}
body[data-world="theory"] .note-token span{font-size:12px;line-height:1.35}
body[data-world="theory"] .notation-glyph{width:100%;height:100%;min-width:64px;min-height:64px;stroke-width:4}
body[data-world="theory"] .score-workspace{padding:38px 32px;gap:30px}
body[data-world="theory"] .measure{min-height:360px;grid-template-columns:84px 58px minmax(0,1fr);padding:24px 20px;gap:14px}
body[data-world="theory"] .measure-clef{width:78px;height:118px;display:grid;place-items:center}
body[data-world="theory"] .clef-glyph{width:78px;height:118px;display:block;overflow:visible;fill:none;stroke:#f6f0df;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
body[data-world="theory"] .clef-fill{fill:#f6f0df;stroke:none}
body[data-world="theory"] .measure-time{font-size:38px}
body[data-world="theory"] .measure-staff{background-size:100% 3px;background-position:0 calc(50% - 88px),0 calc(50% - 44px),0 50%,0 calc(50% + 44px),0 calc(50% + 88px)}
body[data-world="theory"] .placed-note{gap:8px;filter:drop-shadow(4px 4px 0 #c3282e)}
body[data-world="theory"] .placed-note .notation-glyph{width:min(112px,78%);height:142px}
body[data-world="theory"] .placed-note small{font-size:10px;line-height:1.3;max-width:130px}
body[data-world="theory"] .measure-beat-labels{position:absolute;left:0;right:0;bottom:9px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-left:156px;color:rgba(246,240,223,.72);font:500 11px 'DM Mono',monospace;text-align:center;pointer-events:none}
@media(max-width:900px){
  body[data-world="theory"] .rhythm-desk{grid-template-columns:1fr}
  body[data-world="theory"] .note-tray{border-right:0;border-bottom:2px solid #f6f0df}
  body[data-world="theory"] .note-token{display:inline-grid;width:calc(50% - 8px);vertical-align:top;margin:8px 4px}
  body[data-world="theory"] .score-workspace{padding:28px 18px}
}
@media(max-width:560px){
  body[data-world="theory"] .note-token{width:100%;margin:6px 0}
  body[data-world="theory"] .measure{grid-template-columns:48px 34px minmax(0,1fr);min-height:300px;padding:14px 8px;gap:6px}
  body[data-world="theory"] .measure-clef{width:44px;height:90px}
  body[data-world="theory"] .clef-glyph{width:44px;height:90px}
  body[data-world="theory"] .measure-time{font-size:25px}
  body[data-world="theory"] .measure-staff{background-position:0 calc(50% - 60px),0 calc(50% - 30px),0 50%,0 calc(50% + 30px),0 calc(50% + 60px)}
  body[data-world="theory"] .placed-note .notation-glyph{height:100px;width:min(70px,90%)}
  body[data-world="theory"] .placed-note small{font-size:8px;max-width:70px}
  body[data-world="theory"] .measure-beat-labels{padding-left:88px;font-size:9px}
}