.bio-project-home-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 14px;background:#edf4f0;border-bottom:1px solid #c4d9d0;font:16px/1.4 "Microsoft YaHei",sans-serif}
.bio-project-home-row>a,.bio-project-home-row>button{color:#144e43;border:1px solid #aec8bb;background:white;padding:7px 10px;border-radius:4px;text-decoration:none;min-height:38px;font:inherit}
.bio-project-home-row .bio-coop{position:static!important;inset:auto!important;max-width:100%}
.bio-project-home-row .dock{position:static!important;inset:auto!important;max-width:100%;margin:0}
.app,.top>*,.workspace>*,.lesson-nav>*{min-width:0;max-width:100%}
.top,.view-switch,.mode-tabs,.lesson-nav,.pk-toolbar,.pk-settings,.pk-bottom{flex-wrap:wrap}
button{white-space:normal;overflow-wrap:anywhere}
.app .icon-button{display:grid;place-items:center;line-height:1;width:2em;height:2em;flex-shrink:0}
@media(max-width:800px){.top-actions{flex-wrap:wrap}.bio-project-home-row .bio-coop{width:100%}}

/* The literal lesson name wraps without displacing the mode controls. */
.top{flex-wrap:wrap}.brand{min-width:0;flex:1 1 34rem}.brand>div:last-child{min-width:0}.brand h1{font-size:28px;line-height:1.35;letter-spacing:0;overflow-wrap:anywhere}.top-actions,.view-switch{flex-shrink:0}