body{margin:0;padding:0;background:var(--background,#fff)}.demo-window{margin:0;border-radius:0;border:0}.player-dock{top:0}.material-dialog,.info-dialog{max-width:calc(100vw - 24px)}@media(max-width:600px){.demo-window{width:100%}}
@media(max-width:640px){
  .window-toolbar{flex-wrap:wrap;gap:12px;padding:16px}
  .subject-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;min-width:0;gap:4px}
  .subject-tabs button{min-width:0;min-height:44px;padding:6px;font-size:14px}
  .toolbar-tag{display:none}
  .play-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .play-controls button{min-width:0;min-height:44px;font-size:14px}
  .chapter-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}
  .chapter-nav button{min-width:0;padding-inline:2px;font-size:14px}
  .demo-body{height:auto;display:flex;flex-direction:column}
  .material-pane{height:auto;max-height:none;overflow:visible}
  .material-content{max-height:none;overflow:visible}
  .material-heading h2{font-size:18px}
  .material-heading .eyebrow,.material-toggle,.phase-summary strong,.phase-summary div>span{font-size:14px}
}