/* Same presentation contract as the app; teaching figure colors remain meaningful. */
:root{--serif:PaperSans,sans-serif}
body{font-size:16px}
.window-brand strong,.material-heading h2,.chapter-nav{font-family:var(--sans)}
.quiet,.eyebrow,.window-brand>span,.play-controls button,.subject-tabs button,.toolbar-tag,.demo-label{font-size:14px}
.play-controls button,.subject-tabs button,.material-toggle,.dialog-close{min-height:44px;border-radius:8px}
.play-controls button,.material-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.ui-icon{display:inline-block;width:20px;height:20px;vertical-align:middle;flex:0 0 20px}
.composer-demo{border-radius:8px;box-shadow:none}
.demo-window{box-shadow:none}